@import url("https://use.typekit.net/edr2kfa.css");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --primary: #5ADC00;
  --white: #fff;
  --black: #000;
}

/*
	Josh's Custom CSS Reset
	https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
}

#root, #__next {
  isolation: isolate;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  line-height: 1.56;
  font-size: 18px;
  font-size: 1.8rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "din-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 2rem;
  text-transform: uppercase;
  line-height: 1.2;
  color: #000;
  color: #000;
  color: var(--black);
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #5ADC00;
  color: #5ADC00;
  color: var(--primary);
}

h1 {
  font-size: 49px;
  line-height: 84%;
  letter-spacing: -1.8px;
  margin-bottom: 0;
}
@media (min-width: 667px) {
  h1 {
    font-size: 80px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 125px;
  }
}

h2 {
  font-size: 50px;
  line-height: 84%;
  letter-spacing: -1.8px;
}
@media (min-width: 667px) {
  h2 {
    font-size: 70px;
  }
}
@media (min-width: 992px) {
  h2 {
    font-size: 90px;
  }
}

h3 {
  font-size: 28px;
  line-height: 84%;
  letter-spacing: -1.8px;
  margin-bottom: 0;
}
@media (min-width: 667px) {
  h3 {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  h3 {
    font-size: 60px;
  }
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: #5ADC00;
  color: #5ADC00;
  color: var(--primary);
}
a:hover {
  text-decoration: underline;
}

blockquote p:last-child {
  margin-bottom: 0;
}
blockquote a {
  text-decoration: underline;
}

address {
  font-style: normal;
}

ul.buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 667px) {
  ul.buttons {
    min-width: 340px;
  }
}
@media (min-width: 992px) {
  ul.buttons {
    min-width: 540px;
  }
}
ul.buttons li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
ul.buttons li .button {
  width: 100px;
}
ul.buttons li .button-content {
  flex: 1;
}
ul.buttons li p {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.54em;
  margin: 0 0 0.5rem 0;
  color: #000;
  color: #000;
  color: var(--black);
}
ul.buttons li p:last-child {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.56em;
  font-weight: 400;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-position-center {
  background-position: center;
}

.bg-black {
  background-color: #000;
  background-color: #000;
  background-color: var(--black);
}

.hover-bg-black:hover {
  background: #000;
  background: #000;
  background: var(--black);
}

.text-black {
  color: #000;
  color: #000;
  color: var(--black);
}

.hover-text-black:hover {
  color: #000;
  color: #000;
  color: var(--black);
}

.border-black {
  border-color: #000;
  border-color: #000;
  border-color: var(--black);
}

.hover-border-black:hover {
  border-color: #000;
  border-color: #000;
  border-color: var(--black);
}

.fill-black {
  fill: #000;
  fill: #000;
  fill: var(--black);
}

.hover-fill-black:hover {
  fill: #000;
  fill: #000;
  fill: var(--black);
}

.bg-white {
  background-color: #fff;
  background-color: #fff;
  background-color: var(--white);
}

.hover-bg-white:hover {
  background: #fff;
  background: #fff;
  background: var(--white);
}

.text-white {
  color: #fff;
  color: #fff;
  color: var(--white);
}

.hover-text-white:hover {
  color: #fff;
  color: #fff;
  color: var(--white);
}

.border-white {
  border-color: #fff;
  border-color: #fff;
  border-color: var(--white);
}

.hover-border-white:hover {
  border-color: #fff;
  border-color: #fff;
  border-color: var(--white);
}

.fill-white {
  fill: #fff;
  fill: #fff;
  fill: var(--white);
}

.hover-fill-white:hover {
  fill: #fff;
  fill: #fff;
  fill: var(--white);
}

.is-display-none {
  display: none;
}

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

.is-display-inline-block {
  display: inline-block;
}

.is-display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is-display-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.is-display-grid {
  display: grid;
}

@media (max-width: 400px) {
  .xs-is-display-none {
    display: none;
  }

  .xs-is-display-block {
    display: block;
  }

  .xs-is-display-inline-block {
    display: inline-block;
  }

  .xs-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xs-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .xs-is-display-grid {
    display: grid;
  }
}
@media (min-width: 400px) {
  .sm-is-display-none {
    display: none;
  }

  .sm-is-display-block {
    display: block;
  }

  .sm-is-display-inline-block {
    display: inline-block;
  }

  .sm-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sm-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .sm-is-display-grid {
    display: grid;
  }
}
@media (min-width: 667px) {
  .md-is-display-none {
    display: none;
  }

  .md-is-display-block {
    display: block;
  }

  .md-is-display-inline-block {
    display: inline-block;
  }

  .md-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .md-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .md-is-display-grid {
    display: grid;
  }
}
@media (min-width: 992px) {
  .lg-is-display-none {
    display: none;
  }

  .lg-is-display-block {
    display: block;
  }

  .lg-is-display-inline-block {
    display: inline-block;
  }

  .lg-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .lg-is-display-grid {
    display: grid;
  }
}
@media (min-width: 1280px) {
  .xl-is-display-none {
    display: none;
  }

  .xl-is-display-block {
    display: block;
  }

  .xl-is-display-inline-block {
    display: inline-block;
  }

  .xl-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xl-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .xl-is-display-grid {
    display: grid;
  }
}
@media (min-width: 1600px) {
  .xxl-is-display-none {
    display: none;
  }

  .xxl-is-display-block {
    display: block;
  }

  .xxl-is-display-inline-block {
    display: inline-block;
  }

  .xxl-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xxl-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .xxl-is-display-grid {
    display: grid;
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex--wrap {
  flex-wrap: wrap;
}

.flex--col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex--justify-space-evenly {
  justify-content: space-evenly;
}

.flex--align-start {
  align-items: flex-start;
}

.flex--justify-start {
  justify-content: flex-start;
}

.flex--align-center {
  align-items: center;
}

.flex--justify-center {
  justify-content: center;
}

.flex--justify-between {
  justify-content: space-between;
}

.flex--align-end {
  align-items: flex-end;
}

.flex--justify-end {
  justify-content: flex-end;
}

@media (max-width: 400px) {
  .xs-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xs-flex--wrap {
    flex-wrap: wrap;
  }

  .xs-flex--col {
    flex-direction: column;
  }

  .xs-flex--row {
    flex-direction: row;
  }

  .xs-flex--justify-space-evenly {
    justify-content: space-evenly;
  }

  .xs-flex--align-start {
    align-items: flex-start;
  }

  .xs-flex--justify-start {
    justify-content: flex-start;
  }

  .xs-flex--align-center {
    align-items: center;
  }

  .xs-flex--justify-center {
    justify-content: center;
  }

  .xs-flex--align-end {
    align-items: flex-end;
  }

  .xs-flex--justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 400px) {
  .sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sm-flex--wrap {
    flex-wrap: wrap;
  }

  .sm-flex--col {
    flex-direction: column;
  }

  .sm-flex--row {
    flex-direction: row;
  }

  .sm-flex--justify-space-evenly {
    justify-content: space-evenly;
  }

  .sm-flex--align-start {
    align-items: flex-start;
  }

  .sm-flex--justify-start {
    justify-content: flex-start;
  }

  .sm-flex--align-center {
    align-items: center;
  }

  .sm-flex--justify-center {
    justify-content: center;
  }

  .sm-flex--align-end {
    align-items: flex-end;
  }

  .sm-flex--justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 667px) {
  .md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .md-flex--wrap {
    flex-wrap: wrap;
  }

  .md-flex--col {
    flex-direction: column;
  }

  .md-flex--row {
    flex-direction: row;
  }

  .md-flex--justify-space-evenly {
    justify-content: space-evenly;
  }

  .md-flex--align-start {
    align-items: flex-start;
  }

  .md-flex--justify-start {
    justify-content: flex-start;
  }

  .md-flex--align-center {
    align-items: center;
  }

  .md-flex--justify-center {
    justify-content: center;
  }

  .md-flex--align-end {
    align-items: flex-end;
  }

  .md-flex--justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg-flex--wrap {
    flex-wrap: wrap;
  }

  .lg-flex--col {
    flex-direction: column;
  }

  .lg-flex--row {
    flex-direction: row;
  }

  .lg-flex--justify-space-evenly {
    justify-content: space-evenly;
  }

  .lg-flex--align-start {
    align-items: flex-start;
  }

  .lg-flex--justify-start {
    justify-content: flex-start;
  }

  .lg-flex--align-center {
    align-items: center;
  }

  .lg-flex--justify-center {
    justify-content: center;
  }

  .lg-flex--align-end {
    align-items: flex-end;
  }

  .lg-flex--justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1280px) {
  .xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xl-flex--wrap {
    flex-wrap: wrap;
  }

  .xl-flex--col {
    flex-direction: column;
  }

  .xl-flex--row {
    flex-direction: row;
  }

  .xl-flex--justify-space-evenly {
    justify-content: space-evenly;
  }

  .xl-flex--align-start {
    align-items: flex-start;
  }

  .xl-flex--justify-start {
    justify-content: flex-start;
  }

  .xl-flex--align-center {
    align-items: center;
  }

  .xl-flex--justify-center {
    justify-content: center;
  }

  .xl-flex--align-end {
    align-items: flex-end;
  }

  .xl-flex--justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1600px) {
  .xxl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .xxl-flex--wrap {
    flex-wrap: wrap;
  }

  .xxl-flex--col {
    flex-direction: column;
  }

  .xxl-flex--row {
    flex-direction: row;
  }

  .xxl-flex--justify-space-evenly {
    justify-content: space-evenly;
  }

  .xxl-flex--align-start {
    align-items: flex-start;
  }

  .xxl-flex--justify-start {
    justify-content: flex-start;
  }

  .xxl-flex--align-center {
    align-items: center;
  }

  .xxl-flex--justify-center {
    justify-content: center;
  }

  .xxl-flex--align-end {
    align-items: flex-end;
  }

  .xxl-flex--justify-end {
    justify-content: flex-end;
  }
}
.object-fit-cover,
.object-fit-contain {
  width: 100%;
  height: 100%;
}

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-position-center {
  -o-object-position: center;
     object-position: center;
}

.relative {
  position: relative;
}

.w-0 {
  width: 0;
}

.h-0 {
  height: 0;
}

.w-5 {
  width: 5%;
}

.h-5 {
  height: 5%;
}

.w-10 {
  width: 10%;
}

.h-10 {
  height: 10%;
}

.w-15 {
  width: 15%;
}

.h-15 {
  height: 15%;
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

.w-35 {
  width: 35%;
}

.h-35 {
  height: 35%;
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

.w-45 {
  width: 45%;
}

.h-45 {
  height: 45%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.w-55 {
  width: 55%;
}

.h-55 {
  height: 55%;
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

.w-65 {
  width: 65%;
}

.h-65 {
  height: 65%;
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.w-80 {
  width: 85%;
}

.h-80 {
  height: 85%;
}

.w-85 {
  width: 85%;
}

.h-85 {
  height: 85%;
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

.w-95 {
  width: 95%;
}

.h-95 {
  height: 95%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

@media (max-width: 400px) {
  .xs-w-0 {
    width: 0;
  }

  .xs-h-0 {
    height: 0;
  }

  .xs-w-5 {
    width: 5%;
  }

  .xs-h-5 {
    height: 5%;
  }

  .xs-w-10 {
    width: 10%;
  }

  .xs-h-10 {
    height: 10%;
  }

  .xs-w-15 {
    width: 15%;
  }

  .xs-h-15 {
    height: 15%;
  }

  .xs-w-20 {
    width: 20%;
  }

  .xs-h-20 {
    height: 20%;
  }

  .xs-w-25 {
    width: 25%;
  }

  .xs-h-25 {
    height: 25%;
  }

  .xs-w-30 {
    width: 30%;
  }

  .xs-h-30 {
    height: 30%;
  }

  .xs-w-35 {
    width: 35%;
  }

  .xs-h-35 {
    height: 35%;
  }

  .xs-w-40 {
    width: 40%;
  }

  .xs-h-40 {
    height: 40%;
  }

  .xs-w-45 {
    width: 45%;
  }

  .xs-h-45 {
    height: 45%;
  }

  .xs-w-50 {
    width: 50%;
  }

  .xs-h-50 {
    height: 50%;
  }

  .xs-w-55 {
    width: 55%;
  }

  .xs-h-55 {
    height: 55%;
  }

  .xs-w-60 {
    width: 60%;
  }

  .xs-h-60 {
    height: 60%;
  }

  .xs-w-65 {
    width: 65%;
  }

  .xs-h-65 {
    height: 65%;
  }

  .xs-w-70 {
    width: 70%;
  }

  .xs-h-70 {
    height: 70%;
  }

  .xs-w-75 {
    width: 75%;
  }

  .xs-h-75 {
    height: 75%;
  }

  .xs-w-80 {
    width: 85%;
  }

  .xs-h-80 {
    height: 85%;
  }

  .xs-w-85 {
    width: 85%;
  }

  .xs-h-85 {
    height: 85%;
  }

  .xs-w-90 {
    width: 90%;
  }

  .xs-h-90 {
    height: 90%;
  }

  .xs-w-95 {
    width: 95%;
  }

  .xs-h-95 {
    height: 95%;
  }

  .xs-w-100 {
    width: 100%;
  }

  .xs-h-100 {
    height: 100%;
  }
}
@media (min-width: 400px) {
  .sm-w-0 {
    width: 0;
  }

  .sm-h-0 {
    height: 0;
  }

  .sm-w-5 {
    width: 5%;
  }

  .sm-h-5 {
    height: 5%;
  }

  .sm-w-10 {
    width: 10%;
  }

  .sm-h-10 {
    height: 10%;
  }

  .sm-w-15 {
    width: 15%;
  }

  .sm-h-15 {
    height: 15%;
  }

  .sm-w-20 {
    width: 20%;
  }

  .sm-h-20 {
    height: 20%;
  }

  .sm-w-25 {
    width: 25%;
  }

  .sm-h-25 {
    height: 25%;
  }

  .sm-w-30 {
    width: 30%;
  }

  .sm-h-30 {
    height: 30%;
  }

  .sm-w-35 {
    width: 35%;
  }

  .sm-h-35 {
    height: 35%;
  }

  .sm-w-40 {
    width: 40%;
  }

  .sm-h-40 {
    height: 40%;
  }

  .sm-w-45 {
    width: 45%;
  }

  .sm-h-45 {
    height: 45%;
  }

  .sm-w-50 {
    width: 50%;
  }

  .sm-h-50 {
    height: 50%;
  }

  .sm-w-55 {
    width: 55%;
  }

  .sm-h-55 {
    height: 55%;
  }

  .sm-w-60 {
    width: 60%;
  }

  .sm-h-60 {
    height: 60%;
  }

  .sm-w-65 {
    width: 65%;
  }

  .sm-h-65 {
    height: 65%;
  }

  .sm-w-70 {
    width: 70%;
  }

  .sm-h-70 {
    height: 70%;
  }

  .sm-w-75 {
    width: 75%;
  }

  .sm-h-75 {
    height: 75%;
  }

  .sm-w-80 {
    width: 85%;
  }

  .sm-h-80 {
    height: 85%;
  }

  .sm-w-85 {
    width: 85%;
  }

  .sm-h-85 {
    height: 85%;
  }

  .sm-w-90 {
    width: 90%;
  }

  .sm-h-90 {
    height: 90%;
  }

  .sm-w-95 {
    width: 95%;
  }

  .sm-h-95 {
    height: 95%;
  }

  .sm-w-100 {
    width: 100%;
  }

  .sm-h-100 {
    height: 100%;
  }
}
@media (min-width: 667px) {
  .md-w-0 {
    width: 0;
  }

  .md-h-0 {
    height: 0;
  }

  .md-w-5 {
    width: 5%;
  }

  .md-h-5 {
    height: 5%;
  }

  .md-w-10 {
    width: 10%;
  }

  .md-h-10 {
    height: 10%;
  }

  .md-w-15 {
    width: 15%;
  }

  .md-h-15 {
    height: 15%;
  }

  .md-w-20 {
    width: 20%;
  }

  .md-h-20 {
    height: 20%;
  }

  .md-w-25 {
    width: 25%;
  }

  .md-h-25 {
    height: 25%;
  }

  .md-w-30 {
    width: 30%;
  }

  .md-h-30 {
    height: 30%;
  }

  .md-w-35 {
    width: 35%;
  }

  .md-h-35 {
    height: 35%;
  }

  .md-w-40 {
    width: 40%;
  }

  .md-h-40 {
    height: 40%;
  }

  .md-w-45 {
    width: 45%;
  }

  .md-h-45 {
    height: 45%;
  }

  .md-w-50 {
    width: 50%;
  }

  .md-h-50 {
    height: 50%;
  }

  .md-w-55 {
    width: 55%;
  }

  .md-h-55 {
    height: 55%;
  }

  .md-w-60 {
    width: 60%;
  }

  .md-h-60 {
    height: 60%;
  }

  .md-w-65 {
    width: 65%;
  }

  .md-h-65 {
    height: 65%;
  }

  .md-w-70 {
    width: 70%;
  }

  .md-h-70 {
    height: 70%;
  }

  .md-w-75 {
    width: 75%;
  }

  .md-h-75 {
    height: 75%;
  }

  .md-w-80 {
    width: 85%;
  }

  .md-h-80 {
    height: 85%;
  }

  .md-w-85 {
    width: 85%;
  }

  .md-h-85 {
    height: 85%;
  }

  .md-w-90 {
    width: 90%;
  }

  .md-h-90 {
    height: 90%;
  }

  .md-w-95 {
    width: 95%;
  }

  .md-h-95 {
    height: 95%;
  }

  .md-w-100 {
    width: 100%;
  }

  .md-h-100 {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .lg-w-0 {
    width: 0;
  }

  .lg-h-0 {
    height: 0;
  }

  .lg-w-5 {
    width: 5%;
  }

  .lg-h-5 {
    height: 5%;
  }

  .lg-w-10 {
    width: 10%;
  }

  .lg-h-10 {
    height: 10%;
  }

  .lg-w-15 {
    width: 15%;
  }

  .lg-h-15 {
    height: 15%;
  }

  .lg-w-20 {
    width: 20%;
  }

  .lg-h-20 {
    height: 20%;
  }

  .lg-w-25 {
    width: 25%;
  }

  .lg-h-25 {
    height: 25%;
  }

  .lg-w-30 {
    width: 30%;
  }

  .lg-h-30 {
    height: 30%;
  }

  .lg-w-35 {
    width: 35%;
  }

  .lg-h-35 {
    height: 35%;
  }

  .lg-w-40 {
    width: 40%;
  }

  .lg-h-40 {
    height: 40%;
  }

  .lg-w-45 {
    width: 45%;
  }

  .lg-h-45 {
    height: 45%;
  }

  .lg-w-50 {
    width: 50%;
  }

  .lg-h-50 {
    height: 50%;
  }

  .lg-w-55 {
    width: 55%;
  }

  .lg-h-55 {
    height: 55%;
  }

  .lg-w-60 {
    width: 60%;
  }

  .lg-h-60 {
    height: 60%;
  }

  .lg-w-65 {
    width: 65%;
  }

  .lg-h-65 {
    height: 65%;
  }

  .lg-w-70 {
    width: 70%;
  }

  .lg-h-70 {
    height: 70%;
  }

  .lg-w-75 {
    width: 75%;
  }

  .lg-h-75 {
    height: 75%;
  }

  .lg-w-80 {
    width: 85%;
  }

  .lg-h-80 {
    height: 85%;
  }

  .lg-w-85 {
    width: 85%;
  }

  .lg-h-85 {
    height: 85%;
  }

  .lg-w-90 {
    width: 90%;
  }

  .lg-h-90 {
    height: 90%;
  }

  .lg-w-95 {
    width: 95%;
  }

  .lg-h-95 {
    height: 95%;
  }

  .lg-w-100 {
    width: 100%;
  }

  .lg-h-100 {
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .xl-w-0 {
    width: 0;
  }

  .xl-h-0 {
    height: 0;
  }

  .xl-w-5 {
    width: 5%;
  }

  .xl-h-5 {
    height: 5%;
  }

  .xl-w-10 {
    width: 10%;
  }

  .xl-h-10 {
    height: 10%;
  }

  .xl-w-15 {
    width: 15%;
  }

  .xl-h-15 {
    height: 15%;
  }

  .xl-w-20 {
    width: 20%;
  }

  .xl-h-20 {
    height: 20%;
  }

  .xl-w-25 {
    width: 25%;
  }

  .xl-h-25 {
    height: 25%;
  }

  .xl-w-30 {
    width: 30%;
  }

  .xl-h-30 {
    height: 30%;
  }

  .xl-w-35 {
    width: 35%;
  }

  .xl-h-35 {
    height: 35%;
  }

  .xl-w-40 {
    width: 40%;
  }

  .xl-h-40 {
    height: 40%;
  }

  .xl-w-45 {
    width: 45%;
  }

  .xl-h-45 {
    height: 45%;
  }

  .xl-w-50 {
    width: 50%;
  }

  .xl-h-50 {
    height: 50%;
  }

  .xl-w-55 {
    width: 55%;
  }

  .xl-h-55 {
    height: 55%;
  }

  .xl-w-60 {
    width: 60%;
  }

  .xl-h-60 {
    height: 60%;
  }

  .xl-w-65 {
    width: 65%;
  }

  .xl-h-65 {
    height: 65%;
  }

  .xl-w-70 {
    width: 70%;
  }

  .xl-h-70 {
    height: 70%;
  }

  .xl-w-75 {
    width: 75%;
  }

  .xl-h-75 {
    height: 75%;
  }

  .xl-w-80 {
    width: 85%;
  }

  .xl-h-80 {
    height: 85%;
  }

  .xl-w-85 {
    width: 85%;
  }

  .xl-h-85 {
    height: 85%;
  }

  .xl-w-90 {
    width: 90%;
  }

  .xl-h-90 {
    height: 90%;
  }

  .xl-w-95 {
    width: 95%;
  }

  .xl-h-95 {
    height: 95%;
  }

  .xl-w-100 {
    width: 100%;
  }

  .xl-h-100 {
    height: 100%;
  }
}
@media (min-width: 1600px) {
  .xxl-w-0 {
    width: 0;
  }

  .xxl-h-0 {
    height: 0;
  }

  .xxl-w-5 {
    width: 5%;
  }

  .xxl-h-5 {
    height: 5%;
  }

  .xxl-w-10 {
    width: 10%;
  }

  .xxl-h-10 {
    height: 10%;
  }

  .xxl-w-15 {
    width: 15%;
  }

  .xxl-h-15 {
    height: 15%;
  }

  .xxl-w-20 {
    width: 20%;
  }

  .xxl-h-20 {
    height: 20%;
  }

  .xxl-w-25 {
    width: 25%;
  }

  .xxl-h-25 {
    height: 25%;
  }

  .xxl-w-30 {
    width: 30%;
  }

  .xxl-h-30 {
    height: 30%;
  }

  .xxl-w-35 {
    width: 35%;
  }

  .xxl-h-35 {
    height: 35%;
  }

  .xxl-w-40 {
    width: 40%;
  }

  .xxl-h-40 {
    height: 40%;
  }

  .xxl-w-45 {
    width: 45%;
  }

  .xxl-h-45 {
    height: 45%;
  }

  .xxl-w-50 {
    width: 50%;
  }

  .xxl-h-50 {
    height: 50%;
  }

  .xxl-w-55 {
    width: 55%;
  }

  .xxl-h-55 {
    height: 55%;
  }

  .xxl-w-60 {
    width: 60%;
  }

  .xxl-h-60 {
    height: 60%;
  }

  .xxl-w-65 {
    width: 65%;
  }

  .xxl-h-65 {
    height: 65%;
  }

  .xxl-w-70 {
    width: 70%;
  }

  .xxl-h-70 {
    height: 70%;
  }

  .xxl-w-75 {
    width: 75%;
  }

  .xxl-h-75 {
    height: 75%;
  }

  .xxl-w-80 {
    width: 85%;
  }

  .xxl-h-80 {
    height: 85%;
  }

  .xxl-w-85 {
    width: 85%;
  }

  .xxl-h-85 {
    height: 85%;
  }

  .xxl-w-90 {
    width: 90%;
  }

  .xxl-h-90 {
    height: 90%;
  }

  .xxl-w-95 {
    width: 95%;
  }

  .xxl-h-95 {
    height: 95%;
  }

  .xxl-w-100 {
    width: 100%;
  }

  .xxl-h-100 {
    height: 100%;
  }
}
.m-auto {
  margin: auto;
}

.m-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.m-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.m-t-auto {
  margin-top: auto;
}

.m-r-auto {
  margin-right: auto;
}

.m-b-auto {
  margin-bottom: auto;
}

.m-l-auto {
  margin-left: auto;
}

.p-auto {
  padding: auto;
}

.p-x-auto {
  padding-left: auto;
  padding-right: auto;
}

.p-y-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.p-t-auto {
  padding-top: auto;
}

.p-r-auto {
  padding-right: auto;
}

.p-b-auto {
  padding-bottom: auto;
}

.p-l-auto {
  padding-left: auto;
}

.m-none {
  margin: 0;
}

.m-x-none {
  margin-left: 0;
  margin-right: 0;
}

.m-y-none {
  margin-top: 0;
  margin-bottom: 0;
}

.m-t-none {
  margin-top: 0;
}

.m-r-none {
  margin-right: 0;
}

.m-b-none {
  margin-bottom: 0;
}

.m-l-none {
  margin-left: 0;
}

.p-none {
  padding: 0;
}

.p-x-none {
  padding-left: 0;
  padding-right: 0;
}

.p-y-none {
  padding-top: 0;
  padding-bottom: 0;
}

.p-t-none {
  padding-top: 0;
}

.p-r-none {
  padding-right: 0;
}

.p-b-none {
  padding-bottom: 0;
}

.p-l-none {
  padding-left: 0;
}

.m-2xs {
  margin: 0.8rem;
}

.m-x-2xs {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.m-y-2xs {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.m-t-2xs {
  margin-top: 0.8rem;
}

.m-r-2xs {
  margin-right: 0.8rem;
}

.m-b-2xs {
  margin-bottom: 0.8rem;
}

.m-l-2xs {
  margin-left: 0.8rem;
}

.p-2xs {
  padding: 0.8rem;
}

.p-x-2xs {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.p-y-2xs {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.p-t-2xs {
  padding-top: 0.8rem;
}

.p-r-2xs {
  padding-right: 0.8rem;
}

.p-b-2xs {
  padding-bottom: 0.8rem;
}

.p-l-2xs {
  padding-left: 0.8rem;
}

.m-xs {
  margin: 1.6rem;
}

.m-x-xs {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

.m-y-xs {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.m-t-xs {
  margin-top: 1.6rem;
}

.m-r-xs {
  margin-right: 1.6rem;
}

.m-b-xs {
  margin-bottom: 1.6rem;
}

.m-l-xs {
  margin-left: 1.6rem;
}

.p-xs {
  padding: 1.6rem;
}

.p-x-xs {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.p-y-xs {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.p-t-xs {
  padding-top: 1.6rem;
}

.p-r-xs {
  padding-right: 1.6rem;
}

.p-b-xs {
  padding-bottom: 1.6rem;
}

.p-l-xs {
  padding-left: 1.6rem;
}

.m-sm {
  margin: 2rem;
}

.m-x-sm {
  margin-left: 2rem;
  margin-right: 2rem;
}

.m-y-sm {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-t-sm {
  margin-top: 2rem;
}

.m-r-sm {
  margin-right: 2rem;
}

.m-b-sm {
  margin-bottom: 2rem;
}

.m-l-sm {
  margin-left: 2rem;
}

.p-sm {
  padding: 2rem;
}

.p-x-sm {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p-y-sm {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-t-sm {
  padding-top: 2rem;
}

.p-r-sm {
  padding-right: 2rem;
}

.p-b-sm {
  padding-bottom: 2rem;
}

.p-l-sm {
  padding-left: 2rem;
}

.m-md {
  margin: 3.2rem;
}

.m-x-md {
  margin-left: 3.2rem;
  margin-right: 3.2rem;
}

.m-y-md {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}

.m-t-md {
  margin-top: 3.2rem;
}

.m-r-md {
  margin-right: 3.2rem;
}

.m-b-md, p {
  margin-bottom: 3.2rem;
}

.m-l-md {
  margin-left: 3.2rem;
}

.p-md {
  padding: 3.2rem;
}

.p-x-md {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}

.p-y-md {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

.p-t-md {
  padding-top: 3.2rem;
}

.p-r-md {
  padding-right: 3.2rem;
}

.p-b-md {
  padding-bottom: 3.2rem;
}

.p-l-md {
  padding-left: 3.2rem;
}

.m-lg {
  margin: 4rem;
}

.m-x-lg {
  margin-left: 4rem;
  margin-right: 4rem;
}

.m-y-lg {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.m-t-lg {
  margin-top: 4rem;
}

.m-r-lg {
  margin-right: 4rem;
}

.m-b-lg {
  margin-bottom: 4rem;
}

.m-l-lg {
  margin-left: 4rem;
}

.p-lg {
  padding: 4rem;
}

.p-x-lg {
  padding-left: 4rem;
  padding-right: 4rem;
}

.p-y-lg {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.p-t-lg {
  padding-top: 4rem;
}

.p-r-lg {
  padding-right: 4rem;
}

.p-b-lg {
  padding-bottom: 4rem;
}

.p-l-lg {
  padding-left: 4rem;
}

.m-xl {
  margin: 5.2rem;
}

.m-x-xl {
  margin-left: 5.2rem;
  margin-right: 5.2rem;
}

.m-y-xl {
  margin-top: 5.2rem;
  margin-bottom: 5.2rem;
}

.m-t-xl {
  margin-top: 5.2rem;
}

.m-r-xl {
  margin-right: 5.2rem;
}

.m-b-xl {
  margin-bottom: 5.2rem;
}

.m-l-xl {
  margin-left: 5.2rem;
}

.p-xl {
  padding: 5.2rem;
}

.p-x-xl {
  padding-left: 5.2rem;
  padding-right: 5.2rem;
}

.p-y-xl {
  padding-top: 5.2rem;
  padding-bottom: 5.2rem;
}

.p-t-xl {
  padding-top: 5.2rem;
}

.p-r-xl {
  padding-right: 5.2rem;
}

.p-b-xl {
  padding-bottom: 5.2rem;
}

.p-l-xl {
  padding-left: 5.2rem;
}

.m-xxl {
  margin: 6.4rem;
}

.m-x-xxl {
  margin-left: 6.4rem;
  margin-right: 6.4rem;
}

.m-y-xxl {
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}

.m-t-xxl {
  margin-top: 6.4rem;
}

.m-r-xxl {
  margin-right: 6.4rem;
}

.m-b-xxl {
  margin-bottom: 6.4rem;
}

.m-l-xxl {
  margin-left: 6.4rem;
}

.p-xxl {
  padding: 6.4rem;
}

.p-x-xxl {
  padding-left: 6.4rem;
  padding-right: 6.4rem;
}

.p-y-xxl {
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
}

.p-t-xxl {
  padding-top: 6.4rem;
}

.p-r-xxl {
  padding-right: 6.4rem;
}

.p-b-xxl {
  padding-bottom: 6.4rem;
}

.p-l-xxl {
  padding-left: 6.4rem;
}

@media (max-width: 400px) {
  .xs-m-auto {
    margin: auto;
  }

  .xs-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xs-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xs-m-t-auto {
    margin-top: auto;
  }

  .xs-m-r-auto {
    margin-right: auto;
  }

  .xs-m-b-auto {
    margin-bottom: auto;
  }

  .xs-m-l-auto {
    margin-left: auto;
  }

  .xs-p-auto {
    padding: auto;
  }

  .xs-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .xs-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }

  .xs-p-t-auto {
    padding-top: auto;
  }

  .xs-p-r-auto {
    padding-right: auto;
  }

  .xs-p-b-auto {
    padding-bottom: auto;
  }

  .xs-p-l-auto {
    padding-left: auto;
  }

  .xs-m-none {
    margin: 0;
  }

  .xs-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }

  .xs-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xs-m-t-none {
    margin-top: 0;
  }

  .xs-m-r-none {
    margin-right: 0;
  }

  .xs-m-b-none {
    margin-bottom: 0;
  }

  .xs-m-l-none {
    margin-left: 0;
  }

  .xs-p-none {
    padding: 0;
  }

  .xs-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }

  .xs-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xs-p-t-none {
    padding-top: 0;
  }

  .xs-p-r-none {
    padding-right: 0;
  }

  .xs-p-b-none {
    padding-bottom: 0;
  }

  .xs-p-l-none {
    padding-left: 0;
  }

  .xs-m-2xs {
    margin: 0.8rem;
  }

  .xs-m-x-2xs {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }

  .xs-m-y-2xs {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .xs-m-t-2xs {
    margin-top: 0.8rem;
  }

  .xs-m-r-2xs {
    margin-right: 0.8rem;
  }

  .xs-m-b-2xs {
    margin-bottom: 0.8rem;
  }

  .xs-m-l-2xs {
    margin-left: 0.8rem;
  }

  .xs-p-2xs {
    padding: 0.8rem;
  }

  .xs-p-x-2xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .xs-p-y-2xs {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .xs-p-t-2xs {
    padding-top: 0.8rem;
  }

  .xs-p-r-2xs {
    padding-right: 0.8rem;
  }

  .xs-p-b-2xs {
    padding-bottom: 0.8rem;
  }

  .xs-p-l-2xs {
    padding-left: 0.8rem;
  }

  .xs-m-xs {
    margin: 1.6rem;
  }

  .xs-m-x-xs {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .xs-m-y-xs {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .xs-m-t-xs {
    margin-top: 1.6rem;
  }

  .xs-m-r-xs {
    margin-right: 1.6rem;
  }

  .xs-m-b-xs {
    margin-bottom: 1.6rem;
  }

  .xs-m-l-xs {
    margin-left: 1.6rem;
  }

  .xs-p-xs {
    padding: 1.6rem;
  }

  .xs-p-x-xs {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .xs-p-y-xs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .xs-p-t-xs {
    padding-top: 1.6rem;
  }

  .xs-p-r-xs {
    padding-right: 1.6rem;
  }

  .xs-p-b-xs {
    padding-bottom: 1.6rem;
  }

  .xs-p-l-xs {
    padding-left: 1.6rem;
  }

  .xs-m-sm {
    margin: 2rem;
  }

  .xs-m-x-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xs-m-y-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xs-m-t-sm {
    margin-top: 2rem;
  }

  .xs-m-r-sm {
    margin-right: 2rem;
  }

  .xs-m-b-sm {
    margin-bottom: 2rem;
  }

  .xs-m-l-sm {
    margin-left: 2rem;
  }

  .xs-p-sm {
    padding: 2rem;
  }

  .xs-p-x-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xs-p-y-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xs-p-t-sm {
    padding-top: 2rem;
  }

  .xs-p-r-sm {
    padding-right: 2rem;
  }

  .xs-p-b-sm {
    padding-bottom: 2rem;
  }

  .xs-p-l-sm {
    padding-left: 2rem;
  }

  .xs-m-md {
    margin: 3.2rem;
  }

  .xs-m-x-md {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .xs-m-y-md {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .xs-m-t-md {
    margin-top: 3.2rem;
  }

  .xs-m-r-md {
    margin-right: 3.2rem;
  }

  .xs-m-b-md {
    margin-bottom: 3.2rem;
  }

  .xs-m-l-md {
    margin-left: 3.2rem;
  }

  .xs-p-md {
    padding: 3.2rem;
  }

  .xs-p-x-md {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .xs-p-y-md {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .xs-p-t-md {
    padding-top: 3.2rem;
  }

  .xs-p-r-md {
    padding-right: 3.2rem;
  }

  .xs-p-b-md {
    padding-bottom: 3.2rem;
  }

  .xs-p-l-md {
    padding-left: 3.2rem;
  }

  .xs-m-lg {
    margin: 4rem;
  }

  .xs-m-x-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xs-m-y-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xs-m-t-lg {
    margin-top: 4rem;
  }

  .xs-m-r-lg {
    margin-right: 4rem;
  }

  .xs-m-b-lg {
    margin-bottom: 4rem;
  }

  .xs-m-l-lg {
    margin-left: 4rem;
  }

  .xs-p-lg {
    padding: 4rem;
  }

  .xs-p-x-lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xs-p-y-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xs-p-t-lg {
    padding-top: 4rem;
  }

  .xs-p-r-lg {
    padding-right: 4rem;
  }

  .xs-p-b-lg {
    padding-bottom: 4rem;
  }

  .xs-p-l-lg {
    padding-left: 4rem;
  }

  .xs-m-xl {
    margin: 5.2rem;
  }

  .xs-m-x-xl {
    margin-left: 5.2rem;
    margin-right: 5.2rem;
  }

  .xs-m-y-xl {
    margin-top: 5.2rem;
    margin-bottom: 5.2rem;
  }

  .xs-m-t-xl {
    margin-top: 5.2rem;
  }

  .xs-m-r-xl {
    margin-right: 5.2rem;
  }

  .xs-m-b-xl {
    margin-bottom: 5.2rem;
  }

  .xs-m-l-xl {
    margin-left: 5.2rem;
  }

  .xs-p-xl {
    padding: 5.2rem;
  }

  .xs-p-x-xl {
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .xs-p-y-xl {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .xs-p-t-xl {
    padding-top: 5.2rem;
  }

  .xs-p-r-xl {
    padding-right: 5.2rem;
  }

  .xs-p-b-xl {
    padding-bottom: 5.2rem;
  }

  .xs-p-l-xl {
    padding-left: 5.2rem;
  }

  .xs-m-xxl {
    margin: 6.4rem;
  }

  .xs-m-x-xxl {
    margin-left: 6.4rem;
    margin-right: 6.4rem;
  }

  .xs-m-y-xxl {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .xs-m-t-xxl {
    margin-top: 6.4rem;
  }

  .xs-m-r-xxl {
    margin-right: 6.4rem;
  }

  .xs-m-b-xxl {
    margin-bottom: 6.4rem;
  }

  .xs-m-l-xxl {
    margin-left: 6.4rem;
  }

  .xs-p-xxl {
    padding: 6.4rem;
  }

  .xs-p-x-xxl {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }

  .xs-p-y-xxl {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .xs-p-t-xxl {
    padding-top: 6.4rem;
  }

  .xs-p-r-xxl {
    padding-right: 6.4rem;
  }

  .xs-p-b-xxl {
    padding-bottom: 6.4rem;
  }

  .xs-p-l-xxl {
    padding-left: 6.4rem;
  }
}
@media (min-width: 400px) {
  .sm-m-auto {
    margin: auto;
  }

  .sm-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm-m-t-auto {
    margin-top: auto;
  }

  .sm-m-r-auto {
    margin-right: auto;
  }

  .sm-m-b-auto {
    margin-bottom: auto;
  }

  .sm-m-l-auto {
    margin-left: auto;
  }

  .sm-p-auto {
    padding: auto;
  }

  .sm-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .sm-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }

  .sm-p-t-auto {
    padding-top: auto;
  }

  .sm-p-r-auto {
    padding-right: auto;
  }

  .sm-p-b-auto {
    padding-bottom: auto;
  }

  .sm-p-l-auto {
    padding-left: auto;
  }

  .sm-m-none {
    margin: 0;
  }

  .sm-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }

  .sm-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm-m-t-none {
    margin-top: 0;
  }

  .sm-m-r-none {
    margin-right: 0;
  }

  .sm-m-b-none {
    margin-bottom: 0;
  }

  .sm-m-l-none {
    margin-left: 0;
  }

  .sm-p-none {
    padding: 0;
  }

  .sm-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }

  .sm-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm-p-t-none {
    padding-top: 0;
  }

  .sm-p-r-none {
    padding-right: 0;
  }

  .sm-p-b-none {
    padding-bottom: 0;
  }

  .sm-p-l-none {
    padding-left: 0;
  }

  .sm-m-2xs {
    margin: 0.8rem;
  }

  .sm-m-x-2xs {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }

  .sm-m-y-2xs {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .sm-m-t-2xs {
    margin-top: 0.8rem;
  }

  .sm-m-r-2xs {
    margin-right: 0.8rem;
  }

  .sm-m-b-2xs {
    margin-bottom: 0.8rem;
  }

  .sm-m-l-2xs {
    margin-left: 0.8rem;
  }

  .sm-p-2xs {
    padding: 0.8rem;
  }

  .sm-p-x-2xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .sm-p-y-2xs {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .sm-p-t-2xs {
    padding-top: 0.8rem;
  }

  .sm-p-r-2xs {
    padding-right: 0.8rem;
  }

  .sm-p-b-2xs {
    padding-bottom: 0.8rem;
  }

  .sm-p-l-2xs {
    padding-left: 0.8rem;
  }

  .sm-m-xs {
    margin: 1.6rem;
  }

  .sm-m-x-xs {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .sm-m-y-xs {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .sm-m-t-xs {
    margin-top: 1.6rem;
  }

  .sm-m-r-xs {
    margin-right: 1.6rem;
  }

  .sm-m-b-xs {
    margin-bottom: 1.6rem;
  }

  .sm-m-l-xs {
    margin-left: 1.6rem;
  }

  .sm-p-xs {
    padding: 1.6rem;
  }

  .sm-p-x-xs {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .sm-p-y-xs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .sm-p-t-xs {
    padding-top: 1.6rem;
  }

  .sm-p-r-xs {
    padding-right: 1.6rem;
  }

  .sm-p-b-xs {
    padding-bottom: 1.6rem;
  }

  .sm-p-l-xs {
    padding-left: 1.6rem;
  }

  .sm-m-sm {
    margin: 2rem;
  }

  .sm-m-x-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm-m-y-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm-m-t-sm {
    margin-top: 2rem;
  }

  .sm-m-r-sm {
    margin-right: 2rem;
  }

  .sm-m-b-sm {
    margin-bottom: 2rem;
  }

  .sm-m-l-sm {
    margin-left: 2rem;
  }

  .sm-p-sm {
    padding: 2rem;
  }

  .sm-p-x-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm-p-y-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm-p-t-sm {
    padding-top: 2rem;
  }

  .sm-p-r-sm {
    padding-right: 2rem;
  }

  .sm-p-b-sm {
    padding-bottom: 2rem;
  }

  .sm-p-l-sm {
    padding-left: 2rem;
  }

  .sm-m-md {
    margin: 3.2rem;
  }

  .sm-m-x-md {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .sm-m-y-md {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .sm-m-t-md {
    margin-top: 3.2rem;
  }

  .sm-m-r-md {
    margin-right: 3.2rem;
  }

  .sm-m-b-md {
    margin-bottom: 3.2rem;
  }

  .sm-m-l-md {
    margin-left: 3.2rem;
  }

  .sm-p-md {
    padding: 3.2rem;
  }

  .sm-p-x-md {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .sm-p-y-md {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .sm-p-t-md {
    padding-top: 3.2rem;
  }

  .sm-p-r-md {
    padding-right: 3.2rem;
  }

  .sm-p-b-md {
    padding-bottom: 3.2rem;
  }

  .sm-p-l-md {
    padding-left: 3.2rem;
  }

  .sm-m-lg {
    margin: 4rem;
  }

  .sm-m-x-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm-m-y-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm-m-t-lg {
    margin-top: 4rem;
  }

  .sm-m-r-lg {
    margin-right: 4rem;
  }

  .sm-m-b-lg {
    margin-bottom: 4rem;
  }

  .sm-m-l-lg {
    margin-left: 4rem;
  }

  .sm-p-lg {
    padding: 4rem;
  }

  .sm-p-x-lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm-p-y-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm-p-t-lg {
    padding-top: 4rem;
  }

  .sm-p-r-lg {
    padding-right: 4rem;
  }

  .sm-p-b-lg {
    padding-bottom: 4rem;
  }

  .sm-p-l-lg {
    padding-left: 4rem;
  }

  .sm-m-xl {
    margin: 5.2rem;
  }

  .sm-m-x-xl {
    margin-left: 5.2rem;
    margin-right: 5.2rem;
  }

  .sm-m-y-xl {
    margin-top: 5.2rem;
    margin-bottom: 5.2rem;
  }

  .sm-m-t-xl {
    margin-top: 5.2rem;
  }

  .sm-m-r-xl {
    margin-right: 5.2rem;
  }

  .sm-m-b-xl {
    margin-bottom: 5.2rem;
  }

  .sm-m-l-xl {
    margin-left: 5.2rem;
  }

  .sm-p-xl {
    padding: 5.2rem;
  }

  .sm-p-x-xl {
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .sm-p-y-xl {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .sm-p-t-xl {
    padding-top: 5.2rem;
  }

  .sm-p-r-xl {
    padding-right: 5.2rem;
  }

  .sm-p-b-xl {
    padding-bottom: 5.2rem;
  }

  .sm-p-l-xl {
    padding-left: 5.2rem;
  }

  .sm-m-xxl {
    margin: 6.4rem;
  }

  .sm-m-x-xxl {
    margin-left: 6.4rem;
    margin-right: 6.4rem;
  }

  .sm-m-y-xxl {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .sm-m-t-xxl {
    margin-top: 6.4rem;
  }

  .sm-m-r-xxl {
    margin-right: 6.4rem;
  }

  .sm-m-b-xxl {
    margin-bottom: 6.4rem;
  }

  .sm-m-l-xxl {
    margin-left: 6.4rem;
  }

  .sm-p-xxl {
    padding: 6.4rem;
  }

  .sm-p-x-xxl {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }

  .sm-p-y-xxl {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .sm-p-t-xxl {
    padding-top: 6.4rem;
  }

  .sm-p-r-xxl {
    padding-right: 6.4rem;
  }

  .sm-p-b-xxl {
    padding-bottom: 6.4rem;
  }

  .sm-p-l-xxl {
    padding-left: 6.4rem;
  }
}
@media (min-width: 667px) {
  .md-m-auto {
    margin: auto;
  }

  .md-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md-m-t-auto {
    margin-top: auto;
  }

  .md-m-r-auto {
    margin-right: auto;
  }

  .md-m-b-auto {
    margin-bottom: auto;
  }

  .md-m-l-auto {
    margin-left: auto;
  }

  .md-p-auto {
    padding: auto;
  }

  .md-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .md-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }

  .md-p-t-auto {
    padding-top: auto;
  }

  .md-p-r-auto {
    padding-right: auto;
  }

  .md-p-b-auto {
    padding-bottom: auto;
  }

  .md-p-l-auto {
    padding-left: auto;
  }

  .md-m-none {
    margin: 0;
  }

  .md-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }

  .md-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md-m-t-none {
    margin-top: 0;
  }

  .md-m-r-none {
    margin-right: 0;
  }

  .md-m-b-none {
    margin-bottom: 0;
  }

  .md-m-l-none {
    margin-left: 0;
  }

  .md-p-none {
    padding: 0;
  }

  .md-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }

  .md-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md-p-t-none {
    padding-top: 0;
  }

  .md-p-r-none {
    padding-right: 0;
  }

  .md-p-b-none {
    padding-bottom: 0;
  }

  .md-p-l-none {
    padding-left: 0;
  }

  .md-m-2xs {
    margin: 0.8rem;
  }

  .md-m-x-2xs {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }

  .md-m-y-2xs {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .md-m-t-2xs {
    margin-top: 0.8rem;
  }

  .md-m-r-2xs {
    margin-right: 0.8rem;
  }

  .md-m-b-2xs {
    margin-bottom: 0.8rem;
  }

  .md-m-l-2xs {
    margin-left: 0.8rem;
  }

  .md-p-2xs {
    padding: 0.8rem;
  }

  .md-p-x-2xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .md-p-y-2xs {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .md-p-t-2xs {
    padding-top: 0.8rem;
  }

  .md-p-r-2xs {
    padding-right: 0.8rem;
  }

  .md-p-b-2xs {
    padding-bottom: 0.8rem;
  }

  .md-p-l-2xs {
    padding-left: 0.8rem;
  }

  .md-m-xs {
    margin: 1.6rem;
  }

  .md-m-x-xs {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .md-m-y-xs {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .md-m-t-xs {
    margin-top: 1.6rem;
  }

  .md-m-r-xs {
    margin-right: 1.6rem;
  }

  .md-m-b-xs {
    margin-bottom: 1.6rem;
  }

  .md-m-l-xs {
    margin-left: 1.6rem;
  }

  .md-p-xs {
    padding: 1.6rem;
  }

  .md-p-x-xs {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .md-p-y-xs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .md-p-t-xs {
    padding-top: 1.6rem;
  }

  .md-p-r-xs {
    padding-right: 1.6rem;
  }

  .md-p-b-xs {
    padding-bottom: 1.6rem;
  }

  .md-p-l-xs {
    padding-left: 1.6rem;
  }

  .md-m-sm {
    margin: 2rem;
  }

  .md-m-x-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md-m-y-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md-m-t-sm {
    margin-top: 2rem;
  }

  .md-m-r-sm {
    margin-right: 2rem;
  }

  .md-m-b-sm {
    margin-bottom: 2rem;
  }

  .md-m-l-sm {
    margin-left: 2rem;
  }

  .md-p-sm {
    padding: 2rem;
  }

  .md-p-x-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md-p-y-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md-p-t-sm {
    padding-top: 2rem;
  }

  .md-p-r-sm {
    padding-right: 2rem;
  }

  .md-p-b-sm {
    padding-bottom: 2rem;
  }

  .md-p-l-sm {
    padding-left: 2rem;
  }

  .md-m-md {
    margin: 3.2rem;
  }

  .md-m-x-md {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .md-m-y-md {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .md-m-t-md {
    margin-top: 3.2rem;
  }

  .md-m-r-md {
    margin-right: 3.2rem;
  }

  .md-m-b-md {
    margin-bottom: 3.2rem;
  }

  .md-m-l-md {
    margin-left: 3.2rem;
  }

  .md-p-md {
    padding: 3.2rem;
  }

  .md-p-x-md {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .md-p-y-md {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .md-p-t-md {
    padding-top: 3.2rem;
  }

  .md-p-r-md {
    padding-right: 3.2rem;
  }

  .md-p-b-md {
    padding-bottom: 3.2rem;
  }

  .md-p-l-md {
    padding-left: 3.2rem;
  }

  .md-m-lg {
    margin: 4rem;
  }

  .md-m-x-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md-m-y-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md-m-t-lg {
    margin-top: 4rem;
  }

  .md-m-r-lg {
    margin-right: 4rem;
  }

  .md-m-b-lg {
    margin-bottom: 4rem;
  }

  .md-m-l-lg {
    margin-left: 4rem;
  }

  .md-p-lg {
    padding: 4rem;
  }

  .md-p-x-lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md-p-y-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md-p-t-lg {
    padding-top: 4rem;
  }

  .md-p-r-lg {
    padding-right: 4rem;
  }

  .md-p-b-lg {
    padding-bottom: 4rem;
  }

  .md-p-l-lg {
    padding-left: 4rem;
  }

  .md-m-xl {
    margin: 5.2rem;
  }

  .md-m-x-xl {
    margin-left: 5.2rem;
    margin-right: 5.2rem;
  }

  .md-m-y-xl {
    margin-top: 5.2rem;
    margin-bottom: 5.2rem;
  }

  .md-m-t-xl {
    margin-top: 5.2rem;
  }

  .md-m-r-xl {
    margin-right: 5.2rem;
  }

  .md-m-b-xl {
    margin-bottom: 5.2rem;
  }

  .md-m-l-xl {
    margin-left: 5.2rem;
  }

  .md-p-xl {
    padding: 5.2rem;
  }

  .md-p-x-xl {
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .md-p-y-xl {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .md-p-t-xl {
    padding-top: 5.2rem;
  }

  .md-p-r-xl {
    padding-right: 5.2rem;
  }

  .md-p-b-xl {
    padding-bottom: 5.2rem;
  }

  .md-p-l-xl {
    padding-left: 5.2rem;
  }

  .md-m-xxl {
    margin: 6.4rem;
  }

  .md-m-x-xxl {
    margin-left: 6.4rem;
    margin-right: 6.4rem;
  }

  .md-m-y-xxl {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .md-m-t-xxl {
    margin-top: 6.4rem;
  }

  .md-m-r-xxl {
    margin-right: 6.4rem;
  }

  .md-m-b-xxl {
    margin-bottom: 6.4rem;
  }

  .md-m-l-xxl {
    margin-left: 6.4rem;
  }

  .md-p-xxl {
    padding: 6.4rem;
  }

  .md-p-x-xxl {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }

  .md-p-y-xxl {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .md-p-t-xxl {
    padding-top: 6.4rem;
  }

  .md-p-r-xxl {
    padding-right: 6.4rem;
  }

  .md-p-b-xxl {
    padding-bottom: 6.4rem;
  }

  .md-p-l-xxl {
    padding-left: 6.4rem;
  }
}
@media (min-width: 992px) {
  .lg-m-auto {
    margin: auto;
  }

  .lg-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg-m-t-auto {
    margin-top: auto;
  }

  .lg-m-r-auto {
    margin-right: auto;
  }

  .lg-m-b-auto {
    margin-bottom: auto;
  }

  .lg-m-l-auto {
    margin-left: auto;
  }

  .lg-p-auto {
    padding: auto;
  }

  .lg-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .lg-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }

  .lg-p-t-auto {
    padding-top: auto;
  }

  .lg-p-r-auto {
    padding-right: auto;
  }

  .lg-p-b-auto {
    padding-bottom: auto;
  }

  .lg-p-l-auto {
    padding-left: auto;
  }

  .lg-m-none {
    margin: 0;
  }

  .lg-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }

  .lg-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg-m-t-none {
    margin-top: 0;
  }

  .lg-m-r-none {
    margin-right: 0;
  }

  .lg-m-b-none {
    margin-bottom: 0;
  }

  .lg-m-l-none {
    margin-left: 0;
  }

  .lg-p-none {
    padding: 0;
  }

  .lg-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }

  .lg-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg-p-t-none {
    padding-top: 0;
  }

  .lg-p-r-none {
    padding-right: 0;
  }

  .lg-p-b-none {
    padding-bottom: 0;
  }

  .lg-p-l-none {
    padding-left: 0;
  }

  .lg-m-2xs {
    margin: 0.8rem;
  }

  .lg-m-x-2xs {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }

  .lg-m-y-2xs {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .lg-m-t-2xs {
    margin-top: 0.8rem;
  }

  .lg-m-r-2xs {
    margin-right: 0.8rem;
  }

  .lg-m-b-2xs {
    margin-bottom: 0.8rem;
  }

  .lg-m-l-2xs {
    margin-left: 0.8rem;
  }

  .lg-p-2xs {
    padding: 0.8rem;
  }

  .lg-p-x-2xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .lg-p-y-2xs {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .lg-p-t-2xs {
    padding-top: 0.8rem;
  }

  .lg-p-r-2xs {
    padding-right: 0.8rem;
  }

  .lg-p-b-2xs {
    padding-bottom: 0.8rem;
  }

  .lg-p-l-2xs {
    padding-left: 0.8rem;
  }

  .lg-m-xs {
    margin: 1.6rem;
  }

  .lg-m-x-xs {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .lg-m-y-xs {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .lg-m-t-xs {
    margin-top: 1.6rem;
  }

  .lg-m-r-xs {
    margin-right: 1.6rem;
  }

  .lg-m-b-xs {
    margin-bottom: 1.6rem;
  }

  .lg-m-l-xs {
    margin-left: 1.6rem;
  }

  .lg-p-xs {
    padding: 1.6rem;
  }

  .lg-p-x-xs {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .lg-p-y-xs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .lg-p-t-xs {
    padding-top: 1.6rem;
  }

  .lg-p-r-xs {
    padding-right: 1.6rem;
  }

  .lg-p-b-xs {
    padding-bottom: 1.6rem;
  }

  .lg-p-l-xs {
    padding-left: 1.6rem;
  }

  .lg-m-sm {
    margin: 2rem;
  }

  .lg-m-x-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg-m-y-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg-m-t-sm {
    margin-top: 2rem;
  }

  .lg-m-r-sm {
    margin-right: 2rem;
  }

  .lg-m-b-sm {
    margin-bottom: 2rem;
  }

  .lg-m-l-sm {
    margin-left: 2rem;
  }

  .lg-p-sm {
    padding: 2rem;
  }

  .lg-p-x-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg-p-y-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg-p-t-sm {
    padding-top: 2rem;
  }

  .lg-p-r-sm {
    padding-right: 2rem;
  }

  .lg-p-b-sm {
    padding-bottom: 2rem;
  }

  .lg-p-l-sm {
    padding-left: 2rem;
  }

  .lg-m-md {
    margin: 3.2rem;
  }

  .lg-m-x-md {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .lg-m-y-md {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .lg-m-t-md {
    margin-top: 3.2rem;
  }

  .lg-m-r-md {
    margin-right: 3.2rem;
  }

  .lg-m-b-md {
    margin-bottom: 3.2rem;
  }

  .lg-m-l-md {
    margin-left: 3.2rem;
  }

  .lg-p-md {
    padding: 3.2rem;
  }

  .lg-p-x-md {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .lg-p-y-md {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .lg-p-t-md {
    padding-top: 3.2rem;
  }

  .lg-p-r-md {
    padding-right: 3.2rem;
  }

  .lg-p-b-md {
    padding-bottom: 3.2rem;
  }

  .lg-p-l-md {
    padding-left: 3.2rem;
  }

  .lg-m-lg {
    margin: 4rem;
  }

  .lg-m-x-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg-m-y-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg-m-t-lg {
    margin-top: 4rem;
  }

  .lg-m-r-lg {
    margin-right: 4rem;
  }

  .lg-m-b-lg {
    margin-bottom: 4rem;
  }

  .lg-m-l-lg {
    margin-left: 4rem;
  }

  .lg-p-lg {
    padding: 4rem;
  }

  .lg-p-x-lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg-p-y-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg-p-t-lg {
    padding-top: 4rem;
  }

  .lg-p-r-lg {
    padding-right: 4rem;
  }

  .lg-p-b-lg {
    padding-bottom: 4rem;
  }

  .lg-p-l-lg {
    padding-left: 4rem;
  }

  .lg-m-xl {
    margin: 5.2rem;
  }

  .lg-m-x-xl {
    margin-left: 5.2rem;
    margin-right: 5.2rem;
  }

  .lg-m-y-xl {
    margin-top: 5.2rem;
    margin-bottom: 5.2rem;
  }

  .lg-m-t-xl {
    margin-top: 5.2rem;
  }

  .lg-m-r-xl {
    margin-right: 5.2rem;
  }

  .lg-m-b-xl {
    margin-bottom: 5.2rem;
  }

  .lg-m-l-xl {
    margin-left: 5.2rem;
  }

  .lg-p-xl {
    padding: 5.2rem;
  }

  .lg-p-x-xl {
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .lg-p-y-xl {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .lg-p-t-xl {
    padding-top: 5.2rem;
  }

  .lg-p-r-xl {
    padding-right: 5.2rem;
  }

  .lg-p-b-xl {
    padding-bottom: 5.2rem;
  }

  .lg-p-l-xl {
    padding-left: 5.2rem;
  }

  .lg-m-xxl {
    margin: 6.4rem;
  }

  .lg-m-x-xxl {
    margin-left: 6.4rem;
    margin-right: 6.4rem;
  }

  .lg-m-y-xxl {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .lg-m-t-xxl {
    margin-top: 6.4rem;
  }

  .lg-m-r-xxl {
    margin-right: 6.4rem;
  }

  .lg-m-b-xxl {
    margin-bottom: 6.4rem;
  }

  .lg-m-l-xxl {
    margin-left: 6.4rem;
  }

  .lg-p-xxl {
    padding: 6.4rem;
  }

  .lg-p-x-xxl {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }

  .lg-p-y-xxl {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .lg-p-t-xxl {
    padding-top: 6.4rem;
  }

  .lg-p-r-xxl {
    padding-right: 6.4rem;
  }

  .lg-p-b-xxl {
    padding-bottom: 6.4rem;
  }

  .lg-p-l-xxl {
    padding-left: 6.4rem;
  }
}
@media (min-width: 1280px) {
  .xl-m-auto {
    margin: auto;
  }

  .xl-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl-m-t-auto {
    margin-top: auto;
  }

  .xl-m-r-auto {
    margin-right: auto;
  }

  .xl-m-b-auto {
    margin-bottom: auto;
  }

  .xl-m-l-auto {
    margin-left: auto;
  }

  .xl-p-auto {
    padding: auto;
  }

  .xl-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .xl-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }

  .xl-p-t-auto {
    padding-top: auto;
  }

  .xl-p-r-auto {
    padding-right: auto;
  }

  .xl-p-b-auto {
    padding-bottom: auto;
  }

  .xl-p-l-auto {
    padding-left: auto;
  }

  .xl-m-none {
    margin: 0;
  }

  .xl-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }

  .xl-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl-m-t-none {
    margin-top: 0;
  }

  .xl-m-r-none {
    margin-right: 0;
  }

  .xl-m-b-none {
    margin-bottom: 0;
  }

  .xl-m-l-none {
    margin-left: 0;
  }

  .xl-p-none {
    padding: 0;
  }

  .xl-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }

  .xl-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl-p-t-none {
    padding-top: 0;
  }

  .xl-p-r-none {
    padding-right: 0;
  }

  .xl-p-b-none {
    padding-bottom: 0;
  }

  .xl-p-l-none {
    padding-left: 0;
  }

  .xl-m-2xs {
    margin: 0.8rem;
  }

  .xl-m-x-2xs {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }

  .xl-m-y-2xs {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .xl-m-t-2xs {
    margin-top: 0.8rem;
  }

  .xl-m-r-2xs {
    margin-right: 0.8rem;
  }

  .xl-m-b-2xs {
    margin-bottom: 0.8rem;
  }

  .xl-m-l-2xs {
    margin-left: 0.8rem;
  }

  .xl-p-2xs {
    padding: 0.8rem;
  }

  .xl-p-x-2xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .xl-p-y-2xs {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .xl-p-t-2xs {
    padding-top: 0.8rem;
  }

  .xl-p-r-2xs {
    padding-right: 0.8rem;
  }

  .xl-p-b-2xs {
    padding-bottom: 0.8rem;
  }

  .xl-p-l-2xs {
    padding-left: 0.8rem;
  }

  .xl-m-xs {
    margin: 1.6rem;
  }

  .xl-m-x-xs {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .xl-m-y-xs {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .xl-m-t-xs {
    margin-top: 1.6rem;
  }

  .xl-m-r-xs {
    margin-right: 1.6rem;
  }

  .xl-m-b-xs {
    margin-bottom: 1.6rem;
  }

  .xl-m-l-xs {
    margin-left: 1.6rem;
  }

  .xl-p-xs {
    padding: 1.6rem;
  }

  .xl-p-x-xs {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .xl-p-y-xs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .xl-p-t-xs {
    padding-top: 1.6rem;
  }

  .xl-p-r-xs {
    padding-right: 1.6rem;
  }

  .xl-p-b-xs {
    padding-bottom: 1.6rem;
  }

  .xl-p-l-xs {
    padding-left: 1.6rem;
  }

  .xl-m-sm {
    margin: 2rem;
  }

  .xl-m-x-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl-m-y-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl-m-t-sm {
    margin-top: 2rem;
  }

  .xl-m-r-sm {
    margin-right: 2rem;
  }

  .xl-m-b-sm {
    margin-bottom: 2rem;
  }

  .xl-m-l-sm {
    margin-left: 2rem;
  }

  .xl-p-sm {
    padding: 2rem;
  }

  .xl-p-x-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl-p-y-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl-p-t-sm {
    padding-top: 2rem;
  }

  .xl-p-r-sm {
    padding-right: 2rem;
  }

  .xl-p-b-sm {
    padding-bottom: 2rem;
  }

  .xl-p-l-sm {
    padding-left: 2rem;
  }

  .xl-m-md {
    margin: 3.2rem;
  }

  .xl-m-x-md {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .xl-m-y-md {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .xl-m-t-md {
    margin-top: 3.2rem;
  }

  .xl-m-r-md {
    margin-right: 3.2rem;
  }

  .xl-m-b-md {
    margin-bottom: 3.2rem;
  }

  .xl-m-l-md {
    margin-left: 3.2rem;
  }

  .xl-p-md {
    padding: 3.2rem;
  }

  .xl-p-x-md {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .xl-p-y-md {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .xl-p-t-md {
    padding-top: 3.2rem;
  }

  .xl-p-r-md {
    padding-right: 3.2rem;
  }

  .xl-p-b-md {
    padding-bottom: 3.2rem;
  }

  .xl-p-l-md {
    padding-left: 3.2rem;
  }

  .xl-m-lg {
    margin: 4rem;
  }

  .xl-m-x-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl-m-y-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl-m-t-lg {
    margin-top: 4rem;
  }

  .xl-m-r-lg {
    margin-right: 4rem;
  }

  .xl-m-b-lg {
    margin-bottom: 4rem;
  }

  .xl-m-l-lg {
    margin-left: 4rem;
  }

  .xl-p-lg {
    padding: 4rem;
  }

  .xl-p-x-lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl-p-y-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl-p-t-lg {
    padding-top: 4rem;
  }

  .xl-p-r-lg {
    padding-right: 4rem;
  }

  .xl-p-b-lg {
    padding-bottom: 4rem;
  }

  .xl-p-l-lg {
    padding-left: 4rem;
  }

  .xl-m-xl {
    margin: 5.2rem;
  }

  .xl-m-x-xl {
    margin-left: 5.2rem;
    margin-right: 5.2rem;
  }

  .xl-m-y-xl {
    margin-top: 5.2rem;
    margin-bottom: 5.2rem;
  }

  .xl-m-t-xl {
    margin-top: 5.2rem;
  }

  .xl-m-r-xl {
    margin-right: 5.2rem;
  }

  .xl-m-b-xl {
    margin-bottom: 5.2rem;
  }

  .xl-m-l-xl {
    margin-left: 5.2rem;
  }

  .xl-p-xl {
    padding: 5.2rem;
  }

  .xl-p-x-xl {
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .xl-p-y-xl {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .xl-p-t-xl {
    padding-top: 5.2rem;
  }

  .xl-p-r-xl {
    padding-right: 5.2rem;
  }

  .xl-p-b-xl {
    padding-bottom: 5.2rem;
  }

  .xl-p-l-xl {
    padding-left: 5.2rem;
  }

  .xl-m-xxl {
    margin: 6.4rem;
  }

  .xl-m-x-xxl {
    margin-left: 6.4rem;
    margin-right: 6.4rem;
  }

  .xl-m-y-xxl {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .xl-m-t-xxl {
    margin-top: 6.4rem;
  }

  .xl-m-r-xxl {
    margin-right: 6.4rem;
  }

  .xl-m-b-xxl {
    margin-bottom: 6.4rem;
  }

  .xl-m-l-xxl {
    margin-left: 6.4rem;
  }

  .xl-p-xxl {
    padding: 6.4rem;
  }

  .xl-p-x-xxl {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }

  .xl-p-y-xxl {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .xl-p-t-xxl {
    padding-top: 6.4rem;
  }

  .xl-p-r-xxl {
    padding-right: 6.4rem;
  }

  .xl-p-b-xxl {
    padding-bottom: 6.4rem;
  }

  .xl-p-l-xxl {
    padding-left: 6.4rem;
  }
}
@media (min-width: 1600px) {
  .xxl-m-auto {
    margin: auto;
  }

  .xxl-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xxl-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xxl-m-t-auto {
    margin-top: auto;
  }

  .xxl-m-r-auto {
    margin-right: auto;
  }

  .xxl-m-b-auto {
    margin-bottom: auto;
  }

  .xxl-m-l-auto {
    margin-left: auto;
  }

  .xxl-p-auto {
    padding: auto;
  }

  .xxl-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }

  .xxl-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }

  .xxl-p-t-auto {
    padding-top: auto;
  }

  .xxl-p-r-auto {
    padding-right: auto;
  }

  .xxl-p-b-auto {
    padding-bottom: auto;
  }

  .xxl-p-l-auto {
    padding-left: auto;
  }

  .xxl-m-none {
    margin: 0;
  }

  .xxl-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }

  .xxl-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xxl-m-t-none {
    margin-top: 0;
  }

  .xxl-m-r-none {
    margin-right: 0;
  }

  .xxl-m-b-none {
    margin-bottom: 0;
  }

  .xxl-m-l-none {
    margin-left: 0;
  }

  .xxl-p-none {
    padding: 0;
  }

  .xxl-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }

  .xxl-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xxl-p-t-none {
    padding-top: 0;
  }

  .xxl-p-r-none {
    padding-right: 0;
  }

  .xxl-p-b-none {
    padding-bottom: 0;
  }

  .xxl-p-l-none {
    padding-left: 0;
  }

  .xxl-m-2xs {
    margin: 0.8rem;
  }

  .xxl-m-x-2xs {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }

  .xxl-m-y-2xs {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .xxl-m-t-2xs {
    margin-top: 0.8rem;
  }

  .xxl-m-r-2xs {
    margin-right: 0.8rem;
  }

  .xxl-m-b-2xs {
    margin-bottom: 0.8rem;
  }

  .xxl-m-l-2xs {
    margin-left: 0.8rem;
  }

  .xxl-p-2xs {
    padding: 0.8rem;
  }

  .xxl-p-x-2xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .xxl-p-y-2xs {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .xxl-p-t-2xs {
    padding-top: 0.8rem;
  }

  .xxl-p-r-2xs {
    padding-right: 0.8rem;
  }

  .xxl-p-b-2xs {
    padding-bottom: 0.8rem;
  }

  .xxl-p-l-2xs {
    padding-left: 0.8rem;
  }

  .xxl-m-xs {
    margin: 1.6rem;
  }

  .xxl-m-x-xs {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }

  .xxl-m-y-xs {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .xxl-m-t-xs {
    margin-top: 1.6rem;
  }

  .xxl-m-r-xs {
    margin-right: 1.6rem;
  }

  .xxl-m-b-xs {
    margin-bottom: 1.6rem;
  }

  .xxl-m-l-xs {
    margin-left: 1.6rem;
  }

  .xxl-p-xs {
    padding: 1.6rem;
  }

  .xxl-p-x-xs {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .xxl-p-y-xs {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .xxl-p-t-xs {
    padding-top: 1.6rem;
  }

  .xxl-p-r-xs {
    padding-right: 1.6rem;
  }

  .xxl-p-b-xs {
    padding-bottom: 1.6rem;
  }

  .xxl-p-l-xs {
    padding-left: 1.6rem;
  }

  .xxl-m-sm {
    margin: 2rem;
  }

  .xxl-m-x-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xxl-m-y-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xxl-m-t-sm {
    margin-top: 2rem;
  }

  .xxl-m-r-sm {
    margin-right: 2rem;
  }

  .xxl-m-b-sm {
    margin-bottom: 2rem;
  }

  .xxl-m-l-sm {
    margin-left: 2rem;
  }

  .xxl-p-sm {
    padding: 2rem;
  }

  .xxl-p-x-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xxl-p-y-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xxl-p-t-sm {
    padding-top: 2rem;
  }

  .xxl-p-r-sm {
    padding-right: 2rem;
  }

  .xxl-p-b-sm {
    padding-bottom: 2rem;
  }

  .xxl-p-l-sm {
    padding-left: 2rem;
  }

  .xxl-m-md {
    margin: 3.2rem;
  }

  .xxl-m-x-md {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }

  .xxl-m-y-md {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .xxl-m-t-md {
    margin-top: 3.2rem;
  }

  .xxl-m-r-md {
    margin-right: 3.2rem;
  }

  .xxl-m-b-md {
    margin-bottom: 3.2rem;
  }

  .xxl-m-l-md {
    margin-left: 3.2rem;
  }

  .xxl-p-md {
    padding: 3.2rem;
  }

  .xxl-p-x-md {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .xxl-p-y-md {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }

  .xxl-p-t-md {
    padding-top: 3.2rem;
  }

  .xxl-p-r-md {
    padding-right: 3.2rem;
  }

  .xxl-p-b-md {
    padding-bottom: 3.2rem;
  }

  .xxl-p-l-md {
    padding-left: 3.2rem;
  }

  .xxl-m-lg {
    margin: 4rem;
  }

  .xxl-m-x-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xxl-m-y-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xxl-m-t-lg {
    margin-top: 4rem;
  }

  .xxl-m-r-lg {
    margin-right: 4rem;
  }

  .xxl-m-b-lg {
    margin-bottom: 4rem;
  }

  .xxl-m-l-lg {
    margin-left: 4rem;
  }

  .xxl-p-lg {
    padding: 4rem;
  }

  .xxl-p-x-lg {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xxl-p-y-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xxl-p-t-lg {
    padding-top: 4rem;
  }

  .xxl-p-r-lg {
    padding-right: 4rem;
  }

  .xxl-p-b-lg {
    padding-bottom: 4rem;
  }

  .xxl-p-l-lg {
    padding-left: 4rem;
  }

  .xxl-m-xl {
    margin: 5.2rem;
  }

  .xxl-m-x-xl {
    margin-left: 5.2rem;
    margin-right: 5.2rem;
  }

  .xxl-m-y-xl {
    margin-top: 5.2rem;
    margin-bottom: 5.2rem;
  }

  .xxl-m-t-xl {
    margin-top: 5.2rem;
  }

  .xxl-m-r-xl {
    margin-right: 5.2rem;
  }

  .xxl-m-b-xl {
    margin-bottom: 5.2rem;
  }

  .xxl-m-l-xl {
    margin-left: 5.2rem;
  }

  .xxl-p-xl {
    padding: 5.2rem;
  }

  .xxl-p-x-xl {
    padding-left: 5.2rem;
    padding-right: 5.2rem;
  }

  .xxl-p-y-xl {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }

  .xxl-p-t-xl {
    padding-top: 5.2rem;
  }

  .xxl-p-r-xl {
    padding-right: 5.2rem;
  }

  .xxl-p-b-xl {
    padding-bottom: 5.2rem;
  }

  .xxl-p-l-xl {
    padding-left: 5.2rem;
  }

  .xxl-m-xxl {
    margin: 6.4rem;
  }

  .xxl-m-x-xxl {
    margin-left: 6.4rem;
    margin-right: 6.4rem;
  }

  .xxl-m-y-xxl {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .xxl-m-t-xxl {
    margin-top: 6.4rem;
  }

  .xxl-m-r-xxl {
    margin-right: 6.4rem;
  }

  .xxl-m-b-xxl {
    margin-bottom: 6.4rem;
  }

  .xxl-m-l-xxl {
    margin-left: 6.4rem;
  }

  .xxl-p-xxl {
    padding: 6.4rem;
  }

  .xxl-p-x-xxl {
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }

  .xxl-p-y-xxl {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .xxl-p-t-xxl {
    padding-top: 6.4rem;
  }

  .xxl-p-r-xxl {
    padding-right: 6.4rem;
  }

  .xxl-p-b-xxl {
    padding-bottom: 6.4rem;
  }

  .xxl-p-l-xxl {
    padding-left: 6.4rem;
  }
}
.font-xs {
  font-size: 10px;
}

.font-sm {
  font-size: 12px;
}

.font-reg, h5,
h6 {
  font-size: 16px;
}

.font-md, h4 {
  font-size: 24px;
}

.font-lg {
  font-size: 32px;
}

.font-xl {
  font-size: 44px;
}

.font-2xl {
  font-size: 52px;
}

.font-3xl {
  font-size: 60px;
}

@media (max-width: 400px) {
  .xs-font-xs {
    font-size: 10px;
  }

  .xs-font-sm {
    font-size: 12px;
  }

  .xs-font-reg {
    font-size: 16px;
  }

  .xs-font-md {
    font-size: 24px;
  }

  .xs-font-lg {
    font-size: 32px;
  }

  .xs-font-xl {
    font-size: 44px;
  }

  .xs-font-2xl {
    font-size: 52px;
  }

  .xs-font-3xl {
    font-size: 60px;
  }
}
@media (min-width: 400px) {
  .sm-font-xs {
    font-size: 10px;
  }

  .sm-font-sm {
    font-size: 12px;
  }

  .sm-font-reg {
    font-size: 16px;
  }

  .sm-font-md {
    font-size: 24px;
  }

  .sm-font-lg {
    font-size: 32px;
  }

  .sm-font-xl {
    font-size: 44px;
  }

  .sm-font-2xl {
    font-size: 52px;
  }

  .sm-font-3xl {
    font-size: 60px;
  }
}
@media (min-width: 667px) {
  .md-font-xs {
    font-size: 10px;
  }

  .md-font-sm {
    font-size: 12px;
  }

  .md-font-reg {
    font-size: 16px;
  }

  .md-font-md {
    font-size: 24px;
  }

  .md-font-lg {
    font-size: 32px;
  }

  .md-font-xl {
    font-size: 44px;
  }

  .md-font-2xl {
    font-size: 52px;
  }

  .md-font-3xl {
    font-size: 60px;
  }
}
@media (min-width: 992px) {
  .lg-font-xs {
    font-size: 10px;
  }

  .lg-font-sm {
    font-size: 12px;
  }

  .lg-font-reg {
    font-size: 16px;
  }

  .lg-font-md {
    font-size: 24px;
  }

  .lg-font-lg {
    font-size: 32px;
  }

  .lg-font-xl {
    font-size: 44px;
  }

  .lg-font-2xl {
    font-size: 52px;
  }

  .lg-font-3xl {
    font-size: 60px;
  }
}
@media (min-width: 1280px) {
  .xl-font-xs {
    font-size: 10px;
  }

  .xl-font-sm {
    font-size: 12px;
  }

  .xl-font-reg {
    font-size: 16px;
  }

  .xl-font-md {
    font-size: 24px;
  }

  .xl-font-lg {
    font-size: 32px;
  }

  .xl-font-xl {
    font-size: 44px;
  }

  .xl-font-2xl {
    font-size: 52px;
  }

  .xl-font-3xl {
    font-size: 60px;
  }
}
@media (min-width: 1600px) {
  .xxl-font-xs {
    font-size: 10px;
  }

  .xxl-font-sm {
    font-size: 12px;
  }

  .xxl-font-reg {
    font-size: 16px;
  }

  .xxl-font-md {
    font-size: 24px;
  }

  .xxl-font-lg {
    font-size: 32px;
  }

  .xxl-font-xl {
    font-size: 44px;
  }

  .xxl-font-2xl {
    font-size: 52px;
  }

  .xxl-font-3xl {
    font-size: 60px;
  }
}
.font-thin {
  font-weight: 100;
}

.font-extra-light {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semi-bold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extra-bold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

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

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

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

@media (max-width: 400px) {
  .xs-text-left {
    text-align: left;
  }

  .xs-text-center {
    text-align: center;
  }

  .xs-text-right {
    text-align: right;
  }
}
@media (min-width: 400px) {
  .sm-text-left {
    text-align: left;
  }

  .sm-text-center {
    text-align: center;
  }

  .sm-text-right {
    text-align: right;
  }
}
@media (min-width: 667px) {
  .md-text-left {
    text-align: left;
  }

  .md-text-center {
    text-align: center;
  }

  .md-text-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .lg-text-left {
    text-align: left;
  }

  .lg-text-center {
    text-align: center;
  }

  .lg-text-right {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .xl-text-left {
    text-align: left;
  }

  .xl-text-center {
    text-align: center;
  }

  .xl-text-right {
    text-align: right;
  }
}
@media (min-width: 1600px) {
  .xxl-text-left {
    text-align: left;
  }

  .xxl-text-center {
    text-align: center;
  }

  .xxl-text-right {
    text-align: right;
  }
}
.text-uppercase {
  text-transform: uppercase;
}

.text-no-underline {
  text-decoration: none;
}

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

.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-100 {
  z-index: 100;
}

.z-200 {
  z-index: 200;
}

.z-300 {
  z-index: 300;
}

.z-400 {
  z-index: 400;
}

.z-500 {
  z-index: 500;
}

.z-600 {
  z-index: 600;
}

.z-700 {
  z-index: 700;
}

.z-800 {
  z-index: 800;
}

.z-900 {
  z-index: 900;
}

.z-1000 {
  z-index: 1000;
}

.col {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 var(--spacer-sm);
  min-height: 1px;
}

.col-1 {
  flex: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 25%;
  max-width: 25%;
}

.col-4 {
  flex: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 50%;
  max-width: 50%;
}

.col-7 {
  flex: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 75%;
  max-width: 75%;
}

.col-10 {
  flex: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 100%;
  max-width: 100%;
}

@media (max-width: 400px) {
  .xs-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xs-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xs-col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .xs-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xs-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xs-col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .xs-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xs-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xs-col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .xs-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xs-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xs-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 400px) {
  .sm-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .sm-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .sm-col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .sm-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .sm-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .sm-col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .sm-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .sm-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .sm-col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .sm-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .sm-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .sm-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 667px) {
  .md-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .md-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .md-col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .md-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .md-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .md-col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .md-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .md-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .md-col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .md-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .md-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .md-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .lg-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .lg-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .lg-col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .lg-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .lg-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .lg-col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .lg-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .lg-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .lg-col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .lg-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .lg-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .lg-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .xl-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xl-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xl-col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .xl-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xl-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xl-col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .xl-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xl-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xl-col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .xl-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xl-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xl-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .xxl-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xxl-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xxl-col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .xxl-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xxl-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xxl-col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .xxl-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xxl-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xxl-col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .xxl-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xxl-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xxl-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
.container {
  width: 100%;
  max-width: 144rem;
  margin: auto;
}
.container--lg {
  max-width: 180rem;
}
.container--posts {
  max-width: 80rem;
}
.container--blog-content {
  max-width: 108rem;
}

.grid {
  display: grid;
}

.grid-layout-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-layout-rows-1 {
  grid-template-rows: repeat(1, 1fr);
}

.grid-col-start-1 {
  grid-column-start: 1;
}

.grid-col-end-1 {
  grid-column-end: 1;
}

.grid-row-start-1 {
  grid-row-start: 1;
}

.grid-row-end-1 {
  grid-row-end: 1;
}

.grid-layout-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-layout-rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.grid-col-start-2 {
  grid-column-start: 2;
}

.grid-col-end-2 {
  grid-column-end: 2;
}

.grid-row-start-2 {
  grid-row-start: 2;
}

.grid-row-end-2 {
  grid-row-end: 2;
}

.grid-layout-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-layout-rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.grid-col-start-3 {
  grid-column-start: 3;
}

.grid-col-end-3 {
  grid-column-end: 3;
}

.grid-row-start-3 {
  grid-row-start: 3;
}

.grid-row-end-3 {
  grid-row-end: 3;
}

.grid-layout-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-layout-rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.grid-col-start-4 {
  grid-column-start: 4;
}

.grid-col-end-4 {
  grid-column-end: 4;
}

.grid-row-start-4 {
  grid-row-start: 4;
}

.grid-row-end-4 {
  grid-row-end: 4;
}

.grid-layout-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-layout-rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.grid-col-start-5 {
  grid-column-start: 5;
}

.grid-col-end-5 {
  grid-column-end: 5;
}

.grid-row-start-5 {
  grid-row-start: 5;
}

.grid-row-end-5 {
  grid-row-end: 5;
}

.grid-layout-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-layout-rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.grid-col-start-6 {
  grid-column-start: 6;
}

.grid-col-end-6 {
  grid-column-end: 6;
}

.grid-row-start-6 {
  grid-row-start: 6;
}

.grid-row-end-6 {
  grid-row-end: 6;
}

.grid-layout-cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-layout-rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.grid-col-start-7 {
  grid-column-start: 7;
}

.grid-col-end-7 {
  grid-column-end: 7;
}

.grid-row-start-7 {
  grid-row-start: 7;
}

.grid-row-end-7 {
  grid-row-end: 7;
}

.grid-layout-cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-layout-rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.grid-col-start-8 {
  grid-column-start: 8;
}

.grid-col-end-8 {
  grid-column-end: 8;
}

.grid-row-start-8 {
  grid-row-start: 8;
}

.grid-row-end-8 {
  grid-row-end: 8;
}

.grid-layout-cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-layout-rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.grid-col-start-9 {
  grid-column-start: 9;
}

.grid-col-end-9 {
  grid-column-end: 9;
}

.grid-row-start-9 {
  grid-row-start: 9;
}

.grid-row-end-9 {
  grid-row-end: 9;
}

.grid-layout-cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-layout-rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.grid-col-start-10 {
  grid-column-start: 10;
}

.grid-col-end-10 {
  grid-column-end: 10;
}

.grid-row-start-10 {
  grid-row-start: 10;
}

.grid-row-end-10 {
  grid-row-end: 10;
}

.grid-layout-cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-layout-rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.grid-col-start-11 {
  grid-column-start: 11;
}

.grid-col-end-11 {
  grid-column-end: 11;
}

.grid-row-start-11 {
  grid-row-start: 11;
}

.grid-row-end-11 {
  grid-row-end: 11;
}

.grid-layout-cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.grid-layout-rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

.grid-col-start-12 {
  grid-column-start: 12;
}

.grid-col-end-12 {
  grid-column-end: 12;
}

.grid-row-start-12 {
  grid-row-start: 12;
}

.grid-row-end-12 {
  grid-row-end: 12;
}

.grid-gap-auto {
  grid-gap: auto;
}

.grid-col-gap-auto {
  grid-column-gap: auto;
}

.grid-row-gap-auto {
  grid-row-gap: auto;
}

.grid-gap-none {
  grid-gap: 0;
}

.grid-col-gap-none {
  grid-column-gap: 0;
}

.grid-row-gap-none {
  grid-row-gap: 0;
}

.grid-gap-2xs {
  grid-gap: 0.8rem;
}

.grid-col-gap-2xs {
  grid-column-gap: 0.8rem;
}

.grid-row-gap-2xs {
  grid-row-gap: 0.8rem;
}

.grid-gap-xs {
  grid-gap: 1.6rem;
}

.grid-col-gap-xs {
  grid-column-gap: 1.6rem;
}

.grid-row-gap-xs {
  grid-row-gap: 1.6rem;
}

.grid-gap-sm {
  grid-gap: 2rem;
}

.grid-col-gap-sm {
  grid-column-gap: 2rem;
}

.grid-row-gap-sm {
  grid-row-gap: 2rem;
}

.grid-gap-md {
  grid-gap: 3.2rem;
}

.grid-col-gap-md {
  grid-column-gap: 3.2rem;
}

.grid-row-gap-md {
  grid-row-gap: 3.2rem;
}

.grid-gap-lg {
  grid-gap: 4rem;
}

.grid-col-gap-lg {
  grid-column-gap: 4rem;
}

.grid-row-gap-lg {
  grid-row-gap: 4rem;
}

.grid-gap-xl {
  grid-gap: 5.2rem;
}

.grid-col-gap-xl {
  grid-column-gap: 5.2rem;
}

.grid-row-gap-xl {
  grid-row-gap: 5.2rem;
}

.grid-gap-xxl {
  grid-gap: 6.4rem;
}

.grid-col-gap-xxl {
  grid-column-gap: 6.4rem;
}

.grid-row-gap-xxl {
  grid-row-gap: 6.4rem;
}

@media (max-width: 400px) {
  .xs-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .xs-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .xs-grid-col-start-1 {
    grid-column-start: 1;
  }

  .xs-grid-col-end-1 {
    grid-column-end: 1;
  }

  .xs-grid-row-start-1 {
    grid-row-start: 1;
  }

  .xs-grid-row-end-1 {
    grid-row-end: 1;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .xs-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .xs-grid-col-start-2 {
    grid-column-start: 2;
  }

  .xs-grid-col-end-2 {
    grid-column-end: 2;
  }

  .xs-grid-row-start-2 {
    grid-row-start: 2;
  }

  .xs-grid-row-end-2 {
    grid-row-end: 2;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .xs-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .xs-grid-col-start-3 {
    grid-column-start: 3;
  }

  .xs-grid-col-end-3 {
    grid-column-end: 3;
  }

  .xs-grid-row-start-3 {
    grid-row-start: 3;
  }

  .xs-grid-row-end-3 {
    grid-row-end: 3;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .xs-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .xs-grid-col-start-4 {
    grid-column-start: 4;
  }

  .xs-grid-col-end-4 {
    grid-column-end: 4;
  }

  .xs-grid-row-start-4 {
    grid-row-start: 4;
  }

  .xs-grid-row-end-4 {
    grid-row-end: 4;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .xs-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .xs-grid-col-start-5 {
    grid-column-start: 5;
  }

  .xs-grid-col-end-5 {
    grid-column-end: 5;
  }

  .xs-grid-row-start-5 {
    grid-row-start: 5;
  }

  .xs-grid-row-end-5 {
    grid-row-end: 5;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .xs-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .xs-grid-col-start-6 {
    grid-column-start: 6;
  }

  .xs-grid-col-end-6 {
    grid-column-end: 6;
  }

  .xs-grid-row-start-6 {
    grid-row-start: 6;
  }

  .xs-grid-row-end-6 {
    grid-row-end: 6;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .xs-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .xs-grid-col-start-7 {
    grid-column-start: 7;
  }

  .xs-grid-col-end-7 {
    grid-column-end: 7;
  }

  .xs-grid-row-start-7 {
    grid-row-start: 7;
  }

  .xs-grid-row-end-7 {
    grid-row-end: 7;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .xs-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .xs-grid-col-start-8 {
    grid-column-start: 8;
  }

  .xs-grid-col-end-8 {
    grid-column-end: 8;
  }

  .xs-grid-row-start-8 {
    grid-row-start: 8;
  }

  .xs-grid-row-end-8 {
    grid-row-end: 8;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .xs-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .xs-grid-col-start-9 {
    grid-column-start: 9;
  }

  .xs-grid-col-end-9 {
    grid-column-end: 9;
  }

  .xs-grid-row-start-9 {
    grid-row-start: 9;
  }

  .xs-grid-row-end-9 {
    grid-row-end: 9;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .xs-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .xs-grid-col-start-10 {
    grid-column-start: 10;
  }

  .xs-grid-col-end-10 {
    grid-column-end: 10;
  }

  .xs-grid-row-start-10 {
    grid-row-start: 10;
  }

  .xs-grid-row-end-10 {
    grid-row-end: 10;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .xs-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .xs-grid-col-start-11 {
    grid-column-start: 11;
  }

  .xs-grid-col-end-11 {
    grid-column-end: 11;
  }

  .xs-grid-row-start-11 {
    grid-row-start: 11;
  }

  .xs-grid-row-end-11 {
    grid-row-end: 11;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .xs-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .xs-grid-col-start-12 {
    grid-column-start: 12;
  }

  .xs-grid-col-end-12 {
    grid-column-end: 12;
  }

  .xs-grid-row-start-12 {
    grid-row-start: 12;
  }

  .xs-grid-row-end-12 {
    grid-row-end: 12;
  }

  .xs-grid-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xs-grid-gap-none {
    grid-gap: 0;
  }

  .xs-grid-col-gap-none {
    grid-gap: 0;
  }

  .xs-grid-row-gap-none {
    grid-gap: 0;
  }

  .xs-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xs-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xs-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xs-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xs-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xs-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xs-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xs-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }
}
@media (min-width: 400px) {
  .sm-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .sm-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .sm-grid-col-start-1 {
    grid-column-start: 1;
  }

  .sm-grid-col-end-1 {
    grid-column-end: 1;
  }

  .sm-grid-row-start-1 {
    grid-row-start: 1;
  }

  .sm-grid-row-end-1 {
    grid-row-end: 1;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sm-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .sm-grid-col-start-2 {
    grid-column-start: 2;
  }

  .sm-grid-col-end-2 {
    grid-column-end: 2;
  }

  .sm-grid-row-start-2 {
    grid-row-start: 2;
  }

  .sm-grid-row-end-2 {
    grid-row-end: 2;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .sm-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .sm-grid-col-start-3 {
    grid-column-start: 3;
  }

  .sm-grid-col-end-3 {
    grid-column-end: 3;
  }

  .sm-grid-row-start-3 {
    grid-row-start: 3;
  }

  .sm-grid-row-end-3 {
    grid-row-end: 3;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .sm-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .sm-grid-col-start-4 {
    grid-column-start: 4;
  }

  .sm-grid-col-end-4 {
    grid-column-end: 4;
  }

  .sm-grid-row-start-4 {
    grid-row-start: 4;
  }

  .sm-grid-row-end-4 {
    grid-row-end: 4;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .sm-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .sm-grid-col-start-5 {
    grid-column-start: 5;
  }

  .sm-grid-col-end-5 {
    grid-column-end: 5;
  }

  .sm-grid-row-start-5 {
    grid-row-start: 5;
  }

  .sm-grid-row-end-5 {
    grid-row-end: 5;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .sm-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .sm-grid-col-start-6 {
    grid-column-start: 6;
  }

  .sm-grid-col-end-6 {
    grid-column-end: 6;
  }

  .sm-grid-row-start-6 {
    grid-row-start: 6;
  }

  .sm-grid-row-end-6 {
    grid-row-end: 6;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .sm-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .sm-grid-col-start-7 {
    grid-column-start: 7;
  }

  .sm-grid-col-end-7 {
    grid-column-end: 7;
  }

  .sm-grid-row-start-7 {
    grid-row-start: 7;
  }

  .sm-grid-row-end-7 {
    grid-row-end: 7;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .sm-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .sm-grid-col-start-8 {
    grid-column-start: 8;
  }

  .sm-grid-col-end-8 {
    grid-column-end: 8;
  }

  .sm-grid-row-start-8 {
    grid-row-start: 8;
  }

  .sm-grid-row-end-8 {
    grid-row-end: 8;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .sm-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .sm-grid-col-start-9 {
    grid-column-start: 9;
  }

  .sm-grid-col-end-9 {
    grid-column-end: 9;
  }

  .sm-grid-row-start-9 {
    grid-row-start: 9;
  }

  .sm-grid-row-end-9 {
    grid-row-end: 9;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .sm-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .sm-grid-col-start-10 {
    grid-column-start: 10;
  }

  .sm-grid-col-end-10 {
    grid-column-end: 10;
  }

  .sm-grid-row-start-10 {
    grid-row-start: 10;
  }

  .sm-grid-row-end-10 {
    grid-row-end: 10;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .sm-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .sm-grid-col-start-11 {
    grid-column-start: 11;
  }

  .sm-grid-col-end-11 {
    grid-column-end: 11;
  }

  .sm-grid-row-start-11 {
    grid-row-start: 11;
  }

  .sm-grid-row-end-11 {
    grid-row-end: 11;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .sm-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .sm-grid-col-start-12 {
    grid-column-start: 12;
  }

  .sm-grid-col-end-12 {
    grid-column-end: 12;
  }

  .sm-grid-row-start-12 {
    grid-row-start: 12;
  }

  .sm-grid-row-end-12 {
    grid-row-end: 12;
  }

  .sm-grid-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }

  .sm-grid-gap-none {
    grid-gap: 0;
  }

  .sm-grid-col-gap-none {
    grid-gap: 0;
  }

  .sm-grid-row-gap-none {
    grid-gap: 0;
  }

  .sm-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .sm-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .sm-grid-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .sm-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .sm-grid-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .sm-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .sm-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .sm-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }
}
@media (min-width: 667px) {
  .md-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .md-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .md-grid-col-start-1 {
    grid-column-start: 1;
  }

  .md-grid-col-end-1 {
    grid-column-end: 1;
  }

  .md-grid-row-start-1 {
    grid-row-start: 1;
  }

  .md-grid-row-end-1 {
    grid-row-end: 1;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .md-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .md-grid-col-start-2 {
    grid-column-start: 2;
  }

  .md-grid-col-end-2 {
    grid-column-end: 2;
  }

  .md-grid-row-start-2 {
    grid-row-start: 2;
  }

  .md-grid-row-end-2 {
    grid-row-end: 2;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .md-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .md-grid-col-start-3 {
    grid-column-start: 3;
  }

  .md-grid-col-end-3 {
    grid-column-end: 3;
  }

  .md-grid-row-start-3 {
    grid-row-start: 3;
  }

  .md-grid-row-end-3 {
    grid-row-end: 3;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .md-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .md-grid-col-start-4 {
    grid-column-start: 4;
  }

  .md-grid-col-end-4 {
    grid-column-end: 4;
  }

  .md-grid-row-start-4 {
    grid-row-start: 4;
  }

  .md-grid-row-end-4 {
    grid-row-end: 4;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .md-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .md-grid-col-start-5 {
    grid-column-start: 5;
  }

  .md-grid-col-end-5 {
    grid-column-end: 5;
  }

  .md-grid-row-start-5 {
    grid-row-start: 5;
  }

  .md-grid-row-end-5 {
    grid-row-end: 5;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .md-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .md-grid-col-start-6 {
    grid-column-start: 6;
  }

  .md-grid-col-end-6 {
    grid-column-end: 6;
  }

  .md-grid-row-start-6 {
    grid-row-start: 6;
  }

  .md-grid-row-end-6 {
    grid-row-end: 6;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .md-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .md-grid-col-start-7 {
    grid-column-start: 7;
  }

  .md-grid-col-end-7 {
    grid-column-end: 7;
  }

  .md-grid-row-start-7 {
    grid-row-start: 7;
  }

  .md-grid-row-end-7 {
    grid-row-end: 7;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .md-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .md-grid-col-start-8 {
    grid-column-start: 8;
  }

  .md-grid-col-end-8 {
    grid-column-end: 8;
  }

  .md-grid-row-start-8 {
    grid-row-start: 8;
  }

  .md-grid-row-end-8 {
    grid-row-end: 8;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .md-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .md-grid-col-start-9 {
    grid-column-start: 9;
  }

  .md-grid-col-end-9 {
    grid-column-end: 9;
  }

  .md-grid-row-start-9 {
    grid-row-start: 9;
  }

  .md-grid-row-end-9 {
    grid-row-end: 9;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .md-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .md-grid-col-start-10 {
    grid-column-start: 10;
  }

  .md-grid-col-end-10 {
    grid-column-end: 10;
  }

  .md-grid-row-start-10 {
    grid-row-start: 10;
  }

  .md-grid-row-end-10 {
    grid-row-end: 10;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .md-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .md-grid-col-start-11 {
    grid-column-start: 11;
  }

  .md-grid-col-end-11 {
    grid-column-end: 11;
  }

  .md-grid-row-start-11 {
    grid-row-start: 11;
  }

  .md-grid-row-end-11 {
    grid-row-end: 11;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .md-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .md-grid-col-start-12 {
    grid-column-start: 12;
  }

  .md-grid-col-end-12 {
    grid-column-end: 12;
  }

  .md-grid-row-start-12 {
    grid-row-start: 12;
  }

  .md-grid-row-end-12 {
    grid-row-end: 12;
  }

  .md-grid-gap-auto {
    grid-gap: auto;
  }

  .md-grid-col-gap-auto {
    grid-gap: auto;
  }

  .md-grid-row-gap-auto {
    grid-gap: auto;
  }

  .md-grid-gap-none {
    grid-gap: 0;
  }

  .md-grid-col-gap-none {
    grid-gap: 0;
  }

  .md-grid-row-gap-none {
    grid-gap: 0;
  }

  .md-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .md-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .md-grid-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .md-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .md-grid-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .md-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .md-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .md-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }
}
@media (min-width: 992px) {
  .lg-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lg-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lg-grid-col-start-1 {
    grid-column-start: 1;
  }

  .lg-grid-col-end-1 {
    grid-column-end: 1;
  }

  .lg-grid-row-start-1 {
    grid-row-start: 1;
  }

  .lg-grid-row-end-1 {
    grid-row-end: 1;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lg-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lg-grid-col-start-2 {
    grid-column-start: 2;
  }

  .lg-grid-col-end-2 {
    grid-column-end: 2;
  }

  .lg-grid-row-start-2 {
    grid-row-start: 2;
  }

  .lg-grid-row-end-2 {
    grid-row-end: 2;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lg-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lg-grid-col-start-3 {
    grid-column-start: 3;
  }

  .lg-grid-col-end-3 {
    grid-column-end: 3;
  }

  .lg-grid-row-start-3 {
    grid-row-start: 3;
  }

  .lg-grid-row-end-3 {
    grid-row-end: 3;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lg-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lg-grid-col-start-4 {
    grid-column-start: 4;
  }

  .lg-grid-col-end-4 {
    grid-column-end: 4;
  }

  .lg-grid-row-start-4 {
    grid-row-start: 4;
  }

  .lg-grid-row-end-4 {
    grid-row-end: 4;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lg-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lg-grid-col-start-5 {
    grid-column-start: 5;
  }

  .lg-grid-col-end-5 {
    grid-column-end: 5;
  }

  .lg-grid-row-start-5 {
    grid-row-start: 5;
  }

  .lg-grid-row-end-5 {
    grid-row-end: 5;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lg-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lg-grid-col-start-6 {
    grid-column-start: 6;
  }

  .lg-grid-col-end-6 {
    grid-column-end: 6;
  }

  .lg-grid-row-start-6 {
    grid-row-start: 6;
  }

  .lg-grid-row-end-6 {
    grid-row-end: 6;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lg-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lg-grid-col-start-7 {
    grid-column-start: 7;
  }

  .lg-grid-col-end-7 {
    grid-column-end: 7;
  }

  .lg-grid-row-start-7 {
    grid-row-start: 7;
  }

  .lg-grid-row-end-7 {
    grid-row-end: 7;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lg-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lg-grid-col-start-8 {
    grid-column-start: 8;
  }

  .lg-grid-col-end-8 {
    grid-column-end: 8;
  }

  .lg-grid-row-start-8 {
    grid-row-start: 8;
  }

  .lg-grid-row-end-8 {
    grid-row-end: 8;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lg-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lg-grid-col-start-9 {
    grid-column-start: 9;
  }

  .lg-grid-col-end-9 {
    grid-column-end: 9;
  }

  .lg-grid-row-start-9 {
    grid-row-start: 9;
  }

  .lg-grid-row-end-9 {
    grid-row-end: 9;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lg-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lg-grid-col-start-10 {
    grid-column-start: 10;
  }

  .lg-grid-col-end-10 {
    grid-column-end: 10;
  }

  .lg-grid-row-start-10 {
    grid-row-start: 10;
  }

  .lg-grid-row-end-10 {
    grid-row-end: 10;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lg-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lg-grid-col-start-11 {
    grid-column-start: 11;
  }

  .lg-grid-col-end-11 {
    grid-column-end: 11;
  }

  .lg-grid-row-start-11 {
    grid-row-start: 11;
  }

  .lg-grid-row-end-11 {
    grid-row-end: 11;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lg-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .lg-grid-col-start-12 {
    grid-column-start: 12;
  }

  .lg-grid-col-end-12 {
    grid-column-end: 12;
  }

  .lg-grid-row-start-12 {
    grid-row-start: 12;
  }

  .lg-grid-row-end-12 {
    grid-row-end: 12;
  }

  .lg-grid-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }

  .lg-grid-gap-none {
    grid-gap: 0;
  }

  .lg-grid-col-gap-none {
    grid-gap: 0;
  }

  .lg-grid-row-gap-none {
    grid-gap: 0;
  }

  .lg-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .lg-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .lg-grid-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .lg-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .lg-grid-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .lg-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .lg-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .lg-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }
}
@media (min-width: 1280px) {
  .xl-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .xl-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .xl-grid-col-start-1 {
    grid-column-start: 1;
  }

  .xl-grid-col-end-1 {
    grid-column-end: 1;
  }

  .xl-grid-row-start-1 {
    grid-row-start: 1;
  }

  .xl-grid-row-end-1 {
    grid-row-end: 1;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .xl-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .xl-grid-col-start-2 {
    grid-column-start: 2;
  }

  .xl-grid-col-end-2 {
    grid-column-end: 2;
  }

  .xl-grid-row-start-2 {
    grid-row-start: 2;
  }

  .xl-grid-row-end-2 {
    grid-row-end: 2;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .xl-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .xl-grid-col-start-3 {
    grid-column-start: 3;
  }

  .xl-grid-col-end-3 {
    grid-column-end: 3;
  }

  .xl-grid-row-start-3 {
    grid-row-start: 3;
  }

  .xl-grid-row-end-3 {
    grid-row-end: 3;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .xl-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .xl-grid-col-start-4 {
    grid-column-start: 4;
  }

  .xl-grid-col-end-4 {
    grid-column-end: 4;
  }

  .xl-grid-row-start-4 {
    grid-row-start: 4;
  }

  .xl-grid-row-end-4 {
    grid-row-end: 4;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .xl-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .xl-grid-col-start-5 {
    grid-column-start: 5;
  }

  .xl-grid-col-end-5 {
    grid-column-end: 5;
  }

  .xl-grid-row-start-5 {
    grid-row-start: 5;
  }

  .xl-grid-row-end-5 {
    grid-row-end: 5;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .xl-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .xl-grid-col-start-6 {
    grid-column-start: 6;
  }

  .xl-grid-col-end-6 {
    grid-column-end: 6;
  }

  .xl-grid-row-start-6 {
    grid-row-start: 6;
  }

  .xl-grid-row-end-6 {
    grid-row-end: 6;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .xl-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .xl-grid-col-start-7 {
    grid-column-start: 7;
  }

  .xl-grid-col-end-7 {
    grid-column-end: 7;
  }

  .xl-grid-row-start-7 {
    grid-row-start: 7;
  }

  .xl-grid-row-end-7 {
    grid-row-end: 7;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .xl-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .xl-grid-col-start-8 {
    grid-column-start: 8;
  }

  .xl-grid-col-end-8 {
    grid-column-end: 8;
  }

  .xl-grid-row-start-8 {
    grid-row-start: 8;
  }

  .xl-grid-row-end-8 {
    grid-row-end: 8;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .xl-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .xl-grid-col-start-9 {
    grid-column-start: 9;
  }

  .xl-grid-col-end-9 {
    grid-column-end: 9;
  }

  .xl-grid-row-start-9 {
    grid-row-start: 9;
  }

  .xl-grid-row-end-9 {
    grid-row-end: 9;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .xl-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .xl-grid-col-start-10 {
    grid-column-start: 10;
  }

  .xl-grid-col-end-10 {
    grid-column-end: 10;
  }

  .xl-grid-row-start-10 {
    grid-row-start: 10;
  }

  .xl-grid-row-end-10 {
    grid-row-end: 10;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .xl-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .xl-grid-col-start-11 {
    grid-column-start: 11;
  }

  .xl-grid-col-end-11 {
    grid-column-end: 11;
  }

  .xl-grid-row-start-11 {
    grid-row-start: 11;
  }

  .xl-grid-row-end-11 {
    grid-row-end: 11;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .xl-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .xl-grid-col-start-12 {
    grid-column-start: 12;
  }

  .xl-grid-col-end-12 {
    grid-column-end: 12;
  }

  .xl-grid-row-start-12 {
    grid-row-start: 12;
  }

  .xl-grid-row-end-12 {
    grid-row-end: 12;
  }

  .xl-grid-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xl-grid-gap-none {
    grid-gap: 0;
  }

  .xl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }
}
@media (min-width: 1600px) {
  .xxl-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .xxl-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .xxl-grid-col-start-1 {
    grid-column-start: 1;
  }

  .xxl-grid-col-end-1 {
    grid-column-end: 1;
  }

  .xxl-grid-row-start-1 {
    grid-row-start: 1;
  }

  .xxl-grid-row-end-1 {
    grid-row-end: 1;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .xxl-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .xxl-grid-col-start-2 {
    grid-column-start: 2;
  }

  .xxl-grid-col-end-2 {
    grid-column-end: 2;
  }

  .xxl-grid-row-start-2 {
    grid-row-start: 2;
  }

  .xxl-grid-row-end-2 {
    grid-row-end: 2;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .xxl-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .xxl-grid-col-start-3 {
    grid-column-start: 3;
  }

  .xxl-grid-col-end-3 {
    grid-column-end: 3;
  }

  .xxl-grid-row-start-3 {
    grid-row-start: 3;
  }

  .xxl-grid-row-end-3 {
    grid-row-end: 3;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .xxl-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .xxl-grid-col-start-4 {
    grid-column-start: 4;
  }

  .xxl-grid-col-end-4 {
    grid-column-end: 4;
  }

  .xxl-grid-row-start-4 {
    grid-row-start: 4;
  }

  .xxl-grid-row-end-4 {
    grid-row-end: 4;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .xxl-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .xxl-grid-col-start-5 {
    grid-column-start: 5;
  }

  .xxl-grid-col-end-5 {
    grid-column-end: 5;
  }

  .xxl-grid-row-start-5 {
    grid-row-start: 5;
  }

  .xxl-grid-row-end-5 {
    grid-row-end: 5;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .xxl-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .xxl-grid-col-start-6 {
    grid-column-start: 6;
  }

  .xxl-grid-col-end-6 {
    grid-column-end: 6;
  }

  .xxl-grid-row-start-6 {
    grid-row-start: 6;
  }

  .xxl-grid-row-end-6 {
    grid-row-end: 6;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .xxl-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .xxl-grid-col-start-7 {
    grid-column-start: 7;
  }

  .xxl-grid-col-end-7 {
    grid-column-end: 7;
  }

  .xxl-grid-row-start-7 {
    grid-row-start: 7;
  }

  .xxl-grid-row-end-7 {
    grid-row-end: 7;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .xxl-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .xxl-grid-col-start-8 {
    grid-column-start: 8;
  }

  .xxl-grid-col-end-8 {
    grid-column-end: 8;
  }

  .xxl-grid-row-start-8 {
    grid-row-start: 8;
  }

  .xxl-grid-row-end-8 {
    grid-row-end: 8;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .xxl-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .xxl-grid-col-start-9 {
    grid-column-start: 9;
  }

  .xxl-grid-col-end-9 {
    grid-column-end: 9;
  }

  .xxl-grid-row-start-9 {
    grid-row-start: 9;
  }

  .xxl-grid-row-end-9 {
    grid-row-end: 9;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .xxl-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .xxl-grid-col-start-10 {
    grid-column-start: 10;
  }

  .xxl-grid-col-end-10 {
    grid-column-end: 10;
  }

  .xxl-grid-row-start-10 {
    grid-row-start: 10;
  }

  .xxl-grid-row-end-10 {
    grid-row-end: 10;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .xxl-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .xxl-grid-col-start-11 {
    grid-column-start: 11;
  }

  .xxl-grid-col-end-11 {
    grid-column-end: 11;
  }

  .xxl-grid-row-start-11 {
    grid-row-start: 11;
  }

  .xxl-grid-row-end-11 {
    grid-row-end: 11;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .xxl-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }

  .xxl-grid-col-start-12 {
    grid-column-start: 12;
  }

  .xxl-grid-col-end-12 {
    grid-column-end: 12;
  }

  .xxl-grid-row-start-12 {
    grid-row-start: 12;
  }

  .xxl-grid-row-end-12 {
    grid-row-end: 12;
  }

  .xxl-grid-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }

  .xxl-grid-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }

  .xxl-grid-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-col-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-row-gap-2xs {
    grid-gap: 0.8rem;
  }

  .xxl-grid-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-col-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-row-gap-xs {
    grid-gap: 1.6rem;
  }

  .xxl-grid-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-col-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-row-gap-sm {
    grid-gap: 2rem;
  }

  .xxl-grid-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-col-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-row-gap-md {
    grid-gap: 3.2rem;
  }

  .xxl-grid-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-col-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-row-gap-lg {
    grid-gap: 4rem;
  }

  .xxl-grid-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-col-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-row-gap-xl {
    grid-gap: 5.2rem;
  }

  .xxl-grid-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-col-gap-xxl {
    grid-gap: 6.4rem;
  }

  .xxl-grid-row-gap-xxl {
    grid-gap: 6.4rem;
  }
}
.hs-button {
  font-family: "din-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.2;
  color: #fff;
  color: #fff;
  color: var(--white);
  background-color: #5ADC00;
  background-color: #5ADC00;
  background-color: var(--primary);
  border: 0;
  border-radius: 9999px;
  font-size: 22px;
  padding: 10px 20px;
  text-decoration: none;
}

.footer {
  background: black;
  color: white;
  padding: 80px 0 15px 0;
}
.footer_navigation {
  margin-bottom: 20px;
}
.footer_navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.footer_navigation ul li a {
  color: white;
  text-decoration: underline;
}
.footer_navigation ul li a:hover {
  color: #5ADC00;
  color: #5ADC00;
  color: var(--primary);
  text-decoration: underline;
}
.footer_copyright {
  font-size: 14px;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.header__skip {
  display: none;
}
.header__container {
  padding: 0 15px;
  max-width: 1470px;
  margin: 0 auto;
}
.header__logo {
  width: 163px;
  padding: 30px 0;
}
@media (min-width: 667px) {
  .header__logo {
    width: 200px;
    padding: 30px 0;
  }
}
@media (min-width: 992px) {
  .header__logo {
    width: 257px;
    padding: 50px 0;
  }
}

/* BLOG STYLING */

.rich-text-content h2,
.rich-text-content h3,
.rich-text-content h4,
.rich-text-content h5,
.rich-text-content h6 {
  margin-bottom: 2rem;
  font-weight: 700;
}

.rich-text-content ul,
.rich-text-content ol {
  margin: 1.25em 0 1.25em 1.25em;
  padding-left: 1.5em;
}

.rich-text-content ul li,
.rich-text-content ol li {
  margin-bottom: 0.5em;
  line-height: 1.6;
}

.rich-text-content blockquote {
  border-left: 4px solid #2b3f3f;
  background:rgb(223, 234, 234);
  color: #2b3f3f;
  margin: 1.5em 0;
  padding: 1em 1.5em;
  font-style: italic;
  font-size: 1.1em;
}

.rich-text-content hr {
  border: none;
  border-top: 2px solid #e0e0e0;
  margin: 2em 0;
}

.blog__author {
  vertical-align: middle;
  font-weight: 600;
}
.blog__author div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  margin-left: 1rem;
  vertical-align: middle;
  color: #333333;
  color: var(--grey);
  gap: 1rem;
}
.blog__author div img {
  width: 36px;
  height: 36px;
  border-radius: 9999px;
}
.blog__authorbox {
  border-radius: 1.5rem;
}
.blog__authorbox figure {
  width: 100px;
  border-radius: 9999px;
  overflow: hidden;
}
.blog__authorbox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__authorbox div {
  flex: 1;
}
.blog__authorbox div h4 {
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.blog__authorbox div p {
  margin: 0;
  font-size: 1.6rem;
}
.blog-content ul.buttons,
.rich-text-content ul.buttons {
  min-width: 0 !important;
  width: 100%;
}
.blog-breadcrumb {
  text-align: center;
}
.blog-breadcrumb a {
  text-decoration: none;
  font-weight: 600;
}
.blog-breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb__separator {
  margin: 0 0.5rem;
  color: var(--primary);
  font-weight: 600;
}
.blog-tag {
  display: inline-block;
  background-color: #2b3f3f;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 1.4rem;
  margin-right: 0.5rem;
}


/* UPDATE FOR A CUSTOM RICH TEXT MODULE */

/* Base layout: two columns side by side */
.responsive-rich-text-cols {
  display: flex;
  gap: 40px;
}

/* Children default to 50% width */
.responsive-rich-text-cols > div {
  flex: 1 1 50%;
  box-sizing: border-box;
}

/* Mobile stacking below 770px */
@media (max-width: 770px) {
  .responsive-rich-text-cols {
    flex-direction: column;
  }

  .responsive-rich-text-cols > div {
    flex: 1 1 100%;
  }
}