html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
}

/* gelasio-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gelasio";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gelasio-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/gelasio-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gelasio-v12-latin-regular.woff2") format("woff2"), url("../fonts/gelasio-v12-latin-regular.woff") format("woff"), url("../fonts/gelasio-v12-latin-regular.ttf") format("truetype"), url("../fonts/gelasio-v12-latin-regular.svg#Gelasio") format("svg"); /* Legacy iOS */
}
/* gelasio-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gelasio";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/gelasio-v12-latin-500.eot"); /* IE9 Compat Modes */
  src: url("../fonts/gelasio-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/gelasio-v12-latin-500.woff2") format("woff2"), url("../fonts/gelasio-v12-latin-500.woff") format("woff"), url("../fonts/gelasio-v12-latin-500.ttf") format("truetype"), url("../fonts/gelasio-v12-latin-500.svg#Gelasio") format("svg"); /* Legacy iOS */
}
html {
  scroll-behavior: smooth;
}

b {
  font-weight: bold;
}

body {
  font-variant-numeric: lining-nums;
  color: var(--color-font);
  background: var(--color-white);
}

[id] {
  scroll-margin-top: var(--scroll-margin);
}

iframe {
  max-width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.portrait-image-rounded img {
  max-width: 276px;
  border-radius: 100%;
}

img.icon {
  width: 22px;
  height: 22px;
}

p + p {
  margin-top: var(--padding-xs) !important;
}

picture img {
  max-width: 100%;
  width: 100%;
}

strong {
  font-weight: bold;
}

#se-back-to-top {
  display: grid;
  position: fixed;
  bottom: var(--spacer-2xl);
  right: var(--spacer-2xl);
  z-index: 100;
  opacity: 1;
  border-radius: 28px;
  height: 56px;
  width: 56px;
  background-color: var(--color-primary-light-100);
}
#se-back-to-top:hover {
  background-color: var(--color-primary-light-125);
}
#se-back-to-top a {
  align-self: center;
  justify-self: center;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  #se-back-to-top {
    bottom: var(--spacer-l);
    right: var(--spacer-l);
  }
}

[class^=se-button-],
[class*=" se-button"],
.wp-block-button a,
input[type=submit],
input[type=button] {
  margin-right: var(--spacer-l);
  text-decoration: none;
  display: inline-block;
  font-family: inherit;
  will-change: transform;
  border: 0;
  border-radius: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  text-align: center;
  font-size: var(--font-default-font-size);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 22px;
  border-radius: var(--border-radius-s);
  padding: var(--padding-m);
  background-color: var(--default-main-color);
  color: var(--default-text-color);
  display: inline-flex;
  gap: var(--spacer-xs);
  align-items: center;
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  [class^=se-button-],
  [class*=" se-button"],
  .wp-block-button a,
  input[type=submit],
  input[type=button] {
    padding: var(--padding-m) var(--padding-l);
  }
}
[class^=se-button-]:hover,
[class*=" se-button"]:hover,
.wp-block-button a:hover,
input[type=submit]:hover,
input[type=button]:hover {
  background-color: var(--hover-main-color);
  color: var(--hover-text-color);
}
[class^=se-button-]:disabled, [class^=se-button-].__disabled,
[class*=" se-button"]:disabled,
[class*=" se-button"].__disabled,
.wp-block-button a:disabled,
.wp-block-button a.__disabled,
input[type=submit]:disabled,
input[type=submit].__disabled,
input[type=button]:disabled,
input[type=button].__disabled {
  pointer-events: none;
  background-color: var(--disabled-main-color);
  color: var(--disabled-text-color);
}

input[type=submit],
input[type=button] {
  --default-main-color: var(--color-primary-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}

[class^=se-button-].se-button-primary-icon-left, [class^=se-button-].se-button-primary-icon-right, [class^=se-button-].se-button-secondary-icon-left, [class^=se-button-].se-button-secondary-icon-right, [class*=" se-button"].se-button-primary-icon-left, [class*=" se-button"].se-button-primary-icon-right, [class*=" se-button"].se-button-secondary-icon-left, [class*=" se-button"].se-button-secondary-icon-right, .wp-block-button.se-button-primary-icon-left, .wp-block-button.se-button-primary-icon-right, .wp-block-button.se-button-secondary-icon-left, .wp-block-button.se-button-secondary-icon-right {
  padding: var(--padding-l);
}
[class^=se-button-].se-button-primary-icon-left img, [class^=se-button-].se-button-primary-icon-right img, [class^=se-button-].se-button-secondary-icon-left img, [class^=se-button-].se-button-secondary-icon-right img, [class*=" se-button"].se-button-primary-icon-left img, [class*=" se-button"].se-button-primary-icon-right img, [class*=" se-button"].se-button-secondary-icon-left img, [class*=" se-button"].se-button-secondary-icon-right img, .wp-block-button.se-button-primary-icon-left img, .wp-block-button.se-button-primary-icon-right img, .wp-block-button.se-button-secondary-icon-left img, .wp-block-button.se-button-secondary-icon-right img {
  height: 48px;
}
[class^=se-button-].se-button-primary, [class^=se-button-] a, [class*=" se-button"].se-button-primary, [class*=" se-button"] a, .wp-block-button.se-button-primary, .wp-block-button a {
  --default-main-color: var(--color-primary-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}
[class^=se-button-].se-button-primary-icon-left, [class^=se-button-] a, [class*=" se-button"].se-button-primary-icon-left, [class*=" se-button"] a, .wp-block-button.se-button-primary-icon-left, .wp-block-button a {
  --default-main-color: var(--color-primary-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}
[class^=se-button-].se-button-primary-icon-right, [class^=se-button-] a, [class*=" se-button"].se-button-primary-icon-right, [class*=" se-button"] a, .wp-block-button.se-button-primary-icon-right, .wp-block-button a {
  --default-main-color: var(--color-primary-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}
[class^=se-button-].se-button-secondary, [class^=se-button-].is-style-secondary a, [class*=" se-button"].se-button-secondary, [class*=" se-button"].is-style-secondary a, .wp-block-button.se-button-secondary, .wp-block-button.is-style-secondary a {
  --default-main-color: var(--color-primary-light-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-light-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-light-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}
[class^=se-button-].se-button-secondary-icon-left, [class^=se-button-] a, [class*=" se-button"].se-button-secondary-icon-left, [class*=" se-button"] a, .wp-block-button.se-button-secondary-icon-left, .wp-block-button a {
  --default-main-color: var(--color-primary-light-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-light-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-light-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}
[class^=se-button-].se-button-secondary-icon-right, [class^=se-button-] a, [class*=" se-button"].se-button-secondary-icon-right, [class*=" se-button"] a, .wp-block-button.se-button-secondary-icon-right, .wp-block-button a {
  --default-main-color: var(--color-primary-light-100);
  --default-text-color: var(--color-plain-white);
  --hover-main-color: var(--color-primary-light-150);
  --hover-text-color: var(--color-plain-white);
  --clicked-main-color: var(--color-primary-light-100);
  --clicked-text-color: var(--color-plain-white);
  --disabled-main-color: var(--color-secondary-25);
  --disabled-text-color: var(--color-text-25);
}

.se-header {
  height: 198px;
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  transition: top 500ms ease-in-out;
  z-index: 100;
}
.se-header.fixedToTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.se-header.fixedToTop + .content {
  margin-top: 198px;
}
.se-header.hide {
  top: -100% !important;
}

.content {
  margin-top: 198px;
}

.se-hero .overlay {
  align-content: center;
  height: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .se-hero .overlay {
    align-content: end;
    padding-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .se-hero .overlay {
    align-content: end;
    padding-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .se-hero .overlay {
    align-content: end;
    padding-bottom: var(--padding-2xl);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .se-hero .overlay {
    align-content: end;
    padding-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .se-hero .overlay {
    align-content: end;
    padding-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .se-hero .overlay {
    align-content: end;
    padding-bottom: var(--padding-2xl);
  }
}
.se-hero .content {
  min-height: 600px;
}
.se-hero .squares {
  gap: 32px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .se-hero .squares {
    margin-bottom: -90px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .se-hero .squares {
    position: relative;
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .se-hero .squares {
    position: relative;
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .se-hero .squares {
    position: relative;
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .se-hero .squares {
    position: relative;
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .se-hero .squares {
    position: relative;
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .se-hero .squares {
    position: relative;
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
}
.se-hero .squares .square {
  position: relative;
  width: 172px;
  height: 172px;
}
.se-hero .squares .square .square-content {
  width: 100%;
  height: 100%;
  display: grid;
  align-content: center;
  justify-content: center;
}

@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .menu-main-menu-container {
    display: flex;
    align-items: flex-end;
    height: 100%;
    justify-content: flex-end;
  }
  .se-main-menu {
    display: flex;
    align-content: baseline;
  }
  .se-main-menu a {
    display: block;
  }
  .se-main-menu > li > a {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
    padding-left: var(--padding-xl);
    font-size: var(--font-headline-m-font-size);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .mobile-menu {
    color: var(--color-primary-150);
    background-color: var(--color-plain-white);
  }
  .mobile-menu .se-main-menu-mobile-wrapper {
    display: none;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s;
  }
  .mobile-menu .se-main-menu-mobile-wrapper a {
    color: var(--color-primary-150);
    text-decoration: none;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile {
    overflow: hidden;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul {
    padding: var(--padding-50);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li {
    width: 100%;
    font-size: var(--font-headline-l-font-size);
    text-align: center;
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-parent > a, .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-item > a {
    color: var(--color-primary-100);
  }
  .se-header img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transition: width 1s;
  }
  .se-header .burger {
    position: absolute;
    top: 24rem;
    right: 24rem;
    border: unset;
    background-color: unset;
  }
  .se-header .burger svg {
    cursor: pointer;
  }
  .se-header .burger svg rect {
    transition: all 0.5s ease-in-out;
  }
  .se-header .burger svg:hover .top {
    y: 2px;
  }
  .se-header .burger svg:hover .bottom {
    y: 28px;
  }
  .se-header.mobile-menu-opened img.logo {
    width: 60%;
  }
  .se-header.mobile-menu-opened .mobile-menu .se-main-menu-mobile-wrapper {
    display: grid;
    grid-template-rows: 1fr;
  }
  .se-header.mobile-menu-opened .burger .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger .middle {
    x: 0;
    opacity: 0;
  }
  .se-header.mobile-menu-opened .burger .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger:hover .top {
    transform: rotate(35deg);
    transform-origin: center top;
    x: 9px;
    y: 12px;
  }
  .se-header.mobile-menu-opened .burger:hover .bottom {
    transform: rotate(-35deg);
    transform-origin: center top;
    x: -9px;
    y: 12px;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .mobile-menu {
    color: var(--color-primary-150);
    background-color: var(--color-plain-white);
  }
  .mobile-menu .se-main-menu-mobile-wrapper {
    display: none;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s;
  }
  .mobile-menu .se-main-menu-mobile-wrapper a {
    color: var(--color-primary-150);
    text-decoration: none;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile {
    overflow: hidden;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul {
    padding: var(--padding-50);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li {
    width: 100%;
    font-size: var(--font-headline-l-font-size);
    text-align: center;
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-parent > a, .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-item > a {
    color: var(--color-primary-100);
  }
  .se-header img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transition: width 1s;
  }
  .se-header .burger {
    position: absolute;
    top: 24rem;
    right: 24rem;
    border: unset;
    background-color: unset;
  }
  .se-header .burger svg {
    cursor: pointer;
  }
  .se-header .burger svg rect {
    transition: all 0.5s ease-in-out;
  }
  .se-header .burger svg:hover .top {
    y: 2px;
  }
  .se-header .burger svg:hover .bottom {
    y: 28px;
  }
  .se-header.mobile-menu-opened img.logo {
    width: 60%;
  }
  .se-header.mobile-menu-opened .mobile-menu .se-main-menu-mobile-wrapper {
    display: grid;
    grid-template-rows: 1fr;
  }
  .se-header.mobile-menu-opened .burger .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger .middle {
    x: 0;
    opacity: 0;
  }
  .se-header.mobile-menu-opened .burger .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger:hover .top {
    transform: rotate(35deg);
    transform-origin: center top;
    x: 9px;
    y: 12px;
  }
  .se-header.mobile-menu-opened .burger:hover .bottom {
    transform: rotate(-35deg);
    transform-origin: center top;
    x: -9px;
    y: 12px;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mobile-menu {
    color: var(--color-primary-150);
    background-color: var(--color-plain-white);
  }
  .mobile-menu .se-main-menu-mobile-wrapper {
    display: none;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s;
  }
  .mobile-menu .se-main-menu-mobile-wrapper a {
    color: var(--color-primary-150);
    text-decoration: none;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile {
    overflow: hidden;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul {
    padding: var(--padding-50);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li {
    width: 100%;
    font-size: var(--font-headline-l-font-size);
    text-align: center;
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-parent > a, .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-item > a {
    color: var(--color-primary-100);
  }
  .se-header img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transition: width 1s;
  }
  .se-header .burger {
    position: absolute;
    top: 24rem;
    right: 24rem;
    border: unset;
    background-color: unset;
  }
  .se-header .burger svg {
    cursor: pointer;
  }
  .se-header .burger svg rect {
    transition: all 0.5s ease-in-out;
  }
  .se-header .burger svg:hover .top {
    y: 2px;
  }
  .se-header .burger svg:hover .bottom {
    y: 28px;
  }
  .se-header.mobile-menu-opened img.logo {
    width: 60%;
  }
  .se-header.mobile-menu-opened .mobile-menu .se-main-menu-mobile-wrapper {
    display: grid;
    grid-template-rows: 1fr;
  }
  .se-header.mobile-menu-opened .burger .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger .middle {
    x: 0;
    opacity: 0;
  }
  .se-header.mobile-menu-opened .burger .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger:hover .top {
    transform: rotate(35deg);
    transform-origin: center top;
    x: 9px;
    y: 12px;
  }
  .se-header.mobile-menu-opened .burger:hover .bottom {
    transform: rotate(-35deg);
    transform-origin: center top;
    x: -9px;
    y: 12px;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .mobile-menu {
    color: var(--color-primary-150);
    background-color: var(--color-plain-white);
  }
  .mobile-menu .se-main-menu-mobile-wrapper {
    display: none;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s;
  }
  .mobile-menu .se-main-menu-mobile-wrapper a {
    color: var(--color-primary-150);
    text-decoration: none;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile {
    overflow: hidden;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul {
    padding: var(--padding-50);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li {
    width: 100%;
    font-size: var(--font-headline-l-font-size);
    text-align: center;
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-parent > a, .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-item > a {
    color: var(--color-primary-100);
  }
  .se-header img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transition: width 1s;
  }
  .se-header .burger {
    position: absolute;
    top: 24rem;
    right: 24rem;
    border: unset;
    background-color: unset;
  }
  .se-header .burger svg {
    cursor: pointer;
  }
  .se-header .burger svg rect {
    transition: all 0.5s ease-in-out;
  }
  .se-header .burger svg:hover .top {
    y: 2px;
  }
  .se-header .burger svg:hover .bottom {
    y: 28px;
  }
  .se-header.mobile-menu-opened img.logo {
    width: 60%;
  }
  .se-header.mobile-menu-opened .mobile-menu .se-main-menu-mobile-wrapper {
    display: grid;
    grid-template-rows: 1fr;
  }
  .se-header.mobile-menu-opened .burger .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger .middle {
    x: 0;
    opacity: 0;
  }
  .se-header.mobile-menu-opened .burger .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger:hover .top {
    transform: rotate(35deg);
    transform-origin: center top;
    x: 9px;
    y: 12px;
  }
  .se-header.mobile-menu-opened .burger:hover .bottom {
    transform: rotate(-35deg);
    transform-origin: center top;
    x: -9px;
    y: 12px;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .mobile-menu {
    color: var(--color-primary-150);
    background-color: var(--color-plain-white);
  }
  .mobile-menu .se-main-menu-mobile-wrapper {
    display: none;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s;
  }
  .mobile-menu .se-main-menu-mobile-wrapper a {
    color: var(--color-primary-150);
    text-decoration: none;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile {
    overflow: hidden;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul {
    padding: var(--padding-50);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li {
    width: 100%;
    font-size: var(--font-headline-l-font-size);
    text-align: center;
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-parent > a, .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-item > a {
    color: var(--color-primary-100);
  }
  .se-header img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transition: width 1s;
  }
  .se-header .burger {
    position: absolute;
    top: 24rem;
    right: 24rem;
    border: unset;
    background-color: unset;
  }
  .se-header .burger svg {
    cursor: pointer;
  }
  .se-header .burger svg rect {
    transition: all 0.5s ease-in-out;
  }
  .se-header .burger svg:hover .top {
    y: 2px;
  }
  .se-header .burger svg:hover .bottom {
    y: 28px;
  }
  .se-header.mobile-menu-opened img.logo {
    width: 60%;
  }
  .se-header.mobile-menu-opened .mobile-menu .se-main-menu-mobile-wrapper {
    display: grid;
    grid-template-rows: 1fr;
  }
  .se-header.mobile-menu-opened .burger .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger .middle {
    x: 0;
    opacity: 0;
  }
  .se-header.mobile-menu-opened .burger .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger:hover .top {
    transform: rotate(35deg);
    transform-origin: center top;
    x: 9px;
    y: 12px;
  }
  .se-header.mobile-menu-opened .burger:hover .bottom {
    transform: rotate(-35deg);
    transform-origin: center top;
    x: -9px;
    y: 12px;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .mobile-menu {
    color: var(--color-primary-150);
    background-color: var(--color-plain-white);
  }
  .mobile-menu .se-main-menu-mobile-wrapper {
    display: none;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s;
  }
  .mobile-menu .se-main-menu-mobile-wrapper a {
    color: var(--color-primary-150);
    text-decoration: none;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile {
    overflow: hidden;
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul {
    padding: var(--padding-50);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li {
    width: 100%;
    font-size: var(--font-headline-l-font-size);
    text-align: center;
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-parent > a, .mobile-menu .se-main-menu-mobile-wrapper nav.se-main-menu-mobile > ul > li.current-menu-item > a {
    color: var(--color-primary-100);
  }
  .se-header img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    transition: width 1s;
  }
  .se-header .burger {
    position: absolute;
    top: 24rem;
    right: 24rem;
    border: unset;
    background-color: unset;
  }
  .se-header .burger svg {
    cursor: pointer;
  }
  .se-header .burger svg rect {
    transition: all 0.5s ease-in-out;
  }
  .se-header .burger svg:hover .top {
    y: 2px;
  }
  .se-header .burger svg:hover .bottom {
    y: 28px;
  }
  .se-header.mobile-menu-opened img.logo {
    width: 60%;
  }
  .se-header.mobile-menu-opened .mobile-menu .se-main-menu-mobile-wrapper {
    display: grid;
    grid-template-rows: 1fr;
  }
  .se-header.mobile-menu-opened .burger .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger .middle {
    x: 0;
    opacity: 0;
  }
  .se-header.mobile-menu-opened .burger .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -11px;
    y: 9px;
  }
  .se-header.mobile-menu-opened .burger:hover .top {
    transform: rotate(35deg);
    transform-origin: center top;
    x: 9px;
    y: 12px;
  }
  .se-header.mobile-menu-opened .burger:hover .bottom {
    transform: rotate(-35deg);
    transform-origin: center top;
    x: -9px;
    y: 12px;
  }
}
.se-overlay-box__container {
  position: relative;
  cursor: zoom-in;
  transition: box-shadow 250ms ease, transform 250ms ease;
}
.se-overlay-box__container img,
.se-overlay-box__container .se-overlay-box__image {
  display: block;
  width: 100%;
  height: auto;
}
.se-overlay-box__container .se-overlay-box__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: var(--padding-s, 16px);
  background-color: rgba(19, 35, 66, 0.9);
  color: var(--color-plain-white);
  text-align: center;
  pointer-events: none;
  opacity: 1;
}
.se-overlay-box__container--frei .se-overlay-box__overlay {
  display: none;
}
.se-overlay-box__container--frei:hover, .se-overlay-box__container--frei:focus-within {
  box-shadow: 0px 0px 40px rgba(19, 35, 66, 0.2);
}

.se-apartment-card {
  overflow: visible;
}

.se-floorplan-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 4vw, 48px);
  background: rgba(19, 35, 66, 0.88);
}

.se-floorplan-lightbox.is-open {
  display: flex;
}

.se-floorplan-lightbox__image {
  display: block;
  max-width: calc(100vw - clamp(32px, 8vw, 96px));
  max-height: calc(100vh - clamp(32px, 8vw, 96px));
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.35);
  background: var(--color-plain-white);
}

.se-floorplan-lightbox__close {
  position: fixed;
  top: clamp(16px, 3vw, 32px);
  right: clamp(16px, 3vw, 32px);
  z-index: 1;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  background: var(--color-plain-white);
  color: rgb(19, 35, 66);
  font-size: 32px;
  line-height: 1;
}

.se-floorplan-lightbox__close:hover,
.se-floorplan-lightbox__close:focus-visible {
  box-shadow: 0px 0px 24px rgba(255, 255, 255, 0.35);
  outline: none;
}

body.se-floorplan-lightbox-open {
  overflow: hidden;
}

.wp-content-wrapper h1 {
  font-size: var(--font-headline-xxl-font-size);
  line-height: var(--font-headline-xxl-line-height);
  letter-spacing: var(--font-headline-xxl-letter-spacing);
  font-weight: var(--font-headline-xxl-font-weight);
  text-transform: var(--font-headline-xxl-text-transform);
  font-style: var(--font-headline-xxl-font-style);
  font-family: var(--font-headline-xxl-font-family);
  /*  margin-bottom: var(--padding-2xl);*/
}
.wp-content-wrapper h2 {
  font-size: var(--font-headline-xl-font-size);
  line-height: var(--font-headline-xl-line-height);
  letter-spacing: var(--font-headline-xl-letter-spacing);
  font-weight: var(--font-headline-xl-font-weight);
  text-transform: var(--font-headline-xl-text-transform);
  font-style: var(--font-headline-xl-font-style);
  font-family: var(--font-headline-xl-font-family);
  /*  margin-bottom: var(--padding-xl);*/
}
.wp-content-wrapper h3 {
  font-size: var(--font-headline-l-font-size);
  line-height: var(--font-headline-l-line-height);
  letter-spacing: var(--font-headline-l-letter-spacing);
  font-weight: var(--font-headline-l-font-weight);
  text-transform: var(--font-headline-l-text-transform);
  font-style: var(--font-headline-l-font-style);
  font-family: var(--font-headline-l-font-family);
  /*  margin-bottom: var(--padding-l);*/
}
.wp-content-wrapper h4 {
  font-size: var(--font-headline-m-font-size);
  line-height: var(--font-headline-m-line-height);
  letter-spacing: var(--font-headline-m-letter-spacing);
  font-weight: var(--font-headline-m-font-weight);
  text-transform: var(--font-headline-m-text-transform);
  font-style: var(--font-headline-m-font-style);
  font-family: var(--font-headline-m-font-family);
  /*  margin-bottom: var(--padding-m);*/
}
.wp-content-wrapper ol {
  list-style: decimal;
  margin-left: 1.5em !important;
}
.wp-content-wrapper ol li {
  line-height: 1.3;
  margin: 0.5em 0 0.5em 0.5em;
}
.wp-content-wrapper ul {
  list-style: square;
  margin-left: 1.5em !important;
}
.wp-content-wrapper ul li {
  line-height: 1.3;
  margin: 0.5em 0 0.5em 0.5em;
}
.wp-content-wrapper .alignleft {
  float: left;
  margin-right: var(--page-grid-gap);
}
.wp-content-wrapper .alignright {
  float: right;
  margin-left: var(--page-grid-gap);
}
.wp-content-wrapper .textleft {
  text-align: left;
}
.wp-content-wrapper .textright {
  text-align: right;
}
.wp-content-wrapper .clear {
  clear: both;
}
.wp-content-wrapper .wp-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html {
  font-size: 1px;
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  html {
    font-size: 1px;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  html {
    font-size: 1px;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  html {
    font-size: 1px;
  }
}

body {
  font-size: var(--font-default-font-size);
  line-height: var(--font-default-line-height);
  letter-spacing: var(--font-default-letter-spacing);
  font-weight: var(--font-default-font-weight);
  text-transform: var(--font-default-text-transform);
  font-style: var(--font-default-font-style);
  font-family: var(--font-default-font-family);
}

.ge-circle {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
.ge-cover {
  position: relative;
}
.ge-cover > .ss-background {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-cover {
    position: relative;
  }
  .m-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-cover {
    position: relative;
  }
  .ml-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-cover {
    position: relative;
  }
  .mp-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-cover {
    position: relative;
  }
  .t-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-cover {
    position: relative;
  }
  .tl-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-cover {
    position: relative;
  }
  .tp-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-cover {
    position: relative;
  }
  .d-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-cover {
    position: relative;
  }
  .dl-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-cover {
    position: relative;
  }
  .dp-ge-cover > .ss-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .m-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) and (pointer: coarse) {
  .m-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .m-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .m-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .m-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ml-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) and (pointer: coarse) {
  .ml-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .ml-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .ml-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .ml-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .mp-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) and (pointer: coarse) {
  .mp-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .mp-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .mp-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .mp-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .t-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) and (pointer: coarse) {
  .t-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .t-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .t-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .t-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .tl-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) and (pointer: coarse) {
  .tl-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .tl-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .tl-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .tl-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .tp-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) and (pointer: coarse) {
  .tp-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .tp-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .tp-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .tp-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .d-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) and (pointer: coarse) {
  .d-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .d-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .d-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .d-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .dl-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) and (pointer: coarse) {
  .dl-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .dl-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .dl-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .dl-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-flex-scroll {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .dp-ge-flex-scroll > * {
    flex-shrink: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) and (pointer: coarse) {
  .dp-ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .dp-ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .dp-ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .dp-ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}
.ge-flex-scroll {
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.ge-flex-scroll > * {
  flex-shrink: 0;
}
@media (pointer: coarse) {
  .ge-flex-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .ge-flex-scroll.__snap {
    scroll-snap-type: x mandatory;
  }
  .ge-flex-scroll.__snap_center {
    scroll-snap-type: x mandatory;
  }
  .ge-flex-scroll.__snap_center > * {
    scroll-snap-align: center;
  }
}

.ge-flex {
  display: flex;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-flex {
    display: flex;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-flex {
    display: flex;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-flex {
    display: flex;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-flex {
    display: flex;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-flex {
    display: flex;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-flex {
    display: flex;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-flex {
    display: flex;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-flex {
    display: flex;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-flex {
    display: flex;
  }
}
.ge-flex-center {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-flex-center {
    display: flex;
    justify-content: center;
  }
}
.ge-flex-end {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-flex-end {
    display: flex;
    justify-content: flex-end;
  }
}
.ge-flex-even {
  display: flex;
}
.ge-flex-even > * {
  flex-grow: 1;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-flex-even {
    display: flex;
  }
  .m-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-flex-even {
    display: flex;
  }
  .ml-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-flex-even {
    display: flex;
  }
  .mp-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-flex-even {
    display: flex;
  }
  .t-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-flex-even {
    display: flex;
  }
  .tl-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-flex-even {
    display: flex;
  }
  .tp-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-flex-even {
    display: flex;
  }
  .d-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-flex-even {
    display: flex;
  }
  .dl-ge-flex-even > * {
    flex-grow: 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-flex-even {
    display: flex;
  }
  .dp-ge-flex-even > * {
    flex-grow: 1;
  }
}
.ge-flex-reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
}
.ge-font-default {
  font-size: var(--font-default-font-size);
  line-height: var(--font-default-line-height);
  letter-spacing: var(--font-default-letter-spacing);
  font-weight: var(--font-default-font-weight);
  text-transform: var(--font-default-text-transform);
  font-style: var(--font-default-font-style);
  font-family: var(--font-default-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-default {
    font-size: var(--font-default-font-size);
    line-height: var(--font-default-line-height);
    letter-spacing: var(--font-default-letter-spacing);
    font-weight: var(--font-default-font-weight);
    text-transform: var(--font-default-text-transform);
    font-style: var(--font-default-font-style);
    font-family: var(--font-default-font-family);
  }
}
.ge-font-paragraph-bold {
  font-size: var(--font-paragraph-bold-font-size);
  line-height: var(--font-paragraph-bold-line-height);
  letter-spacing: var(--font-paragraph-bold-letter-spacing);
  font-weight: var(--font-paragraph-bold-font-weight);
  text-transform: var(--font-paragraph-bold-text-transform);
  font-style: var(--font-paragraph-bold-font-style);
  font-family: var(--font-paragraph-bold-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-paragraph-bold {
    font-size: var(--font-paragraph-bold-font-size);
    line-height: var(--font-paragraph-bold-line-height);
    letter-spacing: var(--font-paragraph-bold-letter-spacing);
    font-weight: var(--font-paragraph-bold-font-weight);
    text-transform: var(--font-paragraph-bold-text-transform);
    font-style: var(--font-paragraph-bold-font-style);
    font-family: var(--font-paragraph-bold-font-family);
  }
}
.ge-font-special-bold {
  font-size: var(--font-special-bold-font-size);
  line-height: var(--font-special-bold-line-height);
  letter-spacing: var(--font-special-bold-letter-spacing);
  font-weight: var(--font-special-bold-font-weight);
  text-transform: var(--font-special-bold-text-transform);
  font-style: var(--font-special-bold-font-style);
  font-family: var(--font-special-bold-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-special-bold {
    font-size: var(--font-special-bold-font-size);
    line-height: var(--font-special-bold-line-height);
    letter-spacing: var(--font-special-bold-letter-spacing);
    font-weight: var(--font-special-bold-font-weight);
    text-transform: var(--font-special-bold-text-transform);
    font-style: var(--font-special-bold-font-style);
    font-family: var(--font-special-bold-font-family);
  }
}
.ge-font-caption {
  font-size: var(--font-caption-font-size);
  line-height: var(--font-caption-line-height);
  letter-spacing: var(--font-caption-letter-spacing);
  font-weight: var(--font-caption-font-weight);
  text-transform: var(--font-caption-text-transform);
  font-style: var(--font-caption-font-style);
  font-family: var(--font-caption-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-caption {
    font-size: var(--font-caption-font-size);
    line-height: var(--font-caption-line-height);
    letter-spacing: var(--font-caption-letter-spacing);
    font-weight: var(--font-caption-font-weight);
    text-transform: var(--font-caption-text-transform);
    font-style: var(--font-caption-font-style);
    font-family: var(--font-caption-font-family);
  }
}
.ge-font-caption-bold {
  font-size: var(--font-caption-bold-font-size);
  line-height: var(--font-caption-bold-line-height);
  letter-spacing: var(--font-caption-bold-letter-spacing);
  font-weight: var(--font-caption-bold-font-weight);
  text-transform: var(--font-caption-bold-text-transform);
  font-style: var(--font-caption-bold-font-style);
  font-family: var(--font-caption-bold-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-caption-bold {
    font-size: var(--font-caption-bold-font-size);
    line-height: var(--font-caption-bold-line-height);
    letter-spacing: var(--font-caption-bold-letter-spacing);
    font-weight: var(--font-caption-bold-font-weight);
    text-transform: var(--font-caption-bold-text-transform);
    font-style: var(--font-caption-bold-font-style);
    font-family: var(--font-caption-bold-font-family);
  }
}
.ge-font-disclaimer {
  font-size: var(--font-disclaimer-font-size);
  line-height: var(--font-disclaimer-line-height);
  letter-spacing: var(--font-disclaimer-letter-spacing);
  font-weight: var(--font-disclaimer-font-weight);
  text-transform: var(--font-disclaimer-text-transform);
  font-style: var(--font-disclaimer-font-style);
  font-family: var(--font-disclaimer-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-disclaimer {
    font-size: var(--font-disclaimer-font-size);
    line-height: var(--font-disclaimer-line-height);
    letter-spacing: var(--font-disclaimer-letter-spacing);
    font-weight: var(--font-disclaimer-font-weight);
    text-transform: var(--font-disclaimer-text-transform);
    font-style: var(--font-disclaimer-font-style);
    font-family: var(--font-disclaimer-font-family);
  }
}
.ge-font-disclaimer-bold {
  font-size: var(--font-disclaimer-bold-font-size);
  line-height: var(--font-disclaimer-bold-line-height);
  letter-spacing: var(--font-disclaimer-bold-letter-spacing);
  font-weight: var(--font-disclaimer-bold-font-weight);
  text-transform: var(--font-disclaimer-bold-text-transform);
  font-style: var(--font-disclaimer-bold-font-style);
  font-family: var(--font-disclaimer-bold-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-disclaimer-bold {
    font-size: var(--font-disclaimer-bold-font-size);
    line-height: var(--font-disclaimer-bold-line-height);
    letter-spacing: var(--font-disclaimer-bold-letter-spacing);
    font-weight: var(--font-disclaimer-bold-font-weight);
    text-transform: var(--font-disclaimer-bold-text-transform);
    font-style: var(--font-disclaimer-bold-font-style);
    font-family: var(--font-disclaimer-bold-font-family);
  }
}
.ge-font-headline-xxl {
  font-size: var(--font-headline-xxl-font-size);
  line-height: var(--font-headline-xxl-line-height);
  letter-spacing: var(--font-headline-xxl-letter-spacing);
  font-weight: var(--font-headline-xxl-font-weight);
  text-transform: var(--font-headline-xxl-text-transform);
  font-style: var(--font-headline-xxl-font-style);
  font-family: var(--font-headline-xxl-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-headline-xxl {
    font-size: var(--font-headline-xxl-font-size);
    line-height: var(--font-headline-xxl-line-height);
    letter-spacing: var(--font-headline-xxl-letter-spacing);
    font-weight: var(--font-headline-xxl-font-weight);
    text-transform: var(--font-headline-xxl-text-transform);
    font-style: var(--font-headline-xxl-font-style);
    font-family: var(--font-headline-xxl-font-family);
  }
}
.ge-font-headline-xl {
  font-size: var(--font-headline-xl-font-size);
  line-height: var(--font-headline-xl-line-height);
  letter-spacing: var(--font-headline-xl-letter-spacing);
  font-weight: var(--font-headline-xl-font-weight);
  text-transform: var(--font-headline-xl-text-transform);
  font-style: var(--font-headline-xl-font-style);
  font-family: var(--font-headline-xl-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-headline-xl {
    font-size: var(--font-headline-xl-font-size);
    line-height: var(--font-headline-xl-line-height);
    letter-spacing: var(--font-headline-xl-letter-spacing);
    font-weight: var(--font-headline-xl-font-weight);
    text-transform: var(--font-headline-xl-text-transform);
    font-style: var(--font-headline-xl-font-style);
    font-family: var(--font-headline-xl-font-family);
  }
}
.ge-font-headline-l {
  font-size: var(--font-headline-l-font-size);
  line-height: var(--font-headline-l-line-height);
  letter-spacing: var(--font-headline-l-letter-spacing);
  font-weight: var(--font-headline-l-font-weight);
  text-transform: var(--font-headline-l-text-transform);
  font-style: var(--font-headline-l-font-style);
  font-family: var(--font-headline-l-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-headline-l {
    font-size: var(--font-headline-l-font-size);
    line-height: var(--font-headline-l-line-height);
    letter-spacing: var(--font-headline-l-letter-spacing);
    font-weight: var(--font-headline-l-font-weight);
    text-transform: var(--font-headline-l-text-transform);
    font-style: var(--font-headline-l-font-style);
    font-family: var(--font-headline-l-font-family);
  }
}
.ge-font-headline-m {
  font-size: var(--font-headline-m-font-size);
  line-height: var(--font-headline-m-line-height);
  letter-spacing: var(--font-headline-m-letter-spacing);
  font-weight: var(--font-headline-m-font-weight);
  text-transform: var(--font-headline-m-text-transform);
  font-style: var(--font-headline-m-font-style);
  font-family: var(--font-headline-m-font-family);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-font-headline-m {
    font-size: var(--font-headline-m-font-size);
    line-height: var(--font-headline-m-line-height);
    letter-spacing: var(--font-headline-m-letter-spacing);
    font-weight: var(--font-headline-m-font-weight);
    text-transform: var(--font-headline-m-text-transform);
    font-style: var(--font-headline-m-font-style);
    font-family: var(--font-headline-m-font-family);
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  [class*=m-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .m-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .m-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .m-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .m-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .m-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .m-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .m-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .m-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .m-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .m-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .m-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .m-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .m-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .m-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .m-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .m-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .m-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .m-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .m-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .m-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .m-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .m-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .m-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .m-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .m-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .m-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .m-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .m-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .m-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .m-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .m-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  [class*=ml-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .ml-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .ml-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .ml-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .ml-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .ml-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .ml-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .ml-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .ml-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .ml-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .ml-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .ml-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .ml-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .ml-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .ml-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .ml-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .ml-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .ml-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .ml-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .ml-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .ml-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .ml-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .ml-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .ml-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .ml-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .ml-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .ml-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .ml-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .ml-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .ml-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .ml-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .ml-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  [class*=mp-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .mp-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .mp-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .mp-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .mp-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .mp-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .mp-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .mp-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .mp-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .mp-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .mp-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .mp-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .mp-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .mp-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .mp-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .mp-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .mp-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .mp-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .mp-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .mp-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .mp-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .mp-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .mp-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .mp-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .mp-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .mp-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .mp-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .mp-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .mp-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .mp-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .mp-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .mp-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  [class*=t-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .t-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .t-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .t-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .t-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .t-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .t-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .t-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .t-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .t-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .t-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .t-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .t-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .t-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .t-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .t-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .t-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .t-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .t-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .t-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .t-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .t-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .t-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .t-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .t-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .t-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .t-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .t-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .t-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .t-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .t-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .t-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  [class*=tl-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .tl-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .tl-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .tl-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .tl-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .tl-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .tl-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .tl-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .tl-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .tl-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .tl-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .tl-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .tl-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .tl-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .tl-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .tl-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .tl-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .tl-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .tl-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .tl-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .tl-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .tl-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .tl-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .tl-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .tl-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .tl-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .tl-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .tl-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .tl-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .tl-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .tl-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .tl-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  [class*=tp-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .tp-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .tp-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .tp-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .tp-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .tp-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .tp-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .tp-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .tp-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .tp-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .tp-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .tp-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .tp-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .tp-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .tp-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .tp-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .tp-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .tp-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .tp-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .tp-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .tp-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .tp-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .tp-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .tp-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .tp-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .tp-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .tp-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .tp-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .tp-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .tp-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .tp-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .tp-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  [class*=d-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .d-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .d-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .d-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .d-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .d-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .d-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .d-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .d-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .d-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .d-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .d-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .d-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .d-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .d-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .d-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .d-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .d-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .d-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .d-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .d-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .d-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .d-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .d-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .d-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .d-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .d-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .d-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .d-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .d-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .d-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .d-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  [class*=dl-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .dl-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .dl-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .dl-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .dl-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .dl-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .dl-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .dl-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .dl-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .dl-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .dl-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .dl-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .dl-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .dl-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .dl-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .dl-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .dl-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .dl-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .dl-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .dl-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .dl-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .dl-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .dl-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .dl-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .dl-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .dl-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .dl-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .dl-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .dl-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .dl-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .dl-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .dl-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  [class*=dp-ge-grid] {
    display: grid;
    max-width: 100%;
  }
  .ge-grid-1, .dp-ge-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ge-grid-2, .dp-ge-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ge-grid-3, .dp-ge-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ge-grid-4, .dp-ge-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ge-grid-5, .dp-ge-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ge-grid-6, .dp-ge-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ge-grid-7, .dp-ge-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ge-grid-8, .dp-ge-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ge-grid-9, .dp-ge-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ge-grid-10, .dp-ge-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ge-grid-11, .dp-ge-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ge-grid-12, .dp-ge-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ge-grid-13, .dp-ge-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ge-grid-14, .dp-ge-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .dp-ge-grid-min-max {
    grid-template-columns: min-content auto;
  }
  .dp-ge-grid-max-min {
    grid-template-columns: auto min-content;
  }
  .dp-ge-grid-min-max-vertical {
    grid-template-rows: min-content auto;
  }
  .dp-ge-grid-max-min-vertical {
    grid-template-rows: auto min-content;
  }
  .dp-ge-grid-0-100 {
    grid-template-columns: 0fr 1fr;
  }
  .dp-ge-grid-10-90 {
    grid-template-columns: 0.1fr 0.9fr;
  }
  .dp-ge-grid-20-80 {
    grid-template-columns: 0.2fr 0.8fr;
  }
  .dp-ge-grid-25-75 {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .dp-ge-grid-33-67 {
    grid-template-columns: 0.33fr 0.67fr;
  }
  .dp-ge-grid-40-60 {
    grid-template-columns: 0.4fr 0.6fr;
  }
  .dp-ge-grid-50-50 {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .dp-ge-grid-60-40 {
    grid-template-columns: 0.6fr 0.4fr;
  }
  .dp-ge-grid-66-34 {
    grid-template-columns: 0.66fr 0.34fr;
  }
  .dp-ge-grid-75-25 {
    grid-template-columns: 0.75fr 0.25fr;
  }
  .dp-ge-grid-80-20 {
    grid-template-columns: 0.8fr 0.2fr;
  }
  .dp-ge-grid-90-10 {
    grid-template-columns: 0.9fr 0.1fr;
  }
  .dp-ge-grid-100-0 {
    grid-template-columns: 1fr 0fr;
  }
}
[class^=ge-grid], [class*=" ge-grid"] {
  display: grid;
  max-width: 100%;
}

.ge-grid-1, .ge-grid-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ge-grid-2, .ge-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ge-grid-3, .ge-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ge-grid-4, .ge-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ge-grid-5, .ge-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ge-grid-6, .ge-grid-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ge-grid-7, .ge-grid-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.ge-grid-8, .ge-grid-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.ge-grid-9, .ge-grid-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.ge-grid-10, .ge-grid-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.ge-grid-11, .ge-grid-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.ge-grid-12, .ge-grid-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.ge-grid-13, .ge-grid-13 {
  grid-template-columns: repeat(13, minmax(0, 1fr));
}

.ge-grid-14, .ge-grid-14 {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}

.ge-grid-min-max {
  grid-template-columns: min-content auto;
}

.ge-grid-max-min {
  grid-template-columns: auto min-content;
}

.ge-grid-min-max-vertical {
  grid-template-rows: min-content auto;
}

.ge-grid-max-min-vertical {
  grid-template-rows: auto min-content;
}

.ge-grid-0-100 {
  grid-template-columns: 0fr 1fr;
}

.ge-grid-10-90 {
  grid-template-columns: 0.1fr 0.9fr;
}

.ge-grid-20-80 {
  grid-template-columns: 0.2fr 0.8fr;
}

.ge-grid-25-75 {
  grid-template-columns: 0.25fr 0.75fr;
}

.ge-grid-33-67 {
  grid-template-columns: 0.33fr 0.67fr;
}

.ge-grid-40-60 {
  grid-template-columns: 0.4fr 0.6fr;
}

.ge-grid-50-50 {
  grid-template-columns: 0.5fr 0.5fr;
}

.ge-grid-60-40 {
  grid-template-columns: 0.6fr 0.4fr;
}

.ge-grid-66-34 {
  grid-template-columns: 0.66fr 0.34fr;
}

.ge-grid-75-25 {
  grid-template-columns: 0.75fr 0.25fr;
}

.ge-grid-80-20 {
  grid-template-columns: 0.8fr 0.2fr;
}

.ge-grid-90-10 {
  grid-template-columns: 0.9fr 0.1fr;
}

.ge-grid-100-0 {
  grid-template-columns: 1fr 0fr;
}

[class*=ge-list] > div {
  margin: 0.3em 0 0.3em 1.5em;
}
[class*=ge-list] > div:first-child {
  margin-top: 0;
}
[class*=ge-list] > div:last-child {
  margin-bottom: 0;
}

.ge-list-icon > div > *:first-child {
  position: absolute;
  margin-left: -1.5em;
}

.ge-multilayer {
  position: relative;
}
.ge-multilayer > *:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-multilayer {
    position: relative;
  }
  .m-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-multilayer {
    position: relative;
  }
  .ml-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-multilayer {
    position: relative;
  }
  .mp-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-multilayer {
    position: relative;
  }
  .t-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-multilayer {
    position: relative;
  }
  .tl-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-multilayer {
    position: relative;
  }
  .tp-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-multilayer {
    position: relative;
  }
  .d-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-multilayer {
    position: relative;
  }
  .dl-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-multilayer {
    position: relative;
  }
  .dp-ge-multilayer > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.ge-object-fit-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-object-fit-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.ge-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.ge-overtop {
  position: absolute !important;
  transform: translateY(-50%) translateX(-50%);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-overtop {
    position: absolute !important;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  [class*=m-ge-page-grid] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-page-grid, .m-ge-page-grid {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  [class*=t-ge-page-grid] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-page-grid, .t-ge-page-grid {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  [class*=d-ge-page-grid] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-page-grid, .d-ge-page-grid {
    grid-template-columns: 1fr repeat(12, minmax(0, calc((1192px - 352rem) / 12))) 1fr;
  }
}
[class^=ge-page-grid], [class*=" ge-page-grid"] {
  display: grid;
  grid-gap: var(--page-grid-gap);
  width: 100%;
  max-width: 100%;
}

.ge-parallax-wrapper {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ge-parallax-wrapper > div {
  position: absolute;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .m-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .ml-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .mp-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .t-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .tl-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .tp-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .d-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .dl-ge-parallax-wrapper > div {
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-parallax-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .dp-ge-parallax-wrapper > div {
    position: absolute;
  }
}
.ge-pos-top {
  display: grid;
  align-content: start;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-top {
    display: grid;
    align-content: start;
  }
}
.ge-pos-center {
  display: grid;
  align-content: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-center {
    display: grid;
    align-content: center;
  }
}
.ge-pos-bottom {
  display: grid;
  align-content: end;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-bottom {
    display: grid;
    align-content: end;
  }
}
.ge-pos-left {
  display: grid;
  justify-content: start;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-left {
    display: grid;
    justify-content: start;
  }
}
.ge-pos-center-horizontal {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-center-horizontal {
    display: flex;
    align-items: center;
  }
}
.ge-pos-right {
  display: grid;
  justify-content: end;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-right {
    display: grid;
    justify-content: end;
  }
}
.ge-pos-top-left {
  display: grid;
  align-content: start;
  justify-content: start;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-top-left {
    display: grid;
    align-content: start;
    justify-content: start;
  }
}
.ge-pos-top-center {
  display: flex;
  align-items: start;
  justify-content: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-top-center {
    display: flex;
    align-items: start;
    justify-content: center;
  }
}
.ge-pos-top-right {
  display: grid;
  align-content: start;
  justify-content: end;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-top-right {
    display: grid;
    align-content: start;
    justify-content: end;
  }
}
.ge-pos-center-left {
  display: grid;
  align-content: center;
  justify-content: start;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-center-left {
    display: grid;
    align-content: center;
    justify-content: start;
  }
}
.ge-pos-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.ge-pos-center-right {
  display: grid;
  align-content: center;
  justify-content: end;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-center-right {
    display: grid;
    align-content: center;
    justify-content: end;
  }
}
.ge-pos-bottom-left {
  display: grid;
  align-content: end;
  justify-content: start;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-bottom-left {
    display: grid;
    align-content: end;
    justify-content: start;
  }
}
.ge-pos-bottom-center {
  display: flex;
  align-items: end;
  justify-content: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-bottom-center {
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
.ge-pos-bottom-right {
  display: grid;
  align-content: end;
  justify-content: end;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-pos-bottom-right {
    display: grid;
    align-content: end;
    justify-content: end;
  }
}
[class^=ge-sub-grid], [class*=" ge-sub-grid"] {
  display: grid;
  grid-gap: var(--page-grid-gap);
  width: 100%;
  max-width: 100%;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-1, .m-ge-sub-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-2, .m-ge-sub-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-3, .m-ge-sub-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-4, .m-ge-sub-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-5, .m-ge-sub-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-6, .m-ge-sub-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-7, .m-ge-sub-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-8, .m-ge-sub-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-9, .m-ge-sub-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-10, .m-ge-sub-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-11, .m-ge-sub-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-12, .m-ge-sub-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-13, .m-ge-sub-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  [class^=m-ge-sub-grid], [class*=" m-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-14, .m-ge-sub-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-1, .t-ge-sub-grid-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-2, .t-ge-sub-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-3, .t-ge-sub-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-4, .t-ge-sub-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-5, .t-ge-sub-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-6, .t-ge-sub-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-7, .t-ge-sub-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-8, .t-ge-sub-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-9, .t-ge-sub-grid-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-10, .t-ge-sub-grid-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-11, .t-ge-sub-grid-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-12, .t-ge-sub-grid-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-13, .t-ge-sub-grid-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  [class^=t-ge-sub-grid], [class*=" t-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-14, .t-ge-sub-grid-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-1, .d-ge-sub-grid-1 {
    grid-template-columns: repeat(1, minmax(0, calc((1192px - 352rem) / 12)));
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-2, .d-ge-sub-grid-2 {
    grid-template-columns: repeat(2, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-1, .d-ge-sub-grid-auto-1 {
    grid-template-columns: auto repeat(1, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-1-auto, .d-ge-sub-grid-1-auto {
    grid-template-columns: repeat(1, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-3, .d-ge-sub-grid-3 {
    grid-template-columns: repeat(3, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-2, .d-ge-sub-grid-auto-2 {
    grid-template-columns: auto repeat(2, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-2-auto, .d-ge-sub-grid-2-auto {
    grid-template-columns: repeat(2, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-4, .d-ge-sub-grid-4 {
    grid-template-columns: repeat(4, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-3, .d-ge-sub-grid-auto-3 {
    grid-template-columns: auto repeat(3, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-3-auto, .d-ge-sub-grid-3-auto {
    grid-template-columns: repeat(3, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-5, .d-ge-sub-grid-5 {
    grid-template-columns: repeat(5, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-4, .d-ge-sub-grid-auto-4 {
    grid-template-columns: auto repeat(4, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-4-auto, .d-ge-sub-grid-4-auto {
    grid-template-columns: repeat(4, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-6, .d-ge-sub-grid-6 {
    grid-template-columns: repeat(6, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-5, .d-ge-sub-grid-auto-5 {
    grid-template-columns: auto repeat(5, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-5-auto, .d-ge-sub-grid-5-auto {
    grid-template-columns: repeat(5, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-7, .d-ge-sub-grid-7 {
    grid-template-columns: repeat(7, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-6, .d-ge-sub-grid-auto-6 {
    grid-template-columns: auto repeat(6, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-6-auto, .d-ge-sub-grid-6-auto {
    grid-template-columns: repeat(6, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-8, .d-ge-sub-grid-8 {
    grid-template-columns: repeat(8, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-7, .d-ge-sub-grid-auto-7 {
    grid-template-columns: auto repeat(7, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-7-auto, .d-ge-sub-grid-7-auto {
    grid-template-columns: repeat(7, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-9, .d-ge-sub-grid-9 {
    grid-template-columns: repeat(9, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-8, .d-ge-sub-grid-auto-8 {
    grid-template-columns: auto repeat(8, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-8-auto, .d-ge-sub-grid-8-auto {
    grid-template-columns: repeat(8, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-10, .d-ge-sub-grid-10 {
    grid-template-columns: repeat(10, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-9, .d-ge-sub-grid-auto-9 {
    grid-template-columns: auto repeat(9, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-9-auto, .d-ge-sub-grid-9-auto {
    grid-template-columns: repeat(9, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-11, .d-ge-sub-grid-11 {
    grid-template-columns: repeat(11, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-10, .d-ge-sub-grid-auto-10 {
    grid-template-columns: auto repeat(10, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-10-auto, .d-ge-sub-grid-10-auto {
    grid-template-columns: repeat(10, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-12, .d-ge-sub-grid-12 {
    grid-template-columns: repeat(12, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-11, .d-ge-sub-grid-auto-11 {
    grid-template-columns: auto repeat(11, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-11-auto, .d-ge-sub-grid-11-auto {
    grid-template-columns: repeat(11, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-13, .d-ge-sub-grid-13 {
    grid-template-columns: repeat(13, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-12, .d-ge-sub-grid-auto-12 {
    grid-template-columns: auto repeat(12, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-12-auto, .d-ge-sub-grid-12-auto {
    grid-template-columns: repeat(12, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
  [class^=d-ge-sub-grid], [class*=" d-ge-sub-grid"] {
    display: grid;
    grid-gap: var(--page-grid-gap);
    width: 100%;
    max-width: 100%;
  }
  .ge-sub-grid-14, .d-ge-sub-grid-14 {
    grid-template-columns: repeat(14, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-auto-13, .d-ge-sub-grid-auto-13 {
    grid-template-columns: auto repeat(13, minmax(0, calc((1192px - 352rem) / 12)));
  }
  .ge-sub-grid-13-auto, .d-ge-sub-grid-13-auto {
    grid-template-columns: repeat(13, minmax(0, calc((1192px - 352rem) / 12))) auto;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .m-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .m-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .m-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .m-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .m-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .m-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .m-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .m-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .m-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .m-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .m-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .m-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .m-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .m-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .m-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .m-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .m-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .m-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .m-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .m-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .m-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .m-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .m-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .ml-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .ml-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .ml-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .ml-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .ml-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .ml-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .ml-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .ml-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .ml-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .ml-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .ml-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .ml-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .ml-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .ml-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .ml-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .ml-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .ml-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .ml-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .ml-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .ml-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .ml-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .ml-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .ml-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .mp-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .mp-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .mp-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .mp-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .mp-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .mp-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .mp-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .mp-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .mp-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .mp-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .mp-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .mp-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .mp-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .mp-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .mp-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .mp-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .mp-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .mp-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .mp-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .mp-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .mp-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .mp-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .mp-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .t-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .t-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .t-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .t-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .t-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .t-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .t-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .t-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .t-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .t-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .t-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .t-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .t-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .t-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .t-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .t-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .t-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .t-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .t-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .t-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .t-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .t-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .t-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .tl-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .tl-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .tl-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .tl-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .tl-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .tl-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .tl-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .tl-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .tl-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .tl-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .tl-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .tl-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .tl-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .tl-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .tl-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .tl-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .tl-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .tl-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .tl-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .tl-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .tl-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .tl-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .tl-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .tp-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .tp-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .tp-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .tp-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .tp-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .tp-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .tp-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .tp-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .tp-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .tp-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .tp-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .tp-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .tp-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .tp-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .tp-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .tp-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .tp-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .tp-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .tp-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .tp-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .tp-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .tp-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .tp-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .d-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .d-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .d-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .d-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .d-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .d-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .d-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .d-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .d-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .d-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .d-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .d-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .d-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .d-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .d-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .d-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .d-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .d-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .d-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .d-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .d-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .d-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .d-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .dl-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .dl-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .dl-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .dl-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .dl-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .dl-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .dl-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .dl-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .dl-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .dl-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .dl-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .dl-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .dl-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .dl-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .dl-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .dl-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .dl-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .dl-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .dl-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .dl-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .dl-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .dl-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .dl-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-ge-vspacer-xxs {
    height: var(--spacer-xxs);
  }
  .dp-ge-vspacer-revoke-xxs {
    height: 0;
    margin-top: calc(var(--spacer-xxs) * -1);
  }
  .dp-ge-vspacer-xs {
    height: var(--spacer-xs);
  }
  .dp-ge-vspacer-revoke-xs {
    height: 0;
    margin-top: calc(var(--spacer-xs) * -1);
  }
  .dp-ge-vspacer-s {
    height: var(--spacer-s);
  }
  .dp-ge-vspacer-revoke-s {
    height: 0;
    margin-top: calc(var(--spacer-s) * -1);
  }
  .dp-ge-vspacer-m {
    height: var(--spacer-m);
  }
  .dp-ge-vspacer-revoke-m {
    height: 0;
    margin-top: calc(var(--spacer-m) * -1);
  }
  .dp-ge-vspacer-l {
    height: var(--spacer-l);
  }
  .dp-ge-vspacer-revoke-l {
    height: 0;
    margin-top: calc(var(--spacer-l) * -1);
  }
  .dp-ge-vspacer-xl {
    height: var(--spacer-xl);
  }
  .dp-ge-vspacer-revoke-xl {
    height: 0;
    margin-top: calc(var(--spacer-xl) * -1);
  }
  .dp-ge-vspacer-2xl {
    height: var(--spacer-2xl);
  }
  .dp-ge-vspacer-revoke-2xl {
    height: 0;
    margin-top: calc(var(--spacer-2xl) * -1);
  }
  .dp-ge-vspacer-3xl {
    height: var(--spacer-3xl);
  }
  .dp-ge-vspacer-revoke-3xl {
    height: 0;
    margin-top: calc(var(--spacer-3xl) * -1);
  }
  .dp-ge-vspacer-4xl {
    height: var(--spacer-4xl);
  }
  .dp-ge-vspacer-revoke-4xl {
    height: 0;
    margin-top: calc(var(--spacer-4xl) * -1);
  }
  .dp-ge-vspacer-5xl {
    height: var(--spacer-5xl);
  }
  .dp-ge-vspacer-revoke-5xl {
    height: 0;
    margin-top: calc(var(--spacer-5xl) * -1);
  }
  .dp-ge-vspacer-6xl {
    height: var(--spacer-6xl);
  }
  .dp-ge-vspacer-revoke-6xl {
    height: 0;
    margin-top: calc(var(--spacer-6xl) * -1);
  }
  .dp-ge-vspacer-unset {
    height: var(--spacer-unset);
  }
  .dp-ge-vspacer-revoke-unset {
    height: 0;
    margin-top: calc(var(--spacer-unset) * -1);
  }
}
.ge-vspacer-xxs {
  height: var(--spacer-xxs);
}

.ge-vspacer-revoke-xxs {
  height: 0;
  margin-top: calc(var(--spacer-xxs) * -1);
}

.ge-vspacer-xs {
  height: var(--spacer-xs);
}

.ge-vspacer-revoke-xs {
  height: 0;
  margin-top: calc(var(--spacer-xs) * -1);
}

.ge-vspacer-s {
  height: var(--spacer-s);
}

.ge-vspacer-revoke-s {
  height: 0;
  margin-top: calc(var(--spacer-s) * -1);
}

.ge-vspacer-m {
  height: var(--spacer-m);
}

.ge-vspacer-revoke-m {
  height: 0;
  margin-top: calc(var(--spacer-m) * -1);
}

.ge-vspacer-l {
  height: var(--spacer-l);
}

.ge-vspacer-revoke-l {
  height: 0;
  margin-top: calc(var(--spacer-l) * -1);
}

.ge-vspacer-xl {
  height: var(--spacer-xl);
}

.ge-vspacer-revoke-xl {
  height: 0;
  margin-top: calc(var(--spacer-xl) * -1);
}

.ge-vspacer-2xl {
  height: var(--spacer-2xl);
}

.ge-vspacer-revoke-2xl {
  height: 0;
  margin-top: calc(var(--spacer-2xl) * -1);
}

.ge-vspacer-3xl {
  height: var(--spacer-3xl);
}

.ge-vspacer-revoke-3xl {
  height: 0;
  margin-top: calc(var(--spacer-3xl) * -1);
}

.ge-vspacer-4xl {
  height: var(--spacer-4xl);
}

.ge-vspacer-revoke-4xl {
  height: 0;
  margin-top: calc(var(--spacer-4xl) * -1);
}

.ge-vspacer-5xl {
  height: var(--spacer-5xl);
}

.ge-vspacer-revoke-5xl {
  height: 0;
  margin-top: calc(var(--spacer-5xl) * -1);
}

.ge-vspacer-6xl {
  height: var(--spacer-6xl);
}

.ge-vspacer-revoke-6xl {
  height: 0;
  margin-top: calc(var(--spacer-6xl) * -1);
}

.ge-vspacer-unset {
  height: var(--spacer-unset);
}

.ge-vspacer-revoke-unset {
  height: 0;
  margin-top: calc(var(--spacer-unset) * -1);
}

.as-absolute {
  position: absolute;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-absolute {
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-absolute {
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-absolute {
    position: absolute;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-absolute {
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-absolute {
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-absolute {
    position: absolute;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-absolute {
    position: absolute;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-absolute {
    position: absolute;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-absolute {
    position: absolute;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .as-bg-image, .m-as-bg-image {
    background-image: var(--m-bg-image, var(--bg-image));
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .as-bg-image, .t-as-bg-image {
    background-image: var(--t-bg-image, var(--bg-image));
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .as-bg-image, .d-as-bg-image {
    background-image: var(--d-bg-image, var(--bg-image));
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .m-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .m-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .m-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .m-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .m-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .m-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .m-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .m-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .m-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .m-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .m-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .m-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .m-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .m-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .m-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .m-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .m-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .m-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .m-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .m-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .m-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .m-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .m-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .m-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .m-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .m-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .m-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .m-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .m-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .m-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .m-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .m-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .ml-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .ml-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .ml-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .ml-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .ml-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .ml-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .ml-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .ml-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .ml-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .ml-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .ml-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .ml-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .ml-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .ml-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .ml-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .ml-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .ml-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .ml-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .ml-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .ml-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .ml-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .ml-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .ml-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .ml-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .ml-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .ml-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .ml-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .ml-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .ml-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .ml-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .ml-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .ml-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .mp-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .mp-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .mp-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .mp-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .mp-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .mp-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .mp-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .mp-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .mp-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .mp-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .mp-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .mp-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .mp-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .mp-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .mp-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .mp-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .mp-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .mp-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .mp-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .mp-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .mp-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .mp-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .mp-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .mp-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .mp-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .mp-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .mp-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .mp-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .mp-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .mp-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .mp-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .mp-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .t-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .t-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .t-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .t-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .t-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .t-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .t-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .t-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .t-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .t-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .t-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .t-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .t-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .t-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .t-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .t-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .t-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .t-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .t-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .t-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .t-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .t-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .t-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .t-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .t-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .t-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .t-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .t-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .t-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .t-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .t-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .t-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .tl-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .tl-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .tl-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .tl-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .tl-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .tl-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .tl-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .tl-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .tl-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .tl-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .tl-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .tl-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .tl-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .tl-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .tl-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .tl-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .tl-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .tl-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .tl-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .tl-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .tl-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .tl-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .tl-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .tl-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .tl-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .tl-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .tl-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .tl-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .tl-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .tl-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .tl-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .tl-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .tp-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .tp-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .tp-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .tp-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .tp-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .tp-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .tp-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .tp-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .tp-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .tp-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .tp-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .tp-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .tp-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .tp-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .tp-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .tp-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .tp-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .tp-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .tp-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .tp-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .tp-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .tp-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .tp-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .tp-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .tp-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .tp-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .tp-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .tp-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .tp-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .tp-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .tp-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .tp-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .d-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .d-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .d-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .d-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .d-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .d-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .d-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .d-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .d-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .d-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .d-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .d-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .d-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .d-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .d-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .d-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .d-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .d-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .d-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .d-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .d-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .d-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .d-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .d-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .d-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .d-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .d-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .d-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .d-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .d-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .d-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .d-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .dl-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .dl-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .dl-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .dl-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .dl-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .dl-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .dl-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .dl-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .dl-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .dl-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .dl-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .dl-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .dl-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .dl-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .dl-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .dl-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .dl-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .dl-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .dl-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .dl-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .dl-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .dl-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .dl-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .dl-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .dl-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .dl-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .dl-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .dl-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .dl-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .dl-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .dl-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .dl-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-bg-primary-150 {
    background-color: var(--color-primary-150);
  }
  .dp-as-bg-primary-125 {
    background-color: var(--color-primary-125);
  }
  .dp-as-bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .dp-as-bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .dp-as-bg-primary-25 {
    background-color: var(--color-primary-25);
  }
  .dp-as-bg-primary-light-150 {
    background-color: var(--color-primary-light-150);
  }
  .dp-as-bg-primary-light-125 {
    background-color: var(--color-primary-light-125);
  }
  .dp-as-bg-primary-light-100 {
    background-color: var(--color-primary-light-100);
  }
  .dp-as-bg-primary-light-50 {
    background-color: var(--color-primary-light-50);
  }
  .dp-as-bg-primary-light-25 {
    background-color: var(--color-primary-light-25);
  }
  .dp-as-bg-secondary-150 {
    background-color: var(--color-secondary-150);
  }
  .dp-as-bg-secondary-125 {
    background-color: var(--color-secondary-125);
  }
  .dp-as-bg-secondary-100 {
    background-color: var(--color-secondary-100);
  }
  .dp-as-bg-secondary-50 {
    background-color: var(--color-secondary-50);
  }
  .dp-as-bg-secondary-25 {
    background-color: var(--color-secondary-25);
  }
  .dp-as-bg-text-25 {
    background-color: var(--color-text-25);
  }
  .dp-as-bg-text-100 {
    background-color: var(--color-text-100);
  }
  .dp-as-bg-error-100 {
    background-color: var(--color-error-100);
  }
  .dp-as-bg-error-25 {
    background-color: var(--color-error-25);
  }
  .dp-as-bg-success-100 {
    background-color: var(--color-success-100);
  }
  .dp-as-bg-success-25 {
    background-color: var(--color-success-25);
  }
  .dp-as-bg-hint-100 {
    background-color: var(--color-hint-100);
  }
  .dp-as-bg-hint-25 {
    background-color: var(--color-hint-25);
  }
  .dp-as-bg-plain-white {
    background-color: var(--color-plain-white);
  }
  .dp-as-bg-primary-125-pattern-right {
    background: var(--background-primary-125-pattern-right);
  }
  .dp-as-bg-primary-light-125-pattern-center-right {
    background: var(--background-primary-light-125-pattern-center-right);
  }
  .dp-as-bg-secondary-25-pattern-center-center {
    background: var(--background-secondary-25-pattern-center-center);
  }
  .dp-as-bg-secondary-50-pattern-top-left {
    background: var(--background-secondary-50-pattern-top-left);
  }
  .dp-as-bg-secondary-50-pattern-top-right {
    background: var(--background-secondary-50-pattern-top-right);
  }
  .dp-as-bg-secondary-50-pattern-center-left {
    background: var(--background-secondary-50-pattern-center-left);
  }
  .dp-as-bg-plain-white-pattern-center-right {
    background: var(--background-plain-white-pattern-center-right);
  }
  .dp-as-bg-plain-white-opacity-80 {
    background: var(--background-plain-white-opacity-80);
  }
  .dp-as-bg-transparent-pattern-center-left {
    background: var(--background-transparent-pattern-center-left);
  }
}
.as-bg-primary-150 {
  background-color: var(--color-primary-150);
}

.as-bg-primary-125 {
  background-color: var(--color-primary-125);
}

.as-bg-primary-100 {
  background-color: var(--color-primary-100);
}

.as-bg-primary-50 {
  background-color: var(--color-primary-50);
}

.as-bg-primary-25 {
  background-color: var(--color-primary-25);
}

.as-bg-primary-light-150 {
  background-color: var(--color-primary-light-150);
}

.as-bg-primary-light-125 {
  background-color: var(--color-primary-light-125);
}

.as-bg-primary-light-100 {
  background-color: var(--color-primary-light-100);
}

.as-bg-primary-light-50 {
  background-color: var(--color-primary-light-50);
}

.as-bg-primary-light-25 {
  background-color: var(--color-primary-light-25);
}

.as-bg-secondary-150 {
  background-color: var(--color-secondary-150);
}

.as-bg-secondary-125 {
  background-color: var(--color-secondary-125);
}

.as-bg-secondary-100 {
  background-color: var(--color-secondary-100);
}

.as-bg-secondary-50 {
  background-color: var(--color-secondary-50);
}

.as-bg-secondary-25 {
  background-color: var(--color-secondary-25);
}

.as-bg-text-25 {
  background-color: var(--color-text-25);
}

.as-bg-text-100 {
  background-color: var(--color-text-100);
}

.as-bg-error-100 {
  background-color: var(--color-error-100);
}

.as-bg-error-25 {
  background-color: var(--color-error-25);
}

.as-bg-success-100 {
  background-color: var(--color-success-100);
}

.as-bg-success-25 {
  background-color: var(--color-success-25);
}

.as-bg-hint-100 {
  background-color: var(--color-hint-100);
}

.as-bg-hint-25 {
  background-color: var(--color-hint-25);
}

.as-bg-plain-white {
  background-color: var(--color-plain-white);
}

.as-bg-primary-125-pattern-right {
  background: var(--background-primary-125-pattern-right);
}

.as-bg-primary-light-125-pattern-center-right {
  background: var(--background-primary-light-125-pattern-center-right);
}

.as-bg-secondary-25-pattern-center-center {
  background: var(--background-secondary-25-pattern-center-center);
}

.as-bg-secondary-50-pattern-top-left {
  background: var(--background-secondary-50-pattern-top-left);
}

.as-bg-secondary-50-pattern-top-right {
  background: var(--background-secondary-50-pattern-top-right);
}

.as-bg-secondary-50-pattern-center-left {
  background: var(--background-secondary-50-pattern-center-left);
}

.as-bg-plain-white-pattern-center-right {
  background: var(--background-plain-white-pattern-center-right);
}

.as-bg-plain-white-opacity-80 {
  background: var(--background-plain-white-opacity-80);
}

.as-bg-transparent-pattern-center-left {
  background: var(--background-transparent-pattern-center-left);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-bg-size-contain-center {
    background-position: center center;
  }
  .m-as-bg-size-contain-top {
    background-position: center top;
  }
  .m-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .m-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .m-as-bg-size-contain-right {
    background-position: right center;
  }
  .m-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .m-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .m-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .m-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-bg-size-contain-center {
    background-position: center center;
  }
  .ml-as-bg-size-contain-top {
    background-position: center top;
  }
  .ml-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .ml-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .ml-as-bg-size-contain-right {
    background-position: right center;
  }
  .ml-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .ml-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .ml-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .ml-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-bg-size-contain-center {
    background-position: center center;
  }
  .mp-as-bg-size-contain-top {
    background-position: center top;
  }
  .mp-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .mp-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .mp-as-bg-size-contain-right {
    background-position: right center;
  }
  .mp-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .mp-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .mp-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .mp-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-bg-size-contain-center {
    background-position: center center;
  }
  .t-as-bg-size-contain-top {
    background-position: center top;
  }
  .t-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .t-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .t-as-bg-size-contain-right {
    background-position: right center;
  }
  .t-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .t-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .t-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .t-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-bg-size-contain-center {
    background-position: center center;
  }
  .tl-as-bg-size-contain-top {
    background-position: center top;
  }
  .tl-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .tl-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .tl-as-bg-size-contain-right {
    background-position: right center;
  }
  .tl-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .tl-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .tl-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .tl-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-bg-size-contain-center {
    background-position: center center;
  }
  .tp-as-bg-size-contain-top {
    background-position: center top;
  }
  .tp-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .tp-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .tp-as-bg-size-contain-right {
    background-position: right center;
  }
  .tp-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .tp-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .tp-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .tp-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-bg-size-contain-center {
    background-position: center center;
  }
  .d-as-bg-size-contain-top {
    background-position: center top;
  }
  .d-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .d-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .d-as-bg-size-contain-right {
    background-position: right center;
  }
  .d-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .d-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .d-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .d-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-bg-size-contain-center {
    background-position: center center;
  }
  .dl-as-bg-size-contain-top {
    background-position: center top;
  }
  .dl-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .dl-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .dl-as-bg-size-contain-right {
    background-position: right center;
  }
  .dl-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .dl-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .dl-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .dl-as-bg-size-contain-left {
    background-position: left center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-bg-size-contain-center {
    background-position: center center;
  }
  .dp-as-bg-size-contain-top {
    background-position: center top;
  }
  .dp-as-bg-size-contain-top-left {
    background-position: left top;
  }
  .dp-as-bg-size-contain-top-right {
    background-position: right top;
  }
  .dp-as-bg-size-contain-right {
    background-position: right center;
  }
  .dp-as-bg-size-contain-bottom {
    background-position: center bottom;
  }
  .dp-as-bg-size-contain-bottom-left {
    background-position: left bottom;
  }
  .dp-as-bg-size-contain-bottom-right {
    background-position: right bottom;
  }
  .dp-as-bg-size-contain-left {
    background-position: left center;
  }
}
.as-bg-size-contain-center {
  background-position: center center;
}

.as-bg-size-contain-top {
  background-position: center top;
}

.as-bg-size-contain-top-left {
  background-position: left top;
}

.as-bg-size-contain-top-right {
  background-position: right top;
}

.as-bg-size-contain-right {
  background-position: right center;
}

.as-bg-size-contain-bottom {
  background-position: center bottom;
}

.as-bg-size-contain-bottom-left {
  background-position: left bottom;
}

.as-bg-size-contain-bottom-right {
  background-position: right bottom;
}

.as-bg-size-contain-left {
  background-position: left center;
}

[class*=as-bg-size-contain] {
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-bg-size-cover-center {
    background-position: center center;
  }
  .m-as-bg-size-cover-top {
    background-position: center top;
  }
  .m-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .m-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .m-as-bg-size-cover-right {
    background-position: right center;
  }
  .m-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .m-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .m-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .m-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-bg-size-cover-center {
    background-position: center center;
  }
  .ml-as-bg-size-cover-top {
    background-position: center top;
  }
  .ml-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .ml-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .ml-as-bg-size-cover-right {
    background-position: right center;
  }
  .ml-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .ml-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .ml-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .ml-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-bg-size-cover-center {
    background-position: center center;
  }
  .mp-as-bg-size-cover-top {
    background-position: center top;
  }
  .mp-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .mp-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .mp-as-bg-size-cover-right {
    background-position: right center;
  }
  .mp-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .mp-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .mp-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .mp-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-bg-size-cover-center {
    background-position: center center;
  }
  .t-as-bg-size-cover-top {
    background-position: center top;
  }
  .t-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .t-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .t-as-bg-size-cover-right {
    background-position: right center;
  }
  .t-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .t-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .t-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .t-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-bg-size-cover-center {
    background-position: center center;
  }
  .tl-as-bg-size-cover-top {
    background-position: center top;
  }
  .tl-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .tl-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .tl-as-bg-size-cover-right {
    background-position: right center;
  }
  .tl-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .tl-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .tl-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .tl-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-bg-size-cover-center {
    background-position: center center;
  }
  .tp-as-bg-size-cover-top {
    background-position: center top;
  }
  .tp-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .tp-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .tp-as-bg-size-cover-right {
    background-position: right center;
  }
  .tp-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .tp-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .tp-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .tp-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-bg-size-cover-center {
    background-position: center center;
  }
  .d-as-bg-size-cover-top {
    background-position: center top;
  }
  .d-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .d-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .d-as-bg-size-cover-right {
    background-position: right center;
  }
  .d-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .d-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .d-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .d-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-bg-size-cover-center {
    background-position: center center;
  }
  .dl-as-bg-size-cover-top {
    background-position: center top;
  }
  .dl-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .dl-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .dl-as-bg-size-cover-right {
    background-position: right center;
  }
  .dl-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .dl-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .dl-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .dl-as-bg-size-cover-left {
    background-position: left center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-bg-size-cover-center {
    background-position: center center;
  }
  .dp-as-bg-size-cover-top {
    background-position: center top;
  }
  .dp-as-bg-size-cover-top-left {
    background-position: left top;
  }
  .dp-as-bg-size-cover-top-right {
    background-position: right top;
  }
  .dp-as-bg-size-cover-right {
    background-position: right center;
  }
  .dp-as-bg-size-cover-bottom {
    background-position: center bottom;
  }
  .dp-as-bg-size-cover-bottom-left {
    background-position: left bottom;
  }
  .dp-as-bg-size-cover-bottom-right {
    background-position: right bottom;
  }
  .dp-as-bg-size-cover-left {
    background-position: left center;
  }
}
.as-bg-size-cover-center {
  background-position: center center;
}

.as-bg-size-cover-top {
  background-position: center top;
}

.as-bg-size-cover-top-left {
  background-position: left top;
}

.as-bg-size-cover-top-right {
  background-position: right top;
}

.as-bg-size-cover-right {
  background-position: right center;
}

.as-bg-size-cover-bottom {
  background-position: center bottom;
}

.as-bg-size-cover-bottom-left {
  background-position: left bottom;
}

.as-bg-size-cover-bottom-right {
  background-position: right bottom;
}

.as-bg-size-cover-left {
  background-position: left center;
}

[class*=as-bg-size-cover] {
  background-size: cover;
  background-repeat: no-repeat;
}

.as-bold {
  font-weight: bold;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-bold {
    font-weight: bold;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-bold {
    font-weight: bold;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-bold {
    font-weight: bold;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-bold {
    font-weight: bold;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-bold {
    font-weight: bold;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-bold {
    font-weight: bold;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-bold {
    font-weight: bold;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-bold {
    font-weight: bold;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-bold {
    font-weight: bold;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-border-unset {
    border: var(--border-unset);
  }
  .m-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .m-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .m-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .m-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .m-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .m-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .m-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .m-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .m-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .m-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .m-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .m-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .m-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .m-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .m-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .m-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .m-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .m-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .m-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .m-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .m-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .m-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .m-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .m-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .m-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .m-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .m-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .m-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .m-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .m-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .m-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .m-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .m-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .m-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-border-unset {
    border: var(--border-unset);
  }
  .ml-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .ml-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .ml-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .ml-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .ml-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .ml-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .ml-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .ml-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .ml-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .ml-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .ml-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .ml-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .ml-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .ml-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .ml-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .ml-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .ml-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .ml-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .ml-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .ml-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .ml-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .ml-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .ml-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .ml-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .ml-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .ml-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .ml-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .ml-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .ml-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .ml-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .ml-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .ml-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .ml-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .ml-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-border-unset {
    border: var(--border-unset);
  }
  .mp-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .mp-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .mp-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .mp-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .mp-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .mp-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .mp-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .mp-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .mp-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .mp-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .mp-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .mp-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .mp-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .mp-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .mp-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .mp-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .mp-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .mp-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .mp-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .mp-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .mp-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .mp-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .mp-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .mp-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .mp-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .mp-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .mp-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .mp-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .mp-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .mp-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .mp-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .mp-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .mp-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .mp-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-border-unset {
    border: var(--border-unset);
  }
  .t-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .t-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .t-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .t-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .t-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .t-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .t-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .t-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .t-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .t-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .t-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .t-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .t-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .t-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .t-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .t-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .t-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .t-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .t-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .t-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .t-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .t-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .t-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .t-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .t-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .t-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .t-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .t-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .t-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .t-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .t-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .t-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .t-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .t-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-border-unset {
    border: var(--border-unset);
  }
  .tl-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .tl-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .tl-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .tl-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .tl-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .tl-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .tl-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .tl-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .tl-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .tl-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .tl-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .tl-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .tl-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .tl-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .tl-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .tl-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .tl-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .tl-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .tl-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .tl-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .tl-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .tl-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .tl-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .tl-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .tl-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .tl-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .tl-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .tl-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .tl-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .tl-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .tl-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .tl-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .tl-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .tl-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-border-unset {
    border: var(--border-unset);
  }
  .tp-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .tp-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .tp-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .tp-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .tp-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .tp-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .tp-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .tp-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .tp-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .tp-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .tp-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .tp-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .tp-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .tp-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .tp-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .tp-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .tp-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .tp-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .tp-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .tp-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .tp-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .tp-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .tp-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .tp-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .tp-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .tp-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .tp-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .tp-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .tp-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .tp-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .tp-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .tp-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .tp-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .tp-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-border-unset {
    border: var(--border-unset);
  }
  .d-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .d-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .d-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .d-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .d-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .d-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .d-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .d-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .d-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .d-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .d-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .d-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .d-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .d-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .d-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .d-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .d-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .d-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .d-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .d-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .d-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .d-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .d-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .d-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .d-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .d-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .d-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .d-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .d-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .d-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .d-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .d-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .d-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .d-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-border-unset {
    border: var(--border-unset);
  }
  .dl-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .dl-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .dl-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .dl-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .dl-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .dl-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .dl-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .dl-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .dl-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .dl-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .dl-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .dl-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .dl-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .dl-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .dl-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .dl-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .dl-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .dl-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .dl-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .dl-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .dl-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .dl-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .dl-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .dl-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .dl-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .dl-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .dl-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .dl-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .dl-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .dl-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .dl-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .dl-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .dl-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .dl-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-border-unset {
    border: var(--border-unset);
  }
  .dp-as-border-plain-white {
    border: var(--border-plain-white);
  }
  .dp-as-border-plain-white-opacity-70 {
    border: var(--border-plain-white-opacity-70);
  }
  .dp-as-border-primary-light-100 {
    border: var(--border-primary-light-100);
  }
  .dp-as-border-primary-light-100-thick {
    border: var(--border-primary-light-100-thick);
  }
  .dp-as-border-secondary-25 {
    border: var(--border-secondary-25);
  }
  .dp-as-border-secondary-100 {
    border: var(--border-secondary-100);
  }
  .dp-as-border-top-unset {
    border-top: var(--border-unset);
  }
  .dp-as-border-right-unset {
    border-right: var(--border-unset);
  }
  .dp-as-border-bottom-unset {
    border-bottom: var(--border-unset);
  }
  .dp-as-border-left-unset {
    border-left: var(--border-unset);
  }
  .dp-as-border-top-plain-white {
    border-top: var(--border-plain-white);
  }
  .dp-as-border-right-plain-white {
    border-right: var(--border-plain-white);
  }
  .dp-as-border-bottom-plain-white {
    border-bottom: var(--border-plain-white);
  }
  .dp-as-border-left-plain-white {
    border-left: var(--border-plain-white);
  }
  .dp-as-border-top-plain-white-opacity-70 {
    border-top: var(--border-plain-white-opacity-70);
  }
  .dp-as-border-right-plain-white-opacity-70 {
    border-right: var(--border-plain-white-opacity-70);
  }
  .dp-as-border-bottom-plain-white-opacity-70 {
    border-bottom: var(--border-plain-white-opacity-70);
  }
  .dp-as-border-left-plain-white-opacity-70 {
    border-left: var(--border-plain-white-opacity-70);
  }
  .dp-as-border-top-primary-light-100 {
    border-top: var(--border-primary-light-100);
  }
  .dp-as-border-right-primary-light-100 {
    border-right: var(--border-primary-light-100);
  }
  .dp-as-border-bottom-primary-light-100 {
    border-bottom: var(--border-primary-light-100);
  }
  .dp-as-border-left-primary-light-100 {
    border-left: var(--border-primary-light-100);
  }
  .dp-as-border-top-primary-light-100-thick {
    border-top: var(--border-primary-light-100-thick);
  }
  .dp-as-border-right-primary-light-100-thick {
    border-right: var(--border-primary-light-100-thick);
  }
  .dp-as-border-bottom-primary-light-100-thick {
    border-bottom: var(--border-primary-light-100-thick);
  }
  .dp-as-border-left-primary-light-100-thick {
    border-left: var(--border-primary-light-100-thick);
  }
  .dp-as-border-top-secondary-25 {
    border-top: var(--border-secondary-25);
  }
  .dp-as-border-right-secondary-25 {
    border-right: var(--border-secondary-25);
  }
  .dp-as-border-bottom-secondary-25 {
    border-bottom: var(--border-secondary-25);
  }
  .dp-as-border-left-secondary-25 {
    border-left: var(--border-secondary-25);
  }
  .dp-as-border-top-secondary-100 {
    border-top: var(--border-secondary-100);
  }
  .dp-as-border-right-secondary-100 {
    border-right: var(--border-secondary-100);
  }
  .dp-as-border-bottom-secondary-100 {
    border-bottom: var(--border-secondary-100);
  }
  .dp-as-border-left-secondary-100 {
    border-left: var(--border-secondary-100);
  }
}
.as-border-unset {
  border: var(--border-unset);
}

.as-border-plain-white {
  border: var(--border-plain-white);
}

.as-border-plain-white-opacity-70 {
  border: var(--border-plain-white-opacity-70);
}

.as-border-primary-light-100 {
  border: var(--border-primary-light-100);
}

.as-border-primary-light-100-thick {
  border: var(--border-primary-light-100-thick);
}

.as-border-secondary-25 {
  border: var(--border-secondary-25);
}

.as-border-secondary-100 {
  border: var(--border-secondary-100);
}

.as-border-top-unset {
  border-top: var(--border-unset);
}

.as-border-right-unset {
  border-right: var(--border-unset);
}

.as-border-bottom-unset {
  border-bottom: var(--border-unset);
}

.as-border-left-unset {
  border-left: var(--border-unset);
}

.as-border-top-plain-white {
  border-top: var(--border-plain-white);
}

.as-border-right-plain-white {
  border-right: var(--border-plain-white);
}

.as-border-bottom-plain-white {
  border-bottom: var(--border-plain-white);
}

.as-border-left-plain-white {
  border-left: var(--border-plain-white);
}

.as-border-top-plain-white-opacity-70 {
  border-top: var(--border-plain-white-opacity-70);
}

.as-border-right-plain-white-opacity-70 {
  border-right: var(--border-plain-white-opacity-70);
}

.as-border-bottom-plain-white-opacity-70 {
  border-bottom: var(--border-plain-white-opacity-70);
}

.as-border-left-plain-white-opacity-70 {
  border-left: var(--border-plain-white-opacity-70);
}

.as-border-top-primary-light-100 {
  border-top: var(--border-primary-light-100);
}

.as-border-right-primary-light-100 {
  border-right: var(--border-primary-light-100);
}

.as-border-bottom-primary-light-100 {
  border-bottom: var(--border-primary-light-100);
}

.as-border-left-primary-light-100 {
  border-left: var(--border-primary-light-100);
}

.as-border-top-primary-light-100-thick {
  border-top: var(--border-primary-light-100-thick);
}

.as-border-right-primary-light-100-thick {
  border-right: var(--border-primary-light-100-thick);
}

.as-border-bottom-primary-light-100-thick {
  border-bottom: var(--border-primary-light-100-thick);
}

.as-border-left-primary-light-100-thick {
  border-left: var(--border-primary-light-100-thick);
}

.as-border-top-secondary-25 {
  border-top: var(--border-secondary-25);
}

.as-border-right-secondary-25 {
  border-right: var(--border-secondary-25);
}

.as-border-bottom-secondary-25 {
  border-bottom: var(--border-secondary-25);
}

.as-border-left-secondary-25 {
  border-left: var(--border-secondary-25);
}

.as-border-top-secondary-100 {
  border-top: var(--border-secondary-100);
}

.as-border-right-secondary-100 {
  border-right: var(--border-secondary-100);
}

.as-border-bottom-secondary-100 {
  border-bottom: var(--border-secondary-100);
}

.as-border-left-secondary-100 {
  border-left: var(--border-secondary-100);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .m-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .m-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .m-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .m-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .m-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .m-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .m-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .m-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .m-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .m-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .m-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .m-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .m-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .m-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .m-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .m-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .m-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .m-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .m-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .m-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .m-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .m-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .m-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .m-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .m-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .m-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .ml-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .ml-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .ml-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .ml-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .ml-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .ml-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .ml-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .ml-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .ml-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .ml-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .ml-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .mp-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .mp-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .mp-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .mp-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .mp-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .mp-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .mp-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .mp-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .mp-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .mp-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .mp-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .t-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .t-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .t-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .t-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .t-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .t-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .t-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .t-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .t-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .t-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .t-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .t-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .t-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .t-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .t-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .t-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .t-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .t-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .t-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .t-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .t-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .t-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .t-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .t-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .t-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .t-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .tl-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .tl-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .tl-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .tl-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .tl-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .tl-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .tl-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .tl-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .tl-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .tl-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .tl-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .tp-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .tp-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .tp-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .tp-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .tp-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .tp-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .tp-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .tp-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .tp-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .tp-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .tp-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .d-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .d-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .d-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .d-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .d-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .d-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .d-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .d-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .d-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .d-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .d-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .d-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .d-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .d-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .d-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .d-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .d-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .d-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .d-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .d-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .d-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .d-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .d-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .d-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .d-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .d-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .dl-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .dl-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .dl-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .dl-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .dl-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .dl-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .dl-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .dl-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .dl-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .dl-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .dl-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-bradius-unset {
    border-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-top-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-top-right-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-top-left-unset {
    border-top-left-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-top-right-unset {
    border-top-right-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-right-unset {
    border-top-right-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-bottom-unset {
    border-bottom-left-radius: var(--border-radius-unset);
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-bottom-left-unset {
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-bottom-right-unset {
    border-bottom-right-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-left-unset {
    border-top-left-radius: var(--border-radius-unset);
    border-bottom-left-radius: var(--border-radius-unset);
  }
  .dp-as-bradius-s {
    border-radius: var(--border-radius-s);
  }
  .dp-as-bradius-top-s {
    border-top-left-radius: var(--border-radius-s);
    border-top-right-radius: var(--border-radius-s);
  }
  .dp-as-bradius-top-left-s {
    border-top-left-radius: var(--border-radius-s);
  }
  .dp-as-bradius-top-right-s {
    border-top-right-radius: var(--border-radius-s);
  }
  .dp-as-bradius-right-s {
    border-top-right-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .dp-as-bradius-bottom-s {
    border-bottom-left-radius: var(--border-radius-s);
    border-bottom-right-radius: var(--border-radius-s);
  }
  .dp-as-bradius-bottom-left-s {
    border-bottom-left-radius: var(--border-radius-s);
  }
  .dp-as-bradius-bottom-right-s {
    border-bottom-right-radius: var(--border-radius-s);
  }
  .dp-as-bradius-left-s {
    border-top-left-radius: var(--border-radius-s);
    border-bottom-left-radius: var(--border-radius-s);
  }
  .dp-as-bradius-xs {
    border-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-top-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-top-right-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-top-left-xs {
    border-top-left-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-top-right-xs {
    border-top-right-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-right-xs {
    border-top-right-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-bottom-xs {
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-bottom-left-xs {
    border-bottom-left-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-bottom-right-xs {
    border-bottom-right-radius: var(--border-radius-xs);
  }
  .dp-as-bradius-left-xs {
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
  }
}
.as-bradius-unset {
  border-radius: var(--border-radius-unset);
}

.as-bradius-top-unset {
  border-top-left-radius: var(--border-radius-unset);
  border-top-right-radius: var(--border-radius-unset);
}

.as-bradius-top-left-unset {
  border-top-left-radius: var(--border-radius-unset);
}

.as-bradius-top-right-unset {
  border-top-right-radius: var(--border-radius-unset);
}

.as-bradius-right-unset {
  border-top-right-radius: var(--border-radius-unset);
  border-bottom-right-radius: var(--border-radius-unset);
}

.as-bradius-bottom-unset {
  border-bottom-left-radius: var(--border-radius-unset);
  border-bottom-right-radius: var(--border-radius-unset);
}

.as-bradius-bottom-left-unset {
  border-bottom-left-radius: var(--border-radius-unset);
}

.as-bradius-bottom-right-unset {
  border-bottom-right-radius: var(--border-radius-unset);
}

.as-bradius-left-unset {
  border-top-left-radius: var(--border-radius-unset);
  border-bottom-left-radius: var(--border-radius-unset);
}

.as-bradius-s {
  border-radius: var(--border-radius-s);
}

.as-bradius-top-s {
  border-top-left-radius: var(--border-radius-s);
  border-top-right-radius: var(--border-radius-s);
}

.as-bradius-top-left-s {
  border-top-left-radius: var(--border-radius-s);
}

.as-bradius-top-right-s {
  border-top-right-radius: var(--border-radius-s);
}

.as-bradius-right-s {
  border-top-right-radius: var(--border-radius-s);
  border-bottom-right-radius: var(--border-radius-s);
}

.as-bradius-bottom-s {
  border-bottom-left-radius: var(--border-radius-s);
  border-bottom-right-radius: var(--border-radius-s);
}

.as-bradius-bottom-left-s {
  border-bottom-left-radius: var(--border-radius-s);
}

.as-bradius-bottom-right-s {
  border-bottom-right-radius: var(--border-radius-s);
}

.as-bradius-left-s {
  border-top-left-radius: var(--border-radius-s);
  border-bottom-left-radius: var(--border-radius-s);
}

.as-bradius-xs {
  border-radius: var(--border-radius-xs);
}

.as-bradius-top-xs {
  border-top-left-radius: var(--border-radius-xs);
  border-top-right-radius: var(--border-radius-xs);
}

.as-bradius-top-left-xs {
  border-top-left-radius: var(--border-radius-xs);
}

.as-bradius-top-right-xs {
  border-top-right-radius: var(--border-radius-xs);
}

.as-bradius-right-xs {
  border-top-right-radius: var(--border-radius-xs);
  border-bottom-right-radius: var(--border-radius-xs);
}

.as-bradius-bottom-xs {
  border-bottom-left-radius: var(--border-radius-xs);
  border-bottom-right-radius: var(--border-radius-xs);
}

.as-bradius-bottom-left-xs {
  border-bottom-left-radius: var(--border-radius-xs);
}

.as-bradius-bottom-right-xs {
  border-bottom-right-radius: var(--border-radius-xs);
}

.as-bradius-left-xs {
  border-top-left-radius: var(--border-radius-xs);
  border-bottom-left-radius: var(--border-radius-xs);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-1 {
    grid-column: 1;
  }
  .m-as-col-span-1 {
    grid-column-start: span 1;
  }
  .m-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .m-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .m-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .m-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .m-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .m-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .m-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .m-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .m-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .m-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .m-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .m-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .m-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .m-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .m-as-col-2 {
    grid-column: 2;
  }
  .m-as-col-span-2 {
    grid-column-start: span 2;
  }
  .m-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .m-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .m-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .m-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .m-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .m-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .m-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .m-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .m-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .m-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .m-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .m-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .m-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .m-as-col-3 {
    grid-column: 3;
  }
  .m-as-col-span-3 {
    grid-column-start: span 3;
  }
  .m-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .m-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .m-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .m-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .m-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .m-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .m-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .m-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .m-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .m-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .m-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .m-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .m-as-col-4 {
    grid-column: 4;
  }
  .m-as-col-span-4 {
    grid-column-start: span 4;
  }
  .m-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .m-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .m-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .m-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .m-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .m-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .m-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .m-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .m-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .m-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .m-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .m-as-col-5 {
    grid-column: 5;
  }
  .m-as-col-span-5 {
    grid-column-start: span 5;
  }
  .m-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .m-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .m-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .m-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .m-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .m-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .m-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .m-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .m-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .m-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .m-as-col-6 {
    grid-column: 6;
  }
  .m-as-col-span-6 {
    grid-column-start: span 6;
  }
  .m-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .m-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .m-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .m-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .m-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .m-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .m-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .m-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .m-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .m-as-col-7 {
    grid-column: 7;
  }
  .m-as-col-span-7 {
    grid-column-start: span 7;
  }
  .m-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .m-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .m-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .m-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .m-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .m-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .m-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .m-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .m-as-col-8 {
    grid-column: 8;
  }
  .m-as-col-span-8 {
    grid-column-start: span 8;
  }
  .m-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .m-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .m-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .m-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .m-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .m-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .m-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .m-as-col-9 {
    grid-column: 9;
  }
  .m-as-col-span-9 {
    grid-column-start: span 9;
  }
  .m-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .m-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .m-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .m-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .m-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .m-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .m-as-col-10 {
    grid-column: 10;
  }
  .m-as-col-span-10 {
    grid-column-start: span 10;
  }
  .m-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .m-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .m-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .m-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .m-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .m-as-col-11 {
    grid-column: 11;
  }
  .m-as-col-span-11 {
    grid-column-start: span 11;
  }
  .m-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .m-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .m-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .m-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .m-as-col-12 {
    grid-column: 12;
  }
  .m-as-col-span-12 {
    grid-column-start: span 12;
  }
  .m-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .m-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .m-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .m-as-col-13 {
    grid-column: 13;
  }
  .m-as-col-span-13 {
    grid-column-start: span 13;
  }
  .m-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .m-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .m-as-col-14 {
    grid-column: 14;
  }
  .m-as-col-span-14 {
    grid-column-start: span 14;
  }
  .m-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-1 {
    grid-column: 1;
  }
  .ml-as-col-span-1 {
    grid-column-start: span 1;
  }
  .ml-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .ml-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .ml-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .ml-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .ml-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .ml-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .ml-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .ml-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .ml-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .ml-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .ml-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .ml-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .ml-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .ml-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .ml-as-col-2 {
    grid-column: 2;
  }
  .ml-as-col-span-2 {
    grid-column-start: span 2;
  }
  .ml-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .ml-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .ml-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .ml-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .ml-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .ml-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .ml-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .ml-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .ml-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .ml-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .ml-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .ml-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .ml-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .ml-as-col-3 {
    grid-column: 3;
  }
  .ml-as-col-span-3 {
    grid-column-start: span 3;
  }
  .ml-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .ml-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .ml-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .ml-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .ml-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .ml-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .ml-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .ml-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .ml-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .ml-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .ml-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .ml-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .ml-as-col-4 {
    grid-column: 4;
  }
  .ml-as-col-span-4 {
    grid-column-start: span 4;
  }
  .ml-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .ml-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .ml-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .ml-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .ml-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .ml-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .ml-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .ml-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .ml-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .ml-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .ml-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .ml-as-col-5 {
    grid-column: 5;
  }
  .ml-as-col-span-5 {
    grid-column-start: span 5;
  }
  .ml-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .ml-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .ml-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .ml-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .ml-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .ml-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .ml-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .ml-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .ml-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .ml-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .ml-as-col-6 {
    grid-column: 6;
  }
  .ml-as-col-span-6 {
    grid-column-start: span 6;
  }
  .ml-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .ml-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .ml-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .ml-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .ml-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .ml-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .ml-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .ml-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .ml-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .ml-as-col-7 {
    grid-column: 7;
  }
  .ml-as-col-span-7 {
    grid-column-start: span 7;
  }
  .ml-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .ml-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .ml-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .ml-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .ml-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .ml-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .ml-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .ml-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .ml-as-col-8 {
    grid-column: 8;
  }
  .ml-as-col-span-8 {
    grid-column-start: span 8;
  }
  .ml-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .ml-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .ml-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .ml-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .ml-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .ml-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .ml-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .ml-as-col-9 {
    grid-column: 9;
  }
  .ml-as-col-span-9 {
    grid-column-start: span 9;
  }
  .ml-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .ml-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .ml-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .ml-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .ml-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .ml-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .ml-as-col-10 {
    grid-column: 10;
  }
  .ml-as-col-span-10 {
    grid-column-start: span 10;
  }
  .ml-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .ml-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .ml-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .ml-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .ml-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .ml-as-col-11 {
    grid-column: 11;
  }
  .ml-as-col-span-11 {
    grid-column-start: span 11;
  }
  .ml-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .ml-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .ml-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .ml-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .ml-as-col-12 {
    grid-column: 12;
  }
  .ml-as-col-span-12 {
    grid-column-start: span 12;
  }
  .ml-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .ml-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .ml-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .ml-as-col-13 {
    grid-column: 13;
  }
  .ml-as-col-span-13 {
    grid-column-start: span 13;
  }
  .ml-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .ml-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .ml-as-col-14 {
    grid-column: 14;
  }
  .ml-as-col-span-14 {
    grid-column-start: span 14;
  }
  .ml-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-1 {
    grid-column: 1;
  }
  .mp-as-col-span-1 {
    grid-column-start: span 1;
  }
  .mp-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .mp-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .mp-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .mp-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .mp-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .mp-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .mp-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .mp-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .mp-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .mp-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .mp-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .mp-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .mp-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .mp-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .mp-as-col-2 {
    grid-column: 2;
  }
  .mp-as-col-span-2 {
    grid-column-start: span 2;
  }
  .mp-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .mp-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .mp-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .mp-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .mp-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .mp-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .mp-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .mp-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .mp-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .mp-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .mp-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .mp-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .mp-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .mp-as-col-3 {
    grid-column: 3;
  }
  .mp-as-col-span-3 {
    grid-column-start: span 3;
  }
  .mp-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .mp-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .mp-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .mp-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .mp-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .mp-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .mp-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .mp-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .mp-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .mp-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .mp-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .mp-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .mp-as-col-4 {
    grid-column: 4;
  }
  .mp-as-col-span-4 {
    grid-column-start: span 4;
  }
  .mp-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .mp-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .mp-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .mp-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .mp-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .mp-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .mp-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .mp-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .mp-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .mp-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .mp-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .mp-as-col-5 {
    grid-column: 5;
  }
  .mp-as-col-span-5 {
    grid-column-start: span 5;
  }
  .mp-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .mp-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .mp-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .mp-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .mp-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .mp-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .mp-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .mp-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .mp-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .mp-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .mp-as-col-6 {
    grid-column: 6;
  }
  .mp-as-col-span-6 {
    grid-column-start: span 6;
  }
  .mp-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .mp-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .mp-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .mp-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .mp-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .mp-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .mp-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .mp-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .mp-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .mp-as-col-7 {
    grid-column: 7;
  }
  .mp-as-col-span-7 {
    grid-column-start: span 7;
  }
  .mp-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .mp-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .mp-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .mp-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .mp-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .mp-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .mp-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .mp-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .mp-as-col-8 {
    grid-column: 8;
  }
  .mp-as-col-span-8 {
    grid-column-start: span 8;
  }
  .mp-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .mp-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .mp-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .mp-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .mp-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .mp-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .mp-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .mp-as-col-9 {
    grid-column: 9;
  }
  .mp-as-col-span-9 {
    grid-column-start: span 9;
  }
  .mp-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .mp-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .mp-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .mp-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .mp-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .mp-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .mp-as-col-10 {
    grid-column: 10;
  }
  .mp-as-col-span-10 {
    grid-column-start: span 10;
  }
  .mp-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .mp-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .mp-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .mp-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .mp-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .mp-as-col-11 {
    grid-column: 11;
  }
  .mp-as-col-span-11 {
    grid-column-start: span 11;
  }
  .mp-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .mp-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .mp-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .mp-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .mp-as-col-12 {
    grid-column: 12;
  }
  .mp-as-col-span-12 {
    grid-column-start: span 12;
  }
  .mp-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .mp-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .mp-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .mp-as-col-13 {
    grid-column: 13;
  }
  .mp-as-col-span-13 {
    grid-column-start: span 13;
  }
  .mp-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .mp-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .mp-as-col-14 {
    grid-column: 14;
  }
  .mp-as-col-span-14 {
    grid-column-start: span 14;
  }
  .mp-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-1 {
    grid-column: 1;
  }
  .t-as-col-span-1 {
    grid-column-start: span 1;
  }
  .t-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .t-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .t-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .t-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .t-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .t-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .t-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .t-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .t-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .t-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .t-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .t-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .t-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .t-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .t-as-col-2 {
    grid-column: 2;
  }
  .t-as-col-span-2 {
    grid-column-start: span 2;
  }
  .t-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .t-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .t-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .t-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .t-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .t-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .t-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .t-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .t-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .t-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .t-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .t-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .t-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .t-as-col-3 {
    grid-column: 3;
  }
  .t-as-col-span-3 {
    grid-column-start: span 3;
  }
  .t-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .t-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .t-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .t-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .t-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .t-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .t-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .t-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .t-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .t-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .t-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .t-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .t-as-col-4 {
    grid-column: 4;
  }
  .t-as-col-span-4 {
    grid-column-start: span 4;
  }
  .t-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .t-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .t-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .t-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .t-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .t-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .t-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .t-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .t-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .t-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .t-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .t-as-col-5 {
    grid-column: 5;
  }
  .t-as-col-span-5 {
    grid-column-start: span 5;
  }
  .t-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .t-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .t-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .t-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .t-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .t-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .t-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .t-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .t-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .t-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .t-as-col-6 {
    grid-column: 6;
  }
  .t-as-col-span-6 {
    grid-column-start: span 6;
  }
  .t-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .t-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .t-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .t-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .t-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .t-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .t-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .t-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .t-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .t-as-col-7 {
    grid-column: 7;
  }
  .t-as-col-span-7 {
    grid-column-start: span 7;
  }
  .t-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .t-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .t-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .t-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .t-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .t-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .t-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .t-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .t-as-col-8 {
    grid-column: 8;
  }
  .t-as-col-span-8 {
    grid-column-start: span 8;
  }
  .t-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .t-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .t-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .t-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .t-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .t-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .t-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .t-as-col-9 {
    grid-column: 9;
  }
  .t-as-col-span-9 {
    grid-column-start: span 9;
  }
  .t-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .t-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .t-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .t-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .t-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .t-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .t-as-col-10 {
    grid-column: 10;
  }
  .t-as-col-span-10 {
    grid-column-start: span 10;
  }
  .t-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .t-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .t-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .t-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .t-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .t-as-col-11 {
    grid-column: 11;
  }
  .t-as-col-span-11 {
    grid-column-start: span 11;
  }
  .t-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .t-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .t-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .t-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .t-as-col-12 {
    grid-column: 12;
  }
  .t-as-col-span-12 {
    grid-column-start: span 12;
  }
  .t-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .t-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .t-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .t-as-col-13 {
    grid-column: 13;
  }
  .t-as-col-span-13 {
    grid-column-start: span 13;
  }
  .t-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .t-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .t-as-col-14 {
    grid-column: 14;
  }
  .t-as-col-span-14 {
    grid-column-start: span 14;
  }
  .t-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-1 {
    grid-column: 1;
  }
  .tl-as-col-span-1 {
    grid-column-start: span 1;
  }
  .tl-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .tl-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .tl-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .tl-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .tl-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .tl-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .tl-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .tl-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .tl-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .tl-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .tl-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .tl-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .tl-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .tl-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .tl-as-col-2 {
    grid-column: 2;
  }
  .tl-as-col-span-2 {
    grid-column-start: span 2;
  }
  .tl-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .tl-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .tl-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .tl-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .tl-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .tl-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .tl-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .tl-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .tl-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .tl-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .tl-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .tl-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .tl-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .tl-as-col-3 {
    grid-column: 3;
  }
  .tl-as-col-span-3 {
    grid-column-start: span 3;
  }
  .tl-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .tl-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .tl-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .tl-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .tl-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .tl-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .tl-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .tl-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .tl-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .tl-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .tl-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .tl-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .tl-as-col-4 {
    grid-column: 4;
  }
  .tl-as-col-span-4 {
    grid-column-start: span 4;
  }
  .tl-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .tl-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .tl-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .tl-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .tl-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .tl-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .tl-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .tl-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .tl-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .tl-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .tl-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .tl-as-col-5 {
    grid-column: 5;
  }
  .tl-as-col-span-5 {
    grid-column-start: span 5;
  }
  .tl-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .tl-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .tl-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .tl-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .tl-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .tl-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .tl-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .tl-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .tl-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .tl-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .tl-as-col-6 {
    grid-column: 6;
  }
  .tl-as-col-span-6 {
    grid-column-start: span 6;
  }
  .tl-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .tl-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .tl-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .tl-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .tl-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .tl-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .tl-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .tl-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .tl-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .tl-as-col-7 {
    grid-column: 7;
  }
  .tl-as-col-span-7 {
    grid-column-start: span 7;
  }
  .tl-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .tl-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .tl-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .tl-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .tl-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .tl-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .tl-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .tl-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .tl-as-col-8 {
    grid-column: 8;
  }
  .tl-as-col-span-8 {
    grid-column-start: span 8;
  }
  .tl-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .tl-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .tl-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .tl-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .tl-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .tl-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .tl-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .tl-as-col-9 {
    grid-column: 9;
  }
  .tl-as-col-span-9 {
    grid-column-start: span 9;
  }
  .tl-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .tl-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .tl-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .tl-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .tl-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .tl-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .tl-as-col-10 {
    grid-column: 10;
  }
  .tl-as-col-span-10 {
    grid-column-start: span 10;
  }
  .tl-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .tl-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .tl-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .tl-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .tl-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .tl-as-col-11 {
    grid-column: 11;
  }
  .tl-as-col-span-11 {
    grid-column-start: span 11;
  }
  .tl-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .tl-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .tl-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .tl-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .tl-as-col-12 {
    grid-column: 12;
  }
  .tl-as-col-span-12 {
    grid-column-start: span 12;
  }
  .tl-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .tl-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .tl-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .tl-as-col-13 {
    grid-column: 13;
  }
  .tl-as-col-span-13 {
    grid-column-start: span 13;
  }
  .tl-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .tl-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .tl-as-col-14 {
    grid-column: 14;
  }
  .tl-as-col-span-14 {
    grid-column-start: span 14;
  }
  .tl-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-1 {
    grid-column: 1;
  }
  .tp-as-col-span-1 {
    grid-column-start: span 1;
  }
  .tp-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .tp-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .tp-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .tp-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .tp-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .tp-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .tp-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .tp-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .tp-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .tp-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .tp-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .tp-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .tp-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .tp-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .tp-as-col-2 {
    grid-column: 2;
  }
  .tp-as-col-span-2 {
    grid-column-start: span 2;
  }
  .tp-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .tp-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .tp-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .tp-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .tp-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .tp-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .tp-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .tp-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .tp-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .tp-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .tp-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .tp-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .tp-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .tp-as-col-3 {
    grid-column: 3;
  }
  .tp-as-col-span-3 {
    grid-column-start: span 3;
  }
  .tp-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .tp-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .tp-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .tp-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .tp-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .tp-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .tp-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .tp-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .tp-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .tp-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .tp-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .tp-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .tp-as-col-4 {
    grid-column: 4;
  }
  .tp-as-col-span-4 {
    grid-column-start: span 4;
  }
  .tp-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .tp-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .tp-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .tp-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .tp-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .tp-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .tp-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .tp-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .tp-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .tp-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .tp-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .tp-as-col-5 {
    grid-column: 5;
  }
  .tp-as-col-span-5 {
    grid-column-start: span 5;
  }
  .tp-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .tp-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .tp-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .tp-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .tp-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .tp-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .tp-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .tp-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .tp-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .tp-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .tp-as-col-6 {
    grid-column: 6;
  }
  .tp-as-col-span-6 {
    grid-column-start: span 6;
  }
  .tp-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .tp-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .tp-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .tp-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .tp-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .tp-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .tp-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .tp-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .tp-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .tp-as-col-7 {
    grid-column: 7;
  }
  .tp-as-col-span-7 {
    grid-column-start: span 7;
  }
  .tp-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .tp-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .tp-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .tp-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .tp-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .tp-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .tp-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .tp-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .tp-as-col-8 {
    grid-column: 8;
  }
  .tp-as-col-span-8 {
    grid-column-start: span 8;
  }
  .tp-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .tp-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .tp-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .tp-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .tp-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .tp-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .tp-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .tp-as-col-9 {
    grid-column: 9;
  }
  .tp-as-col-span-9 {
    grid-column-start: span 9;
  }
  .tp-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .tp-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .tp-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .tp-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .tp-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .tp-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .tp-as-col-10 {
    grid-column: 10;
  }
  .tp-as-col-span-10 {
    grid-column-start: span 10;
  }
  .tp-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .tp-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .tp-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .tp-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .tp-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .tp-as-col-11 {
    grid-column: 11;
  }
  .tp-as-col-span-11 {
    grid-column-start: span 11;
  }
  .tp-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .tp-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .tp-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .tp-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .tp-as-col-12 {
    grid-column: 12;
  }
  .tp-as-col-span-12 {
    grid-column-start: span 12;
  }
  .tp-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .tp-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .tp-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .tp-as-col-13 {
    grid-column: 13;
  }
  .tp-as-col-span-13 {
    grid-column-start: span 13;
  }
  .tp-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .tp-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .tp-as-col-14 {
    grid-column: 14;
  }
  .tp-as-col-span-14 {
    grid-column-start: span 14;
  }
  .tp-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-1 {
    grid-column: 1;
  }
  .d-as-col-span-1 {
    grid-column-start: span 1;
  }
  .d-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .d-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .d-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .d-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .d-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .d-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .d-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .d-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .d-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .d-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .d-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .d-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .d-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .d-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .d-as-col-2 {
    grid-column: 2;
  }
  .d-as-col-span-2 {
    grid-column-start: span 2;
  }
  .d-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .d-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .d-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .d-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .d-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .d-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .d-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .d-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .d-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .d-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .d-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .d-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .d-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .d-as-col-3 {
    grid-column: 3;
  }
  .d-as-col-span-3 {
    grid-column-start: span 3;
  }
  .d-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .d-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .d-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .d-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .d-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .d-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .d-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .d-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .d-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .d-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .d-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .d-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .d-as-col-4 {
    grid-column: 4;
  }
  .d-as-col-span-4 {
    grid-column-start: span 4;
  }
  .d-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .d-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .d-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .d-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .d-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .d-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .d-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .d-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .d-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .d-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .d-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .d-as-col-5 {
    grid-column: 5;
  }
  .d-as-col-span-5 {
    grid-column-start: span 5;
  }
  .d-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .d-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .d-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .d-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .d-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .d-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .d-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .d-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .d-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .d-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .d-as-col-6 {
    grid-column: 6;
  }
  .d-as-col-span-6 {
    grid-column-start: span 6;
  }
  .d-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .d-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .d-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .d-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .d-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .d-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .d-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .d-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .d-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .d-as-col-7 {
    grid-column: 7;
  }
  .d-as-col-span-7 {
    grid-column-start: span 7;
  }
  .d-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .d-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .d-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .d-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .d-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .d-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .d-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .d-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .d-as-col-8 {
    grid-column: 8;
  }
  .d-as-col-span-8 {
    grid-column-start: span 8;
  }
  .d-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .d-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .d-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .d-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .d-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .d-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .d-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .d-as-col-9 {
    grid-column: 9;
  }
  .d-as-col-span-9 {
    grid-column-start: span 9;
  }
  .d-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .d-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .d-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .d-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .d-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .d-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .d-as-col-10 {
    grid-column: 10;
  }
  .d-as-col-span-10 {
    grid-column-start: span 10;
  }
  .d-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .d-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .d-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .d-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .d-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .d-as-col-11 {
    grid-column: 11;
  }
  .d-as-col-span-11 {
    grid-column-start: span 11;
  }
  .d-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .d-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .d-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .d-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .d-as-col-12 {
    grid-column: 12;
  }
  .d-as-col-span-12 {
    grid-column-start: span 12;
  }
  .d-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .d-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .d-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .d-as-col-13 {
    grid-column: 13;
  }
  .d-as-col-span-13 {
    grid-column-start: span 13;
  }
  .d-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .d-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .d-as-col-14 {
    grid-column: 14;
  }
  .d-as-col-span-14 {
    grid-column-start: span 14;
  }
  .d-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-1 {
    grid-column: 1;
  }
  .dl-as-col-span-1 {
    grid-column-start: span 1;
  }
  .dl-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .dl-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .dl-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .dl-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .dl-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .dl-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .dl-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .dl-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .dl-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .dl-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .dl-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .dl-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .dl-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .dl-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .dl-as-col-2 {
    grid-column: 2;
  }
  .dl-as-col-span-2 {
    grid-column-start: span 2;
  }
  .dl-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .dl-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .dl-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .dl-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .dl-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .dl-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .dl-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .dl-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .dl-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .dl-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .dl-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .dl-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .dl-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .dl-as-col-3 {
    grid-column: 3;
  }
  .dl-as-col-span-3 {
    grid-column-start: span 3;
  }
  .dl-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .dl-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .dl-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .dl-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .dl-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .dl-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .dl-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .dl-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .dl-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .dl-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .dl-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .dl-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .dl-as-col-4 {
    grid-column: 4;
  }
  .dl-as-col-span-4 {
    grid-column-start: span 4;
  }
  .dl-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .dl-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .dl-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .dl-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .dl-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .dl-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .dl-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .dl-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .dl-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .dl-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .dl-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .dl-as-col-5 {
    grid-column: 5;
  }
  .dl-as-col-span-5 {
    grid-column-start: span 5;
  }
  .dl-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .dl-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .dl-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .dl-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .dl-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .dl-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .dl-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .dl-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .dl-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .dl-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .dl-as-col-6 {
    grid-column: 6;
  }
  .dl-as-col-span-6 {
    grid-column-start: span 6;
  }
  .dl-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .dl-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .dl-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .dl-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .dl-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .dl-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .dl-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .dl-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .dl-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .dl-as-col-7 {
    grid-column: 7;
  }
  .dl-as-col-span-7 {
    grid-column-start: span 7;
  }
  .dl-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .dl-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .dl-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .dl-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .dl-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .dl-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .dl-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .dl-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .dl-as-col-8 {
    grid-column: 8;
  }
  .dl-as-col-span-8 {
    grid-column-start: span 8;
  }
  .dl-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .dl-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .dl-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .dl-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .dl-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .dl-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .dl-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .dl-as-col-9 {
    grid-column: 9;
  }
  .dl-as-col-span-9 {
    grid-column-start: span 9;
  }
  .dl-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .dl-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .dl-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .dl-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .dl-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .dl-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .dl-as-col-10 {
    grid-column: 10;
  }
  .dl-as-col-span-10 {
    grid-column-start: span 10;
  }
  .dl-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .dl-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .dl-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .dl-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .dl-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .dl-as-col-11 {
    grid-column: 11;
  }
  .dl-as-col-span-11 {
    grid-column-start: span 11;
  }
  .dl-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .dl-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .dl-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .dl-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .dl-as-col-12 {
    grid-column: 12;
  }
  .dl-as-col-span-12 {
    grid-column-start: span 12;
  }
  .dl-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .dl-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .dl-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .dl-as-col-13 {
    grid-column: 13;
  }
  .dl-as-col-span-13 {
    grid-column-start: span 13;
  }
  .dl-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .dl-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .dl-as-col-14 {
    grid-column: 14;
  }
  .dl-as-col-span-14 {
    grid-column-start: span 14;
  }
  .dl-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-1 {
    grid-column: 1;
  }
  .dp-as-col-span-1 {
    grid-column-start: span 1;
  }
  .dp-as-col-1-span-1 {
    grid-column: 1/span 1;
  }
  .dp-as-col-1-span-2 {
    grid-column: 1/span 2;
  }
  .dp-as-col-1-span-3 {
    grid-column: 1/span 3;
  }
  .dp-as-col-1-span-4 {
    grid-column: 1/span 4;
  }
  .dp-as-col-1-span-5 {
    grid-column: 1/span 5;
  }
  .dp-as-col-1-span-6 {
    grid-column: 1/span 6;
  }
  .dp-as-col-1-span-7 {
    grid-column: 1/span 7;
  }
  .dp-as-col-1-span-8 {
    grid-column: 1/span 8;
  }
  .dp-as-col-1-span-9 {
    grid-column: 1/span 9;
  }
  .dp-as-col-1-span-10 {
    grid-column: 1/span 10;
  }
  .dp-as-col-1-span-11 {
    grid-column: 1/span 11;
  }
  .dp-as-col-1-span-12 {
    grid-column: 1/span 12;
  }
  .dp-as-col-1-span-13 {
    grid-column: 1/span 13;
  }
  .dp-as-col-1-span-14 {
    grid-column: 1/span 14;
  }
  .dp-as-col-2 {
    grid-column: 2;
  }
  .dp-as-col-span-2 {
    grid-column-start: span 2;
  }
  .dp-as-col-2-span-1 {
    grid-column: 2/span 1;
  }
  .dp-as-col-2-span-2 {
    grid-column: 2/span 2;
  }
  .dp-as-col-2-span-3 {
    grid-column: 2/span 3;
  }
  .dp-as-col-2-span-4 {
    grid-column: 2/span 4;
  }
  .dp-as-col-2-span-5 {
    grid-column: 2/span 5;
  }
  .dp-as-col-2-span-6 {
    grid-column: 2/span 6;
  }
  .dp-as-col-2-span-7 {
    grid-column: 2/span 7;
  }
  .dp-as-col-2-span-8 {
    grid-column: 2/span 8;
  }
  .dp-as-col-2-span-9 {
    grid-column: 2/span 9;
  }
  .dp-as-col-2-span-10 {
    grid-column: 2/span 10;
  }
  .dp-as-col-2-span-11 {
    grid-column: 2/span 11;
  }
  .dp-as-col-2-span-12 {
    grid-column: 2/span 12;
  }
  .dp-as-col-2-span-13 {
    grid-column: 2/span 13;
  }
  .dp-as-col-3 {
    grid-column: 3;
  }
  .dp-as-col-span-3 {
    grid-column-start: span 3;
  }
  .dp-as-col-3-span-1 {
    grid-column: 3/span 1;
  }
  .dp-as-col-3-span-2 {
    grid-column: 3/span 2;
  }
  .dp-as-col-3-span-3 {
    grid-column: 3/span 3;
  }
  .dp-as-col-3-span-4 {
    grid-column: 3/span 4;
  }
  .dp-as-col-3-span-5 {
    grid-column: 3/span 5;
  }
  .dp-as-col-3-span-6 {
    grid-column: 3/span 6;
  }
  .dp-as-col-3-span-7 {
    grid-column: 3/span 7;
  }
  .dp-as-col-3-span-8 {
    grid-column: 3/span 8;
  }
  .dp-as-col-3-span-9 {
    grid-column: 3/span 9;
  }
  .dp-as-col-3-span-10 {
    grid-column: 3/span 10;
  }
  .dp-as-col-3-span-11 {
    grid-column: 3/span 11;
  }
  .dp-as-col-3-span-12 {
    grid-column: 3/span 12;
  }
  .dp-as-col-4 {
    grid-column: 4;
  }
  .dp-as-col-span-4 {
    grid-column-start: span 4;
  }
  .dp-as-col-4-span-1 {
    grid-column: 4/span 1;
  }
  .dp-as-col-4-span-2 {
    grid-column: 4/span 2;
  }
  .dp-as-col-4-span-3 {
    grid-column: 4/span 3;
  }
  .dp-as-col-4-span-4 {
    grid-column: 4/span 4;
  }
  .dp-as-col-4-span-5 {
    grid-column: 4/span 5;
  }
  .dp-as-col-4-span-6 {
    grid-column: 4/span 6;
  }
  .dp-as-col-4-span-7 {
    grid-column: 4/span 7;
  }
  .dp-as-col-4-span-8 {
    grid-column: 4/span 8;
  }
  .dp-as-col-4-span-9 {
    grid-column: 4/span 9;
  }
  .dp-as-col-4-span-10 {
    grid-column: 4/span 10;
  }
  .dp-as-col-4-span-11 {
    grid-column: 4/span 11;
  }
  .dp-as-col-5 {
    grid-column: 5;
  }
  .dp-as-col-span-5 {
    grid-column-start: span 5;
  }
  .dp-as-col-5-span-1 {
    grid-column: 5/span 1;
  }
  .dp-as-col-5-span-2 {
    grid-column: 5/span 2;
  }
  .dp-as-col-5-span-3 {
    grid-column: 5/span 3;
  }
  .dp-as-col-5-span-4 {
    grid-column: 5/span 4;
  }
  .dp-as-col-5-span-5 {
    grid-column: 5/span 5;
  }
  .dp-as-col-5-span-6 {
    grid-column: 5/span 6;
  }
  .dp-as-col-5-span-7 {
    grid-column: 5/span 7;
  }
  .dp-as-col-5-span-8 {
    grid-column: 5/span 8;
  }
  .dp-as-col-5-span-9 {
    grid-column: 5/span 9;
  }
  .dp-as-col-5-span-10 {
    grid-column: 5/span 10;
  }
  .dp-as-col-6 {
    grid-column: 6;
  }
  .dp-as-col-span-6 {
    grid-column-start: span 6;
  }
  .dp-as-col-6-span-1 {
    grid-column: 6/span 1;
  }
  .dp-as-col-6-span-2 {
    grid-column: 6/span 2;
  }
  .dp-as-col-6-span-3 {
    grid-column: 6/span 3;
  }
  .dp-as-col-6-span-4 {
    grid-column: 6/span 4;
  }
  .dp-as-col-6-span-5 {
    grid-column: 6/span 5;
  }
  .dp-as-col-6-span-6 {
    grid-column: 6/span 6;
  }
  .dp-as-col-6-span-7 {
    grid-column: 6/span 7;
  }
  .dp-as-col-6-span-8 {
    grid-column: 6/span 8;
  }
  .dp-as-col-6-span-9 {
    grid-column: 6/span 9;
  }
  .dp-as-col-7 {
    grid-column: 7;
  }
  .dp-as-col-span-7 {
    grid-column-start: span 7;
  }
  .dp-as-col-7-span-1 {
    grid-column: 7/span 1;
  }
  .dp-as-col-7-span-2 {
    grid-column: 7/span 2;
  }
  .dp-as-col-7-span-3 {
    grid-column: 7/span 3;
  }
  .dp-as-col-7-span-4 {
    grid-column: 7/span 4;
  }
  .dp-as-col-7-span-5 {
    grid-column: 7/span 5;
  }
  .dp-as-col-7-span-6 {
    grid-column: 7/span 6;
  }
  .dp-as-col-7-span-7 {
    grid-column: 7/span 7;
  }
  .dp-as-col-7-span-8 {
    grid-column: 7/span 8;
  }
  .dp-as-col-8 {
    grid-column: 8;
  }
  .dp-as-col-span-8 {
    grid-column-start: span 8;
  }
  .dp-as-col-8-span-1 {
    grid-column: 8/span 1;
  }
  .dp-as-col-8-span-2 {
    grid-column: 8/span 2;
  }
  .dp-as-col-8-span-3 {
    grid-column: 8/span 3;
  }
  .dp-as-col-8-span-4 {
    grid-column: 8/span 4;
  }
  .dp-as-col-8-span-5 {
    grid-column: 8/span 5;
  }
  .dp-as-col-8-span-6 {
    grid-column: 8/span 6;
  }
  .dp-as-col-8-span-7 {
    grid-column: 8/span 7;
  }
  .dp-as-col-9 {
    grid-column: 9;
  }
  .dp-as-col-span-9 {
    grid-column-start: span 9;
  }
  .dp-as-col-9-span-1 {
    grid-column: 9/span 1;
  }
  .dp-as-col-9-span-2 {
    grid-column: 9/span 2;
  }
  .dp-as-col-9-span-3 {
    grid-column: 9/span 3;
  }
  .dp-as-col-9-span-4 {
    grid-column: 9/span 4;
  }
  .dp-as-col-9-span-5 {
    grid-column: 9/span 5;
  }
  .dp-as-col-9-span-6 {
    grid-column: 9/span 6;
  }
  .dp-as-col-10 {
    grid-column: 10;
  }
  .dp-as-col-span-10 {
    grid-column-start: span 10;
  }
  .dp-as-col-10-span-1 {
    grid-column: 10/span 1;
  }
  .dp-as-col-10-span-2 {
    grid-column: 10/span 2;
  }
  .dp-as-col-10-span-3 {
    grid-column: 10/span 3;
  }
  .dp-as-col-10-span-4 {
    grid-column: 10/span 4;
  }
  .dp-as-col-10-span-5 {
    grid-column: 10/span 5;
  }
  .dp-as-col-11 {
    grid-column: 11;
  }
  .dp-as-col-span-11 {
    grid-column-start: span 11;
  }
  .dp-as-col-11-span-1 {
    grid-column: 11/span 1;
  }
  .dp-as-col-11-span-2 {
    grid-column: 11/span 2;
  }
  .dp-as-col-11-span-3 {
    grid-column: 11/span 3;
  }
  .dp-as-col-11-span-4 {
    grid-column: 11/span 4;
  }
  .dp-as-col-12 {
    grid-column: 12;
  }
  .dp-as-col-span-12 {
    grid-column-start: span 12;
  }
  .dp-as-col-12-span-1 {
    grid-column: 12/span 1;
  }
  .dp-as-col-12-span-2 {
    grid-column: 12/span 2;
  }
  .dp-as-col-12-span-3 {
    grid-column: 12/span 3;
  }
  .dp-as-col-13 {
    grid-column: 13;
  }
  .dp-as-col-span-13 {
    grid-column-start: span 13;
  }
  .dp-as-col-13-span-1 {
    grid-column: 13/span 1;
  }
  .dp-as-col-13-span-2 {
    grid-column: 13/span 2;
  }
  .dp-as-col-14 {
    grid-column: 14;
  }
  .dp-as-col-span-14 {
    grid-column-start: span 14;
  }
  .dp-as-col-14-span-1 {
    grid-column: 14/span 1;
  }
}
.as-col-1 {
  grid-column: 1;
}

.as-col-span-1 {
  grid-column-start: span 1;
}

.as-col-1-span-1 {
  grid-column: 1/span 1;
}

.as-col-1-span-2 {
  grid-column: 1/span 2;
}

.as-col-1-span-3 {
  grid-column: 1/span 3;
}

.as-col-1-span-4 {
  grid-column: 1/span 4;
}

.as-col-1-span-5 {
  grid-column: 1/span 5;
}

.as-col-1-span-6 {
  grid-column: 1/span 6;
}

.as-col-1-span-7 {
  grid-column: 1/span 7;
}

.as-col-1-span-8 {
  grid-column: 1/span 8;
}

.as-col-1-span-9 {
  grid-column: 1/span 9;
}

.as-col-1-span-10 {
  grid-column: 1/span 10;
}

.as-col-1-span-11 {
  grid-column: 1/span 11;
}

.as-col-1-span-12 {
  grid-column: 1/span 12;
}

.as-col-1-span-13 {
  grid-column: 1/span 13;
}

.as-col-1-span-14 {
  grid-column: 1/span 14;
}

.as-col-2 {
  grid-column: 2;
}

.as-col-span-2 {
  grid-column-start: span 2;
}

.as-col-2-span-1 {
  grid-column: 2/span 1;
}

.as-col-2-span-2 {
  grid-column: 2/span 2;
}

.as-col-2-span-3 {
  grid-column: 2/span 3;
}

.as-col-2-span-4 {
  grid-column: 2/span 4;
}

.as-col-2-span-5 {
  grid-column: 2/span 5;
}

.as-col-2-span-6 {
  grid-column: 2/span 6;
}

.as-col-2-span-7 {
  grid-column: 2/span 7;
}

.as-col-2-span-8 {
  grid-column: 2/span 8;
}

.as-col-2-span-9 {
  grid-column: 2/span 9;
}

.as-col-2-span-10 {
  grid-column: 2/span 10;
}

.as-col-2-span-11 {
  grid-column: 2/span 11;
}

.as-col-2-span-12 {
  grid-column: 2/span 12;
}

.as-col-2-span-13 {
  grid-column: 2/span 13;
}

.as-col-3 {
  grid-column: 3;
}

.as-col-span-3 {
  grid-column-start: span 3;
}

.as-col-3-span-1 {
  grid-column: 3/span 1;
}

.as-col-3-span-2 {
  grid-column: 3/span 2;
}

.as-col-3-span-3 {
  grid-column: 3/span 3;
}

.as-col-3-span-4 {
  grid-column: 3/span 4;
}

.as-col-3-span-5 {
  grid-column: 3/span 5;
}

.as-col-3-span-6 {
  grid-column: 3/span 6;
}

.as-col-3-span-7 {
  grid-column: 3/span 7;
}

.as-col-3-span-8 {
  grid-column: 3/span 8;
}

.as-col-3-span-9 {
  grid-column: 3/span 9;
}

.as-col-3-span-10 {
  grid-column: 3/span 10;
}

.as-col-3-span-11 {
  grid-column: 3/span 11;
}

.as-col-3-span-12 {
  grid-column: 3/span 12;
}

.as-col-4 {
  grid-column: 4;
}

.as-col-span-4 {
  grid-column-start: span 4;
}

.as-col-4-span-1 {
  grid-column: 4/span 1;
}

.as-col-4-span-2 {
  grid-column: 4/span 2;
}

.as-col-4-span-3 {
  grid-column: 4/span 3;
}

.as-col-4-span-4 {
  grid-column: 4/span 4;
}

.as-col-4-span-5 {
  grid-column: 4/span 5;
}

.as-col-4-span-6 {
  grid-column: 4/span 6;
}

.as-col-4-span-7 {
  grid-column: 4/span 7;
}

.as-col-4-span-8 {
  grid-column: 4/span 8;
}

.as-col-4-span-9 {
  grid-column: 4/span 9;
}

.as-col-4-span-10 {
  grid-column: 4/span 10;
}

.as-col-4-span-11 {
  grid-column: 4/span 11;
}

.as-col-5 {
  grid-column: 5;
}

.as-col-span-5 {
  grid-column-start: span 5;
}

.as-col-5-span-1 {
  grid-column: 5/span 1;
}

.as-col-5-span-2 {
  grid-column: 5/span 2;
}

.as-col-5-span-3 {
  grid-column: 5/span 3;
}

.as-col-5-span-4 {
  grid-column: 5/span 4;
}

.as-col-5-span-5 {
  grid-column: 5/span 5;
}

.as-col-5-span-6 {
  grid-column: 5/span 6;
}

.as-col-5-span-7 {
  grid-column: 5/span 7;
}

.as-col-5-span-8 {
  grid-column: 5/span 8;
}

.as-col-5-span-9 {
  grid-column: 5/span 9;
}

.as-col-5-span-10 {
  grid-column: 5/span 10;
}

.as-col-6 {
  grid-column: 6;
}

.as-col-span-6 {
  grid-column-start: span 6;
}

.as-col-6-span-1 {
  grid-column: 6/span 1;
}

.as-col-6-span-2 {
  grid-column: 6/span 2;
}

.as-col-6-span-3 {
  grid-column: 6/span 3;
}

.as-col-6-span-4 {
  grid-column: 6/span 4;
}

.as-col-6-span-5 {
  grid-column: 6/span 5;
}

.as-col-6-span-6 {
  grid-column: 6/span 6;
}

.as-col-6-span-7 {
  grid-column: 6/span 7;
}

.as-col-6-span-8 {
  grid-column: 6/span 8;
}

.as-col-6-span-9 {
  grid-column: 6/span 9;
}

.as-col-7 {
  grid-column: 7;
}

.as-col-span-7 {
  grid-column-start: span 7;
}

.as-col-7-span-1 {
  grid-column: 7/span 1;
}

.as-col-7-span-2 {
  grid-column: 7/span 2;
}

.as-col-7-span-3 {
  grid-column: 7/span 3;
}

.as-col-7-span-4 {
  grid-column: 7/span 4;
}

.as-col-7-span-5 {
  grid-column: 7/span 5;
}

.as-col-7-span-6 {
  grid-column: 7/span 6;
}

.as-col-7-span-7 {
  grid-column: 7/span 7;
}

.as-col-7-span-8 {
  grid-column: 7/span 8;
}

.as-col-8 {
  grid-column: 8;
}

.as-col-span-8 {
  grid-column-start: span 8;
}

.as-col-8-span-1 {
  grid-column: 8/span 1;
}

.as-col-8-span-2 {
  grid-column: 8/span 2;
}

.as-col-8-span-3 {
  grid-column: 8/span 3;
}

.as-col-8-span-4 {
  grid-column: 8/span 4;
}

.as-col-8-span-5 {
  grid-column: 8/span 5;
}

.as-col-8-span-6 {
  grid-column: 8/span 6;
}

.as-col-8-span-7 {
  grid-column: 8/span 7;
}

.as-col-9 {
  grid-column: 9;
}

.as-col-span-9 {
  grid-column-start: span 9;
}

.as-col-9-span-1 {
  grid-column: 9/span 1;
}

.as-col-9-span-2 {
  grid-column: 9/span 2;
}

.as-col-9-span-3 {
  grid-column: 9/span 3;
}

.as-col-9-span-4 {
  grid-column: 9/span 4;
}

.as-col-9-span-5 {
  grid-column: 9/span 5;
}

.as-col-9-span-6 {
  grid-column: 9/span 6;
}

.as-col-10 {
  grid-column: 10;
}

.as-col-span-10 {
  grid-column-start: span 10;
}

.as-col-10-span-1 {
  grid-column: 10/span 1;
}

.as-col-10-span-2 {
  grid-column: 10/span 2;
}

.as-col-10-span-3 {
  grid-column: 10/span 3;
}

.as-col-10-span-4 {
  grid-column: 10/span 4;
}

.as-col-10-span-5 {
  grid-column: 10/span 5;
}

.as-col-11 {
  grid-column: 11;
}

.as-col-span-11 {
  grid-column-start: span 11;
}

.as-col-11-span-1 {
  grid-column: 11/span 1;
}

.as-col-11-span-2 {
  grid-column: 11/span 2;
}

.as-col-11-span-3 {
  grid-column: 11/span 3;
}

.as-col-11-span-4 {
  grid-column: 11/span 4;
}

.as-col-12 {
  grid-column: 12;
}

.as-col-span-12 {
  grid-column-start: span 12;
}

.as-col-12-span-1 {
  grid-column: 12/span 1;
}

.as-col-12-span-2 {
  grid-column: 12/span 2;
}

.as-col-12-span-3 {
  grid-column: 12/span 3;
}

.as-col-13 {
  grid-column: 13;
}

.as-col-span-13 {
  grid-column-start: span 13;
}

.as-col-13-span-1 {
  grid-column: 13/span 1;
}

.as-col-13-span-2 {
  grid-column: 13/span 2;
}

.as-col-14 {
  grid-column: 14;
}

.as-col-span-14 {
  grid-column-start: span 14;
}

.as-col-14-span-1 {
  grid-column: 14/span 1;
}

.as-col-reverse {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-reverse {
    flex-direction: row-reverse;
  }
}
.as-col-pull-left {
  margin-left: calc(var(--page-grid-gap) * -1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-left {
    margin-left: calc(var(--page-grid-gap) * -1);
  }
}
.as-col-pull-half-left {
  margin-left: calc(var(--page-grid-gap) * -0.5);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-half-left {
    margin-left: calc(var(--page-grid-gap) * -0.5);
  }
}
.as-col-pull-double-left {
  margin-left: calc(var(--page-grid-gap) * -2);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-double-left {
    margin-left: calc(var(--page-grid-gap) * -2);
  }
}
.as-col-pull-right {
  margin-right: calc(var(--page-grid-gap) * -1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-right {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
}
.as-col-pull-half-right {
  margin-right: calc(var(--page-grid-gap) * -0.5);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-half-right {
    margin-right: calc(var(--page-grid-gap) * -0.5);
  }
}
.as-col-pull-double-right {
  margin-right: calc(var(--page-grid-gap) * -2);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-double-right {
    margin-right: calc(var(--page-grid-gap) * -2);
  }
}
.as-col-pull-top {
  margin-top: calc(var(--page-grid-gap) * -1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-top {
    margin-top: calc(var(--page-grid-gap) * -1);
  }
}
.as-col-pull-half-top {
  margin-top: calc(var(--page-grid-gap) * -0.5);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-half-top {
    margin-top: calc(var(--page-grid-gap) * -0.5);
  }
}
.as-col-pull-double-top {
  margin-top: calc(var(--page-grid-gap) * -2);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-double-top {
    margin-top: calc(var(--page-grid-gap) * -2);
  }
}
.as-col-pull-bot {
  margin-bottom: calc(var(--page-grid-gap) * -1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-bot {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
}
.as-col-pull-half-bot {
  margin-bottom: calc(var(--page-grid-gap) * -0.5);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-half-bot {
    margin-bottom: calc(var(--page-grid-gap) * -0.5);
  }
}
.as-col-pull-double-bot {
  margin-bottom: calc(var(--page-grid-gap) * -2);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-pull-double-bot {
    margin-bottom: calc(var(--page-grid-gap) * -2);
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-col-order--5 {
    order: -5;
  }
  .m-as-col-order--4 {
    order: -4;
  }
  .m-as-col-order--3 {
    order: -3;
  }
  .m-as-col-order--2 {
    order: -2;
  }
  .m-as-col-order--1 {
    order: -1;
  }
  .m-as-col-order-0 {
    order: 0;
  }
  .m-as-col-order-1 {
    order: 1;
  }
  .m-as-col-order-2 {
    order: 2;
  }
  .m-as-col-order-3 {
    order: 3;
  }
  .m-as-col-order-4 {
    order: 4;
  }
  .m-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-col-order--5 {
    order: -5;
  }
  .ml-as-col-order--4 {
    order: -4;
  }
  .ml-as-col-order--3 {
    order: -3;
  }
  .ml-as-col-order--2 {
    order: -2;
  }
  .ml-as-col-order--1 {
    order: -1;
  }
  .ml-as-col-order-0 {
    order: 0;
  }
  .ml-as-col-order-1 {
    order: 1;
  }
  .ml-as-col-order-2 {
    order: 2;
  }
  .ml-as-col-order-3 {
    order: 3;
  }
  .ml-as-col-order-4 {
    order: 4;
  }
  .ml-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-col-order--5 {
    order: -5;
  }
  .mp-as-col-order--4 {
    order: -4;
  }
  .mp-as-col-order--3 {
    order: -3;
  }
  .mp-as-col-order--2 {
    order: -2;
  }
  .mp-as-col-order--1 {
    order: -1;
  }
  .mp-as-col-order-0 {
    order: 0;
  }
  .mp-as-col-order-1 {
    order: 1;
  }
  .mp-as-col-order-2 {
    order: 2;
  }
  .mp-as-col-order-3 {
    order: 3;
  }
  .mp-as-col-order-4 {
    order: 4;
  }
  .mp-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-col-order--5 {
    order: -5;
  }
  .t-as-col-order--4 {
    order: -4;
  }
  .t-as-col-order--3 {
    order: -3;
  }
  .t-as-col-order--2 {
    order: -2;
  }
  .t-as-col-order--1 {
    order: -1;
  }
  .t-as-col-order-0 {
    order: 0;
  }
  .t-as-col-order-1 {
    order: 1;
  }
  .t-as-col-order-2 {
    order: 2;
  }
  .t-as-col-order-3 {
    order: 3;
  }
  .t-as-col-order-4 {
    order: 4;
  }
  .t-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-col-order--5 {
    order: -5;
  }
  .tl-as-col-order--4 {
    order: -4;
  }
  .tl-as-col-order--3 {
    order: -3;
  }
  .tl-as-col-order--2 {
    order: -2;
  }
  .tl-as-col-order--1 {
    order: -1;
  }
  .tl-as-col-order-0 {
    order: 0;
  }
  .tl-as-col-order-1 {
    order: 1;
  }
  .tl-as-col-order-2 {
    order: 2;
  }
  .tl-as-col-order-3 {
    order: 3;
  }
  .tl-as-col-order-4 {
    order: 4;
  }
  .tl-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-col-order--5 {
    order: -5;
  }
  .tp-as-col-order--4 {
    order: -4;
  }
  .tp-as-col-order--3 {
    order: -3;
  }
  .tp-as-col-order--2 {
    order: -2;
  }
  .tp-as-col-order--1 {
    order: -1;
  }
  .tp-as-col-order-0 {
    order: 0;
  }
  .tp-as-col-order-1 {
    order: 1;
  }
  .tp-as-col-order-2 {
    order: 2;
  }
  .tp-as-col-order-3 {
    order: 3;
  }
  .tp-as-col-order-4 {
    order: 4;
  }
  .tp-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-col-order--5 {
    order: -5;
  }
  .d-as-col-order--4 {
    order: -4;
  }
  .d-as-col-order--3 {
    order: -3;
  }
  .d-as-col-order--2 {
    order: -2;
  }
  .d-as-col-order--1 {
    order: -1;
  }
  .d-as-col-order-0 {
    order: 0;
  }
  .d-as-col-order-1 {
    order: 1;
  }
  .d-as-col-order-2 {
    order: 2;
  }
  .d-as-col-order-3 {
    order: 3;
  }
  .d-as-col-order-4 {
    order: 4;
  }
  .d-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-col-order--5 {
    order: -5;
  }
  .dl-as-col-order--4 {
    order: -4;
  }
  .dl-as-col-order--3 {
    order: -3;
  }
  .dl-as-col-order--2 {
    order: -2;
  }
  .dl-as-col-order--1 {
    order: -1;
  }
  .dl-as-col-order-0 {
    order: 0;
  }
  .dl-as-col-order-1 {
    order: 1;
  }
  .dl-as-col-order-2 {
    order: 2;
  }
  .dl-as-col-order-3 {
    order: 3;
  }
  .dl-as-col-order-4 {
    order: 4;
  }
  .dl-as-col-order-5 {
    order: 5;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-col-order--5 {
    order: -5;
  }
  .dp-as-col-order--4 {
    order: -4;
  }
  .dp-as-col-order--3 {
    order: -3;
  }
  .dp-as-col-order--2 {
    order: -2;
  }
  .dp-as-col-order--1 {
    order: -1;
  }
  .dp-as-col-order-0 {
    order: 0;
  }
  .dp-as-col-order-1 {
    order: 1;
  }
  .dp-as-col-order-2 {
    order: 2;
  }
  .dp-as-col-order-3 {
    order: 3;
  }
  .dp-as-col-order-4 {
    order: 4;
  }
  .dp-as-col-order-5 {
    order: 5;
  }
}
.as-col-order--5 {
  order: -5;
}

.as-col-order--4 {
  order: -4;
}

.as-col-order--3 {
  order: -3;
}

.as-col-order--2 {
  order: -2;
}

.as-col-order--1 {
  order: -1;
}

.as-col-order-0 {
  order: 0;
}

.as-col-order-1 {
  order: 1;
}

.as-col-order-2 {
  order: 2;
}

.as-col-order-3 {
  order: 3;
}

.as-col-order-4 {
  order: 4;
}

.as-col-order-5 {
  order: 5;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-color-primary-150 {
    color: #060B15;
  }
  .m-as-color-primary-125 {
    color: #0C162A;
  }
  .m-as-color-primary-100 {
    color: #132342;
  }
  .m-as-color-primary-50 {
    color: #8090B0;
  }
  .m-as-color-primary-25 {
    color: #DEE6F6;
  }
  .m-as-color-primary-light-150 {
    color: #74521B;
  }
  .m-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .m-as-color-primary-light-100 {
    color: #D19635;
  }
  .m-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .m-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .m-as-color-secondary-150 {
    color: #6E9595;
  }
  .m-as-color-secondary-125 {
    color: #92B1B1;
  }
  .m-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .m-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .m-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .m-as-color-text-25 {
    color: #C8C8C8;
  }
  .m-as-color-text-100 {
    color: #222222;
  }
  .m-as-color-error-100 {
    color: #D52941;
  }
  .m-as-color-error-25 {
    color: #FAE4E7;
  }
  .m-as-color-success-100 {
    color: #169873;
  }
  .m-as-color-success-25 {
    color: #DAFAF1;
  }
  .m-as-color-hint-100 {
    color: #F2901C;
  }
  .m-as-color-hint-25 {
    color: #F8E6D0;
  }
  .m-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-color-primary-150 {
    color: #060B15;
  }
  .ml-as-color-primary-125 {
    color: #0C162A;
  }
  .ml-as-color-primary-100 {
    color: #132342;
  }
  .ml-as-color-primary-50 {
    color: #8090B0;
  }
  .ml-as-color-primary-25 {
    color: #DEE6F6;
  }
  .ml-as-color-primary-light-150 {
    color: #74521B;
  }
  .ml-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .ml-as-color-primary-light-100 {
    color: #D19635;
  }
  .ml-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .ml-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .ml-as-color-secondary-150 {
    color: #6E9595;
  }
  .ml-as-color-secondary-125 {
    color: #92B1B1;
  }
  .ml-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .ml-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .ml-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .ml-as-color-text-25 {
    color: #C8C8C8;
  }
  .ml-as-color-text-100 {
    color: #222222;
  }
  .ml-as-color-error-100 {
    color: #D52941;
  }
  .ml-as-color-error-25 {
    color: #FAE4E7;
  }
  .ml-as-color-success-100 {
    color: #169873;
  }
  .ml-as-color-success-25 {
    color: #DAFAF1;
  }
  .ml-as-color-hint-100 {
    color: #F2901C;
  }
  .ml-as-color-hint-25 {
    color: #F8E6D0;
  }
  .ml-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-color-primary-150 {
    color: #060B15;
  }
  .mp-as-color-primary-125 {
    color: #0C162A;
  }
  .mp-as-color-primary-100 {
    color: #132342;
  }
  .mp-as-color-primary-50 {
    color: #8090B0;
  }
  .mp-as-color-primary-25 {
    color: #DEE6F6;
  }
  .mp-as-color-primary-light-150 {
    color: #74521B;
  }
  .mp-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .mp-as-color-primary-light-100 {
    color: #D19635;
  }
  .mp-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .mp-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .mp-as-color-secondary-150 {
    color: #6E9595;
  }
  .mp-as-color-secondary-125 {
    color: #92B1B1;
  }
  .mp-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .mp-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .mp-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .mp-as-color-text-25 {
    color: #C8C8C8;
  }
  .mp-as-color-text-100 {
    color: #222222;
  }
  .mp-as-color-error-100 {
    color: #D52941;
  }
  .mp-as-color-error-25 {
    color: #FAE4E7;
  }
  .mp-as-color-success-100 {
    color: #169873;
  }
  .mp-as-color-success-25 {
    color: #DAFAF1;
  }
  .mp-as-color-hint-100 {
    color: #F2901C;
  }
  .mp-as-color-hint-25 {
    color: #F8E6D0;
  }
  .mp-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-color-primary-150 {
    color: #060B15;
  }
  .t-as-color-primary-125 {
    color: #0C162A;
  }
  .t-as-color-primary-100 {
    color: #132342;
  }
  .t-as-color-primary-50 {
    color: #8090B0;
  }
  .t-as-color-primary-25 {
    color: #DEE6F6;
  }
  .t-as-color-primary-light-150 {
    color: #74521B;
  }
  .t-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .t-as-color-primary-light-100 {
    color: #D19635;
  }
  .t-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .t-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .t-as-color-secondary-150 {
    color: #6E9595;
  }
  .t-as-color-secondary-125 {
    color: #92B1B1;
  }
  .t-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .t-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .t-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .t-as-color-text-25 {
    color: #C8C8C8;
  }
  .t-as-color-text-100 {
    color: #222222;
  }
  .t-as-color-error-100 {
    color: #D52941;
  }
  .t-as-color-error-25 {
    color: #FAE4E7;
  }
  .t-as-color-success-100 {
    color: #169873;
  }
  .t-as-color-success-25 {
    color: #DAFAF1;
  }
  .t-as-color-hint-100 {
    color: #F2901C;
  }
  .t-as-color-hint-25 {
    color: #F8E6D0;
  }
  .t-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-color-primary-150 {
    color: #060B15;
  }
  .tl-as-color-primary-125 {
    color: #0C162A;
  }
  .tl-as-color-primary-100 {
    color: #132342;
  }
  .tl-as-color-primary-50 {
    color: #8090B0;
  }
  .tl-as-color-primary-25 {
    color: #DEE6F6;
  }
  .tl-as-color-primary-light-150 {
    color: #74521B;
  }
  .tl-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .tl-as-color-primary-light-100 {
    color: #D19635;
  }
  .tl-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .tl-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .tl-as-color-secondary-150 {
    color: #6E9595;
  }
  .tl-as-color-secondary-125 {
    color: #92B1B1;
  }
  .tl-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .tl-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .tl-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .tl-as-color-text-25 {
    color: #C8C8C8;
  }
  .tl-as-color-text-100 {
    color: #222222;
  }
  .tl-as-color-error-100 {
    color: #D52941;
  }
  .tl-as-color-error-25 {
    color: #FAE4E7;
  }
  .tl-as-color-success-100 {
    color: #169873;
  }
  .tl-as-color-success-25 {
    color: #DAFAF1;
  }
  .tl-as-color-hint-100 {
    color: #F2901C;
  }
  .tl-as-color-hint-25 {
    color: #F8E6D0;
  }
  .tl-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-color-primary-150 {
    color: #060B15;
  }
  .tp-as-color-primary-125 {
    color: #0C162A;
  }
  .tp-as-color-primary-100 {
    color: #132342;
  }
  .tp-as-color-primary-50 {
    color: #8090B0;
  }
  .tp-as-color-primary-25 {
    color: #DEE6F6;
  }
  .tp-as-color-primary-light-150 {
    color: #74521B;
  }
  .tp-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .tp-as-color-primary-light-100 {
    color: #D19635;
  }
  .tp-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .tp-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .tp-as-color-secondary-150 {
    color: #6E9595;
  }
  .tp-as-color-secondary-125 {
    color: #92B1B1;
  }
  .tp-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .tp-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .tp-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .tp-as-color-text-25 {
    color: #C8C8C8;
  }
  .tp-as-color-text-100 {
    color: #222222;
  }
  .tp-as-color-error-100 {
    color: #D52941;
  }
  .tp-as-color-error-25 {
    color: #FAE4E7;
  }
  .tp-as-color-success-100 {
    color: #169873;
  }
  .tp-as-color-success-25 {
    color: #DAFAF1;
  }
  .tp-as-color-hint-100 {
    color: #F2901C;
  }
  .tp-as-color-hint-25 {
    color: #F8E6D0;
  }
  .tp-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-color-primary-150 {
    color: #060B15;
  }
  .d-as-color-primary-125 {
    color: #0C162A;
  }
  .d-as-color-primary-100 {
    color: #132342;
  }
  .d-as-color-primary-50 {
    color: #8090B0;
  }
  .d-as-color-primary-25 {
    color: #DEE6F6;
  }
  .d-as-color-primary-light-150 {
    color: #74521B;
  }
  .d-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .d-as-color-primary-light-100 {
    color: #D19635;
  }
  .d-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .d-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .d-as-color-secondary-150 {
    color: #6E9595;
  }
  .d-as-color-secondary-125 {
    color: #92B1B1;
  }
  .d-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .d-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .d-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .d-as-color-text-25 {
    color: #C8C8C8;
  }
  .d-as-color-text-100 {
    color: #222222;
  }
  .d-as-color-error-100 {
    color: #D52941;
  }
  .d-as-color-error-25 {
    color: #FAE4E7;
  }
  .d-as-color-success-100 {
    color: #169873;
  }
  .d-as-color-success-25 {
    color: #DAFAF1;
  }
  .d-as-color-hint-100 {
    color: #F2901C;
  }
  .d-as-color-hint-25 {
    color: #F8E6D0;
  }
  .d-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-color-primary-150 {
    color: #060B15;
  }
  .dl-as-color-primary-125 {
    color: #0C162A;
  }
  .dl-as-color-primary-100 {
    color: #132342;
  }
  .dl-as-color-primary-50 {
    color: #8090B0;
  }
  .dl-as-color-primary-25 {
    color: #DEE6F6;
  }
  .dl-as-color-primary-light-150 {
    color: #74521B;
  }
  .dl-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .dl-as-color-primary-light-100 {
    color: #D19635;
  }
  .dl-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .dl-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .dl-as-color-secondary-150 {
    color: #6E9595;
  }
  .dl-as-color-secondary-125 {
    color: #92B1B1;
  }
  .dl-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .dl-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .dl-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .dl-as-color-text-25 {
    color: #C8C8C8;
  }
  .dl-as-color-text-100 {
    color: #222222;
  }
  .dl-as-color-error-100 {
    color: #D52941;
  }
  .dl-as-color-error-25 {
    color: #FAE4E7;
  }
  .dl-as-color-success-100 {
    color: #169873;
  }
  .dl-as-color-success-25 {
    color: #DAFAF1;
  }
  .dl-as-color-hint-100 {
    color: #F2901C;
  }
  .dl-as-color-hint-25 {
    color: #F8E6D0;
  }
  .dl-as-color-plain-white {
    color: #FFFFFF;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-color-primary-150 {
    color: #060B15;
  }
  .dp-as-color-primary-125 {
    color: #0C162A;
  }
  .dp-as-color-primary-100 {
    color: #132342;
  }
  .dp-as-color-primary-50 {
    color: #8090B0;
  }
  .dp-as-color-primary-25 {
    color: #DEE6F6;
  }
  .dp-as-color-primary-light-150 {
    color: #74521B;
  }
  .dp-as-color-primary-light-125 {
    color: #9B6E23;
  }
  .dp-as-color-primary-light-100 {
    color: #D19635;
  }
  .dp-as-color-primary-light-50 {
    color: #E8CA9A;
  }
  .dp-as-color-primary-light-25 {
    color: #F3E5CC;
  }
  .dp-as-color-secondary-150 {
    color: #6E9595;
  }
  .dp-as-color-secondary-125 {
    color: #92B1B1;
  }
  .dp-as-color-secondary-100 {
    color: #D1DEDE;
  }
  .dp-as-color-secondary-50 {
    color: #DCE8E8;
  }
  .dp-as-color-secondary-25 {
    color: #E8EEEE;
  }
  .dp-as-color-text-25 {
    color: #C8C8C8;
  }
  .dp-as-color-text-100 {
    color: #222222;
  }
  .dp-as-color-error-100 {
    color: #D52941;
  }
  .dp-as-color-error-25 {
    color: #FAE4E7;
  }
  .dp-as-color-success-100 {
    color: #169873;
  }
  .dp-as-color-success-25 {
    color: #DAFAF1;
  }
  .dp-as-color-hint-100 {
    color: #F2901C;
  }
  .dp-as-color-hint-25 {
    color: #F8E6D0;
  }
  .dp-as-color-plain-white {
    color: #FFFFFF;
  }
}
.as-color-primary-150 {
  color: #060B15;
}

.as-color-primary-125 {
  color: #0C162A;
}

.as-color-primary-100 {
  color: #132342;
}

.as-color-primary-50 {
  color: #8090B0;
}

.as-color-primary-25 {
  color: #DEE6F6;
}

.as-color-primary-light-150 {
  color: #74521B;
}

.as-color-primary-light-125 {
  color: #9B6E23;
}

.as-color-primary-light-100 {
  color: #D19635;
}

.as-color-primary-light-50 {
  color: #E8CA9A;
}

.as-color-primary-light-25 {
  color: #F3E5CC;
}

.as-color-secondary-150 {
  color: #6E9595;
}

.as-color-secondary-125 {
  color: #92B1B1;
}

.as-color-secondary-100 {
  color: #D1DEDE;
}

.as-color-secondary-50 {
  color: #DCE8E8;
}

.as-color-secondary-25 {
  color: #E8EEEE;
}

.as-color-text-25 {
  color: #C8C8C8;
}

.as-color-text-100 {
  color: #222222;
}

.as-color-error-100 {
  color: #D52941;
}

.as-color-error-25 {
  color: #FAE4E7;
}

.as-color-success-100 {
  color: #169873;
}

.as-color-success-25 {
  color: #DAFAF1;
}

.as-color-hint-100 {
  color: #F2901C;
}

.as-color-hint-25 {
  color: #F8E6D0;
}

.as-color-plain-white {
  color: #FFFFFF;
}

.as-cursor-pointer {
  cursor: pointer;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-cursor-pointer {
    cursor: pointer;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-cursor-pointer {
    cursor: pointer;
  }
}
.as-cursor-none {
  cursor: none;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-cursor-none {
    cursor: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-cursor-none {
    cursor: none;
  }
}
.as-cursor-help {
  cursor: help;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-cursor-help {
    cursor: help;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-cursor-help {
    cursor: help;
  }
}
.as-cursor-move-x {
  cursor: e-resize;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-cursor-move-x {
    cursor: e-resize;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-cursor-move-x {
    cursor: e-resize;
  }
}
.as-cursor-move-y {
  cursor: s-resize;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-cursor-move-y {
    cursor: s-resize;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-cursor-move-y {
    cursor: s-resize;
  }
}
.as-display-block {
  display: block;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-display-block {
    display: block;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-display-block {
    display: block;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-display-block {
    display: block;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-display-block {
    display: block;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-display-block {
    display: block;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-display-block {
    display: block;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-display-block {
    display: block;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-display-block {
    display: block;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-display-block {
    display: block;
  }
}
.as-fixed {
  position: fixed;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-fixed {
    position: fixed;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-fixed {
    position: fixed;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-fixed {
    position: fixed;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-fixed {
    position: fixed;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-fixed {
    position: fixed;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-fixed {
    position: fixed;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .m-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .m-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .m-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .m-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .m-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .m-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .m-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .m-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .m-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .m-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .m-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .m-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .m-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .m-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .m-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .m-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .m-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .m-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .m-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .m-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .m-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .m-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .m-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .m-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .m-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .m-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .m-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .m-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .m-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .m-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .m-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .m-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .m-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .m-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .m-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .m-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .m-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .m-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .m-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .m-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .m-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .m-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .m-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .m-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .m-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .m-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .m-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .m-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .m-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .m-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .m-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .m-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .m-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .m-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .m-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .m-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .m-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .m-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .m-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .m-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .m-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .m-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .m-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .m-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .m-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .m-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .m-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .m-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .m-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .m-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .m-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .m-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .m-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .m-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .m-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .m-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .m-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .m-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .m-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .m-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .m-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .m-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .m-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .m-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .m-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .m-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .m-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .m-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .m-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .m-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .m-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .m-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .m-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .m-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .m-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .m-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .m-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .m-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .m-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .m-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .m-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .m-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .ml-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .ml-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .ml-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .ml-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .ml-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .ml-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .ml-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .ml-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .ml-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .ml-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .ml-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .ml-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .ml-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .ml-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .ml-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .ml-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .ml-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .ml-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .ml-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .ml-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .ml-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .ml-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .ml-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .ml-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .ml-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .ml-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .ml-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .ml-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .ml-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .ml-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .ml-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .ml-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .ml-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .ml-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .ml-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .ml-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .ml-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .ml-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .ml-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .ml-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .ml-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .ml-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .ml-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .ml-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .ml-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .ml-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .ml-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .ml-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .ml-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .ml-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .ml-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .ml-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .ml-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .ml-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .ml-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .ml-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .ml-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .ml-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .ml-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .ml-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .ml-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .ml-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .ml-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .ml-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .ml-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .ml-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .ml-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .ml-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .ml-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .ml-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .ml-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .ml-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .ml-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .ml-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .ml-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .ml-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .ml-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .ml-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .ml-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .ml-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .ml-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .ml-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .ml-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .ml-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .ml-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .ml-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .ml-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .ml-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .ml-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .ml-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .ml-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .ml-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .ml-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .ml-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .ml-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .ml-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .ml-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .ml-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .ml-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .ml-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .ml-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .ml-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .mp-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .mp-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .mp-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .mp-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .mp-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .mp-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .mp-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .mp-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .mp-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .mp-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .mp-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .mp-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .mp-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .mp-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .mp-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .mp-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .mp-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .mp-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .mp-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .mp-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .mp-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .mp-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .mp-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .mp-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .mp-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .mp-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .mp-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .mp-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .mp-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .mp-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .mp-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .mp-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .mp-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .mp-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .mp-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .mp-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .mp-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .mp-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .mp-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .mp-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .mp-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .mp-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .mp-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .mp-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .mp-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .mp-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .mp-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .mp-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .mp-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .mp-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .mp-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .mp-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .mp-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .mp-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .mp-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .mp-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .mp-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .mp-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .mp-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .mp-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .mp-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .mp-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .mp-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .mp-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .mp-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .mp-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .mp-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .mp-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .mp-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .mp-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .mp-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .mp-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .mp-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .mp-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .mp-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .mp-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .mp-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .mp-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .mp-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .mp-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .mp-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .mp-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .mp-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .mp-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .mp-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .mp-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .mp-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .mp-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .mp-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .mp-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .mp-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .mp-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .mp-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .mp-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .mp-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .mp-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .mp-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .mp-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .mp-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .mp-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .mp-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .mp-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .t-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .t-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .t-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .t-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .t-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .t-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .t-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .t-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .t-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .t-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .t-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .t-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .t-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .t-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .t-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .t-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .t-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .t-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .t-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .t-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .t-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .t-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .t-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .t-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .t-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .t-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .t-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .t-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .t-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .t-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .t-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .t-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .t-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .t-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .t-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .t-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .t-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .t-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .t-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .t-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .t-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .t-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .t-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .t-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .t-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .t-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .t-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .t-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .t-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .t-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .t-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .t-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .t-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .t-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .t-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .t-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .t-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .t-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .t-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .t-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .t-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .t-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .t-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .t-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .t-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .t-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .t-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .t-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .t-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .t-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .t-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .t-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .t-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .t-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .t-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .t-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .t-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .t-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .t-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .t-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .t-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .t-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .t-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .t-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .t-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .t-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .t-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .t-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .t-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .t-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .t-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .t-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .t-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .t-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .t-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .t-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .t-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .t-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .t-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .t-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .t-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .t-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .tl-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .tl-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .tl-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .tl-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .tl-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .tl-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .tl-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .tl-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .tl-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .tl-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .tl-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .tl-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .tl-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .tl-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .tl-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .tl-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .tl-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .tl-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .tl-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .tl-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .tl-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .tl-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .tl-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .tl-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .tl-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .tl-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .tl-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .tl-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .tl-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .tl-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .tl-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .tl-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .tl-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .tl-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .tl-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .tl-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .tl-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .tl-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .tl-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .tl-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .tl-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .tl-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .tl-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .tl-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .tl-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .tl-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .tl-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .tl-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .tl-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .tl-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .tl-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .tl-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .tl-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .tl-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .tl-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .tl-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .tl-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .tl-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .tl-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .tl-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .tl-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .tl-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .tl-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .tl-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .tl-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .tl-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .tl-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .tl-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .tl-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .tl-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .tl-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .tl-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .tl-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .tl-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .tl-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .tl-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .tl-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .tl-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .tl-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .tl-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .tl-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .tl-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .tl-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .tl-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .tl-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .tl-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .tl-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .tl-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .tl-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .tl-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .tl-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .tl-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .tl-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .tl-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .tl-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .tl-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .tl-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .tl-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .tl-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .tl-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .tl-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .tl-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .tp-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .tp-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .tp-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .tp-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .tp-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .tp-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .tp-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .tp-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .tp-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .tp-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .tp-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .tp-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .tp-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .tp-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .tp-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .tp-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .tp-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .tp-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .tp-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .tp-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .tp-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .tp-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .tp-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .tp-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .tp-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .tp-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .tp-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .tp-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .tp-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .tp-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .tp-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .tp-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .tp-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .tp-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .tp-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .tp-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .tp-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .tp-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .tp-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .tp-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .tp-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .tp-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .tp-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .tp-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .tp-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .tp-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .tp-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .tp-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .tp-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .tp-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .tp-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .tp-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .tp-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .tp-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .tp-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .tp-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .tp-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .tp-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .tp-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .tp-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .tp-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .tp-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .tp-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .tp-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .tp-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .tp-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .tp-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .tp-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .tp-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .tp-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .tp-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .tp-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .tp-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .tp-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .tp-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .tp-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .tp-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .tp-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .tp-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .tp-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .tp-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .tp-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .tp-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .tp-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .tp-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .tp-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .tp-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .tp-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .tp-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .tp-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .tp-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .tp-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .tp-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .tp-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .tp-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .tp-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .tp-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .tp-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .tp-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .tp-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .tp-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .tp-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .d-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .d-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .d-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .d-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .d-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .d-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .d-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .d-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .d-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .d-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .d-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .d-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .d-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .d-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .d-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .d-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .d-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .d-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .d-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .d-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .d-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .d-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .d-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .d-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .d-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .d-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .d-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .d-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .d-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .d-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .d-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .d-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .d-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .d-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .d-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .d-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .d-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .d-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .d-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .d-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .d-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .d-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .d-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .d-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .d-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .d-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .d-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .d-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .d-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .d-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .d-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .d-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .d-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .d-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .d-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .d-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .d-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .d-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .d-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .d-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .d-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .d-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .d-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .d-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .d-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .d-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .d-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .d-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .d-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .d-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .d-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .d-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .d-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .d-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .d-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .d-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .d-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .d-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .d-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .d-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .d-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .d-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .d-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .d-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .d-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .d-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .d-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .d-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .d-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .d-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .d-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .d-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .d-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .d-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .d-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .d-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .d-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .d-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .d-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .d-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .d-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .d-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .dl-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .dl-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .dl-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .dl-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .dl-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .dl-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .dl-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .dl-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .dl-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .dl-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .dl-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .dl-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .dl-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .dl-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .dl-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .dl-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .dl-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .dl-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .dl-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .dl-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .dl-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .dl-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .dl-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .dl-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .dl-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .dl-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .dl-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .dl-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .dl-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .dl-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .dl-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .dl-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .dl-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .dl-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .dl-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .dl-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .dl-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .dl-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .dl-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .dl-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .dl-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .dl-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .dl-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .dl-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .dl-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .dl-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .dl-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .dl-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .dl-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .dl-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .dl-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .dl-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .dl-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .dl-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .dl-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .dl-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .dl-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .dl-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .dl-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .dl-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .dl-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .dl-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .dl-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .dl-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .dl-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .dl-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .dl-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .dl-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .dl-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .dl-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .dl-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .dl-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .dl-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .dl-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .dl-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .dl-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .dl-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .dl-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .dl-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .dl-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .dl-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .dl-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .dl-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .dl-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .dl-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .dl-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .dl-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .dl-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .dl-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .dl-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .dl-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .dl-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .dl-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .dl-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .dl-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .dl-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .dl-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .dl-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .dl-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .dl-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .dl-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .dl-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-flex-gap {
    margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
  }
  .dp-as-flex-gap > * {
    margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
  }
  .dp-as-flex-gap > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column {
    margin-right: calc(var(--page-grid-gap) * -1);
  }
  .dp-as-flex-gap-column > * {
    margin-right: var(--page-grid-gap);
  }
  .dp-as-flex-gap-column > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row {
    margin-bottom: calc(var(--page-grid-gap) * -1);
  }
  .dp-as-flex-gap-row > * {
    margin-bottom: var(--page-grid-gap);
  }
  .dp-as-flex-gap-025x {
    margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
  }
  .dp-as-flex-gap-025x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
  }
  .dp-as-flex-gap-025x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-025x {
    margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .dp-as-flex-gap-column-025x > * {
    margin-right: calc(var(--page-grid-gap) * 0.25);
  }
  .dp-as-flex-gap-column-025x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-025x {
    margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
  }
  .dp-as-flex-gap-row-025x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.25);
  }
  .dp-as-flex-gap-05x {
    margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
  }
  .dp-as-flex-gap-05x > * {
    margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
  }
  .dp-as-flex-gap-05x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-05x {
    margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .dp-as-flex-gap-column-05x > * {
    margin-right: calc(var(--page-grid-gap) * 0.5);
  }
  .dp-as-flex-gap-column-05x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-05x {
    margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
  }
  .dp-as-flex-gap-row-05x > * {
    margin-bottom: calc(var(--page-grid-gap) * 0.5);
  }
  .dp-as-flex-gap-2x {
    margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
  }
  .dp-as-flex-gap-2x > * {
    margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
  }
  .dp-as-flex-gap-2x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-2x {
    margin-right: calc(var(--page-grid-gap) * 2 * -1);
  }
  .dp-as-flex-gap-column-2x > * {
    margin-right: calc(var(--page-grid-gap) * 2);
  }
  .dp-as-flex-gap-column-2x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-2x {
    margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
  }
  .dp-as-flex-gap-row-2x > * {
    margin-bottom: calc(var(--page-grid-gap) * 2);
  }
  .dp-as-flex-gap-3x {
    margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
  }
  .dp-as-flex-gap-3x > * {
    margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
  }
  .dp-as-flex-gap-3x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-3x {
    margin-right: calc(var(--page-grid-gap) * 3 * -1);
  }
  .dp-as-flex-gap-column-3x > * {
    margin-right: calc(var(--page-grid-gap) * 3);
  }
  .dp-as-flex-gap-column-3x > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-3x {
    margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
  }
  .dp-as-flex-gap-row-3x > * {
    margin-bottom: calc(var(--page-grid-gap) * 3);
  }
  .dp-as-flex-gap-xxs {
    margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
  }
  .dp-as-flex-gap-xxs > * {
    margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
  }
  .dp-as-flex-gap-xxs > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .dp-as-flex-gap-column-xxs > * {
    margin-right: var(--padding-xxs);
  }
  .dp-as-flex-gap-column-xxs > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .dp-as-flex-gap-row-xxs > * {
    margin-bottom: var(--padding-xxs);
  }
  .dp-as-flex-gap-xs {
    margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
  }
  .dp-as-flex-gap-xs > * {
    margin: 0 var(--padding-xs) var(--padding-xs) 0;
  }
  .dp-as-flex-gap-xs > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .dp-as-flex-gap-column-xs > * {
    margin-right: var(--padding-xs);
  }
  .dp-as-flex-gap-column-xs > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .dp-as-flex-gap-row-xs > * {
    margin-bottom: var(--padding-xs);
  }
  .dp-as-flex-gap-s {
    margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
  }
  .dp-as-flex-gap-s > * {
    margin: 0 var(--padding-s) var(--padding-s) 0;
  }
  .dp-as-flex-gap-s > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .dp-as-flex-gap-column-s > * {
    margin-right: var(--padding-s);
  }
  .dp-as-flex-gap-column-s > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .dp-as-flex-gap-row-s > * {
    margin-bottom: var(--padding-s);
  }
  .dp-as-flex-gap-m {
    margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
  }
  .dp-as-flex-gap-m > * {
    margin: 0 var(--padding-m) var(--padding-m) 0;
  }
  .dp-as-flex-gap-m > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .dp-as-flex-gap-column-m > * {
    margin-right: var(--padding-m);
  }
  .dp-as-flex-gap-column-m > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .dp-as-flex-gap-row-m > * {
    margin-bottom: var(--padding-m);
  }
  .dp-as-flex-gap-l {
    margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
  }
  .dp-as-flex-gap-l > * {
    margin: 0 var(--padding-l) var(--padding-l) 0;
  }
  .dp-as-flex-gap-l > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .dp-as-flex-gap-column-l > * {
    margin-right: var(--padding-l);
  }
  .dp-as-flex-gap-column-l > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .dp-as-flex-gap-row-l > * {
    margin-bottom: var(--padding-l);
  }
  .dp-as-flex-gap-xl {
    margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
  }
  .dp-as-flex-gap-xl > * {
    margin: 0 var(--padding-xl) var(--padding-xl) 0;
  }
  .dp-as-flex-gap-xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .dp-as-flex-gap-column-xl > * {
    margin-right: var(--padding-xl);
  }
  .dp-as-flex-gap-column-xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .dp-as-flex-gap-row-xl > * {
    margin-bottom: var(--padding-xl);
  }
  .dp-as-flex-gap-2xl {
    margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
  }
  .dp-as-flex-gap-2xl > * {
    margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
  }
  .dp-as-flex-gap-2xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .dp-as-flex-gap-column-2xl > * {
    margin-right: var(--padding-2xl);
  }
  .dp-as-flex-gap-column-2xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .dp-as-flex-gap-row-2xl > * {
    margin-bottom: var(--padding-2xl);
  }
  .dp-as-flex-gap-3xl {
    margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
  }
  .dp-as-flex-gap-3xl > * {
    margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
  }
  .dp-as-flex-gap-3xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .dp-as-flex-gap-column-3xl > * {
    margin-right: var(--padding-3xl);
  }
  .dp-as-flex-gap-column-3xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .dp-as-flex-gap-row-3xl > * {
    margin-bottom: var(--padding-3xl);
  }
  .dp-as-flex-gap-4xl {
    margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
  }
  .dp-as-flex-gap-4xl > * {
    margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
  }
  .dp-as-flex-gap-4xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .dp-as-flex-gap-column-4xl > * {
    margin-right: var(--padding-4xl);
  }
  .dp-as-flex-gap-column-4xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .dp-as-flex-gap-row-4xl > * {
    margin-bottom: var(--padding-4xl);
  }
  .dp-as-flex-gap-5xl {
    margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
  }
  .dp-as-flex-gap-5xl > * {
    margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
  }
  .dp-as-flex-gap-5xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .dp-as-flex-gap-column-5xl > * {
    margin-right: var(--padding-5xl);
  }
  .dp-as-flex-gap-column-5xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .dp-as-flex-gap-row-5xl > * {
    margin-bottom: var(--padding-5xl);
  }
  .dp-as-flex-gap-6xl {
    margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
  }
  .dp-as-flex-gap-6xl > * {
    margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
  }
  .dp-as-flex-gap-6xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .dp-as-flex-gap-column-6xl > * {
    margin-right: var(--padding-6xl);
  }
  .dp-as-flex-gap-column-6xl > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .dp-as-flex-gap-row-6xl > * {
    margin-bottom: var(--padding-6xl);
  }
  .dp-as-flex-gap-unset {
    margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
  }
  .dp-as-flex-gap-unset > * {
    margin: 0 var(--padding-unset) var(--padding-unset) 0;
  }
  .dp-as-flex-gap-unset > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-column-unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .dp-as-flex-gap-column-unset > * {
    margin-right: var(--padding-unset);
  }
  .dp-as-flex-gap-column-unset > *:last-child {
    margin-right: 0;
  }
  .dp-as-flex-gap-row-unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .dp-as-flex-gap-row-unset > * {
    margin-bottom: var(--padding-unset);
  }
}
.as-flex-gap {
  margin: 0 calc(var(--page-grid-gap) * -1) calc(var(--page-grid-gap) * -1) 0;
}
.as-flex-gap > * {
  margin: 0 var(--page-grid-gap) var(--page-grid-gap) 0;
}
.as-flex-gap > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column {
  margin-right: calc(var(--page-grid-gap) * -1);
}
.as-flex-gap-column > * {
  margin-right: var(--page-grid-gap);
}
.as-flex-gap-column > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row {
  margin-bottom: calc(var(--page-grid-gap) * -1);
}
.as-flex-gap-row > * {
  margin-bottom: var(--page-grid-gap);
}

.as-flex-gap-025x {
  margin: 0 calc(var(--page-grid-gap) * 0.25 * -1) calc(var(--page-grid-gap) * 0.25 * -1) 0;
}
.as-flex-gap-025x > * {
  margin: 0 calc(var(--page-grid-gap) * 0.25) calc(var(--page-grid-gap) * 0.25) 0;
}
.as-flex-gap-025x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-025x {
  margin-right: calc(var(--page-grid-gap) * 0.25 * -1);
}
.as-flex-gap-column-025x > * {
  margin-right: calc(var(--page-grid-gap) * 0.25);
}
.as-flex-gap-column-025x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-025x {
  margin-bottom: calc(var(--page-grid-gap) * 0.25 * -1);
}
.as-flex-gap-row-025x > * {
  margin-bottom: calc(var(--page-grid-gap) * 0.25);
}

.as-flex-gap-05x {
  margin: 0 calc(var(--page-grid-gap) * 0.5 * -1) calc(var(--page-grid-gap) * 0.5 * -1) 0;
}
.as-flex-gap-05x > * {
  margin: 0 calc(var(--page-grid-gap) * 0.5) calc(var(--page-grid-gap) * 0.5) 0;
}
.as-flex-gap-05x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-05x {
  margin-right: calc(var(--page-grid-gap) * 0.5 * -1);
}
.as-flex-gap-column-05x > * {
  margin-right: calc(var(--page-grid-gap) * 0.5);
}
.as-flex-gap-column-05x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-05x {
  margin-bottom: calc(var(--page-grid-gap) * 0.5 * -1);
}
.as-flex-gap-row-05x > * {
  margin-bottom: calc(var(--page-grid-gap) * 0.5);
}

.as-flex-gap-2x {
  margin: 0 calc(var(--page-grid-gap) * 2 * -1) calc(var(--page-grid-gap) * 2 * -1) 0;
}
.as-flex-gap-2x > * {
  margin: 0 calc(var(--page-grid-gap) * 2) calc(var(--page-grid-gap) * 2) 0;
}
.as-flex-gap-2x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-2x {
  margin-right: calc(var(--page-grid-gap) * 2 * -1);
}
.as-flex-gap-column-2x > * {
  margin-right: calc(var(--page-grid-gap) * 2);
}
.as-flex-gap-column-2x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-2x {
  margin-bottom: calc(var(--page-grid-gap) * 2 * -1);
}
.as-flex-gap-row-2x > * {
  margin-bottom: calc(var(--page-grid-gap) * 2);
}

.as-flex-gap-3x {
  margin: 0 calc(var(--page-grid-gap) * 3 * -1) calc(var(--page-grid-gap) * 3 * -1) 0;
}
.as-flex-gap-3x > * {
  margin: 0 calc(var(--page-grid-gap) * 3) calc(var(--page-grid-gap) * 3) 0;
}
.as-flex-gap-3x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-3x {
  margin-right: calc(var(--page-grid-gap) * 3 * -1);
}
.as-flex-gap-column-3x > * {
  margin-right: calc(var(--page-grid-gap) * 3);
}
.as-flex-gap-column-3x > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-3x {
  margin-bottom: calc(var(--page-grid-gap) * 3 * -1);
}
.as-flex-gap-row-3x > * {
  margin-bottom: calc(var(--page-grid-gap) * 3);
}

.as-flex-gap-xxs {
  margin: 0 calc(var(--padding-xxs) * -1) calc(var(--padding-xxs) * -1) 0;
}
.as-flex-gap-xxs > * {
  margin: 0 var(--padding-xxs) var(--padding-xxs) 0;
}
.as-flex-gap-xxs > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-xxs {
  margin-right: calc(var(--padding-xxs) * -1);
}
.as-flex-gap-column-xxs > * {
  margin-right: var(--padding-xxs);
}
.as-flex-gap-column-xxs > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-xxs {
  margin-bottom: calc(var(--padding-xxs) * -1);
}
.as-flex-gap-row-xxs > * {
  margin-bottom: var(--padding-xxs);
}

.as-flex-gap-xs {
  margin: 0 calc(var(--padding-xs) * -1) calc(var(--padding-xs) * -1) 0;
}
.as-flex-gap-xs > * {
  margin: 0 var(--padding-xs) var(--padding-xs) 0;
}
.as-flex-gap-xs > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-xs {
  margin-right: calc(var(--padding-xs) * -1);
}
.as-flex-gap-column-xs > * {
  margin-right: var(--padding-xs);
}
.as-flex-gap-column-xs > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-xs {
  margin-bottom: calc(var(--padding-xs) * -1);
}
.as-flex-gap-row-xs > * {
  margin-bottom: var(--padding-xs);
}

.as-flex-gap-s {
  margin: 0 calc(var(--padding-s) * -1) calc(var(--padding-s) * -1) 0;
}
.as-flex-gap-s > * {
  margin: 0 var(--padding-s) var(--padding-s) 0;
}
.as-flex-gap-s > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-s {
  margin-right: calc(var(--padding-s) * -1);
}
.as-flex-gap-column-s > * {
  margin-right: var(--padding-s);
}
.as-flex-gap-column-s > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-s {
  margin-bottom: calc(var(--padding-s) * -1);
}
.as-flex-gap-row-s > * {
  margin-bottom: var(--padding-s);
}

.as-flex-gap-m {
  margin: 0 calc(var(--padding-m) * -1) calc(var(--padding-m) * -1) 0;
}
.as-flex-gap-m > * {
  margin: 0 var(--padding-m) var(--padding-m) 0;
}
.as-flex-gap-m > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-m {
  margin-right: calc(var(--padding-m) * -1);
}
.as-flex-gap-column-m > * {
  margin-right: var(--padding-m);
}
.as-flex-gap-column-m > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-m {
  margin-bottom: calc(var(--padding-m) * -1);
}
.as-flex-gap-row-m > * {
  margin-bottom: var(--padding-m);
}

.as-flex-gap-l {
  margin: 0 calc(var(--padding-l) * -1) calc(var(--padding-l) * -1) 0;
}
.as-flex-gap-l > * {
  margin: 0 var(--padding-l) var(--padding-l) 0;
}
.as-flex-gap-l > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-l {
  margin-right: calc(var(--padding-l) * -1);
}
.as-flex-gap-column-l > * {
  margin-right: var(--padding-l);
}
.as-flex-gap-column-l > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-l {
  margin-bottom: calc(var(--padding-l) * -1);
}
.as-flex-gap-row-l > * {
  margin-bottom: var(--padding-l);
}

.as-flex-gap-xl {
  margin: 0 calc(var(--padding-xl) * -1) calc(var(--padding-xl) * -1) 0;
}
.as-flex-gap-xl > * {
  margin: 0 var(--padding-xl) var(--padding-xl) 0;
}
.as-flex-gap-xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-xl {
  margin-right: calc(var(--padding-xl) * -1);
}
.as-flex-gap-column-xl > * {
  margin-right: var(--padding-xl);
}
.as-flex-gap-column-xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-xl {
  margin-bottom: calc(var(--padding-xl) * -1);
}
.as-flex-gap-row-xl > * {
  margin-bottom: var(--padding-xl);
}

.as-flex-gap-2xl {
  margin: 0 calc(var(--padding-2xl) * -1) calc(var(--padding-2xl) * -1) 0;
}
.as-flex-gap-2xl > * {
  margin: 0 var(--padding-2xl) var(--padding-2xl) 0;
}
.as-flex-gap-2xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-2xl {
  margin-right: calc(var(--padding-2xl) * -1);
}
.as-flex-gap-column-2xl > * {
  margin-right: var(--padding-2xl);
}
.as-flex-gap-column-2xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-2xl {
  margin-bottom: calc(var(--padding-2xl) * -1);
}
.as-flex-gap-row-2xl > * {
  margin-bottom: var(--padding-2xl);
}

.as-flex-gap-3xl {
  margin: 0 calc(var(--padding-3xl) * -1) calc(var(--padding-3xl) * -1) 0;
}
.as-flex-gap-3xl > * {
  margin: 0 var(--padding-3xl) var(--padding-3xl) 0;
}
.as-flex-gap-3xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-3xl {
  margin-right: calc(var(--padding-3xl) * -1);
}
.as-flex-gap-column-3xl > * {
  margin-right: var(--padding-3xl);
}
.as-flex-gap-column-3xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-3xl {
  margin-bottom: calc(var(--padding-3xl) * -1);
}
.as-flex-gap-row-3xl > * {
  margin-bottom: var(--padding-3xl);
}

.as-flex-gap-4xl {
  margin: 0 calc(var(--padding-4xl) * -1) calc(var(--padding-4xl) * -1) 0;
}
.as-flex-gap-4xl > * {
  margin: 0 var(--padding-4xl) var(--padding-4xl) 0;
}
.as-flex-gap-4xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-4xl {
  margin-right: calc(var(--padding-4xl) * -1);
}
.as-flex-gap-column-4xl > * {
  margin-right: var(--padding-4xl);
}
.as-flex-gap-column-4xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-4xl {
  margin-bottom: calc(var(--padding-4xl) * -1);
}
.as-flex-gap-row-4xl > * {
  margin-bottom: var(--padding-4xl);
}

.as-flex-gap-5xl {
  margin: 0 calc(var(--padding-5xl) * -1) calc(var(--padding-5xl) * -1) 0;
}
.as-flex-gap-5xl > * {
  margin: 0 var(--padding-5xl) var(--padding-5xl) 0;
}
.as-flex-gap-5xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-5xl {
  margin-right: calc(var(--padding-5xl) * -1);
}
.as-flex-gap-column-5xl > * {
  margin-right: var(--padding-5xl);
}
.as-flex-gap-column-5xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-5xl {
  margin-bottom: calc(var(--padding-5xl) * -1);
}
.as-flex-gap-row-5xl > * {
  margin-bottom: var(--padding-5xl);
}

.as-flex-gap-6xl {
  margin: 0 calc(var(--padding-6xl) * -1) calc(var(--padding-6xl) * -1) 0;
}
.as-flex-gap-6xl > * {
  margin: 0 var(--padding-6xl) var(--padding-6xl) 0;
}
.as-flex-gap-6xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-6xl {
  margin-right: calc(var(--padding-6xl) * -1);
}
.as-flex-gap-column-6xl > * {
  margin-right: var(--padding-6xl);
}
.as-flex-gap-column-6xl > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-6xl {
  margin-bottom: calc(var(--padding-6xl) * -1);
}
.as-flex-gap-row-6xl > * {
  margin-bottom: var(--padding-6xl);
}

.as-flex-gap-unset {
  margin: 0 calc(var(--padding-unset) * -1) calc(var(--padding-unset) * -1) 0;
}
.as-flex-gap-unset > * {
  margin: 0 var(--padding-unset) var(--padding-unset) 0;
}
.as-flex-gap-unset > *:last-child {
  margin-right: 0;
}

.as-flex-gap-column-unset {
  margin-right: calc(var(--padding-unset) * -1);
}
.as-flex-gap-column-unset > * {
  margin-right: var(--padding-unset);
}
.as-flex-gap-column-unset > *:last-child {
  margin-right: 0;
}

.as-flex-gap-row-unset {
  margin-bottom: calc(var(--padding-unset) * -1);
}
.as-flex-gap-row-unset > * {
  margin-bottom: var(--padding-unset);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-flex-grow-1 {
    flex-grow: 1;
  }
  .m-as-flex-grow-2 {
    flex-grow: 2;
  }
  .m-as-flex-grow-3 {
    flex-grow: 3;
  }
  .m-as-flex-grow-4 {
    flex-grow: 4;
  }
  .m-as-flex-grow-5 {
    flex-grow: 5;
  }
  .m-as-flex-grow-6 {
    flex-grow: 6;
  }
  .m-as-flex-grow-7 {
    flex-grow: 7;
  }
  .m-as-flex-grow-8 {
    flex-grow: 8;
  }
  .m-as-flex-grow-9 {
    flex-grow: 9;
  }
  .m-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-flex-grow-1 {
    flex-grow: 1;
  }
  .ml-as-flex-grow-2 {
    flex-grow: 2;
  }
  .ml-as-flex-grow-3 {
    flex-grow: 3;
  }
  .ml-as-flex-grow-4 {
    flex-grow: 4;
  }
  .ml-as-flex-grow-5 {
    flex-grow: 5;
  }
  .ml-as-flex-grow-6 {
    flex-grow: 6;
  }
  .ml-as-flex-grow-7 {
    flex-grow: 7;
  }
  .ml-as-flex-grow-8 {
    flex-grow: 8;
  }
  .ml-as-flex-grow-9 {
    flex-grow: 9;
  }
  .ml-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-flex-grow-1 {
    flex-grow: 1;
  }
  .mp-as-flex-grow-2 {
    flex-grow: 2;
  }
  .mp-as-flex-grow-3 {
    flex-grow: 3;
  }
  .mp-as-flex-grow-4 {
    flex-grow: 4;
  }
  .mp-as-flex-grow-5 {
    flex-grow: 5;
  }
  .mp-as-flex-grow-6 {
    flex-grow: 6;
  }
  .mp-as-flex-grow-7 {
    flex-grow: 7;
  }
  .mp-as-flex-grow-8 {
    flex-grow: 8;
  }
  .mp-as-flex-grow-9 {
    flex-grow: 9;
  }
  .mp-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-flex-grow-1 {
    flex-grow: 1;
  }
  .t-as-flex-grow-2 {
    flex-grow: 2;
  }
  .t-as-flex-grow-3 {
    flex-grow: 3;
  }
  .t-as-flex-grow-4 {
    flex-grow: 4;
  }
  .t-as-flex-grow-5 {
    flex-grow: 5;
  }
  .t-as-flex-grow-6 {
    flex-grow: 6;
  }
  .t-as-flex-grow-7 {
    flex-grow: 7;
  }
  .t-as-flex-grow-8 {
    flex-grow: 8;
  }
  .t-as-flex-grow-9 {
    flex-grow: 9;
  }
  .t-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-flex-grow-1 {
    flex-grow: 1;
  }
  .tl-as-flex-grow-2 {
    flex-grow: 2;
  }
  .tl-as-flex-grow-3 {
    flex-grow: 3;
  }
  .tl-as-flex-grow-4 {
    flex-grow: 4;
  }
  .tl-as-flex-grow-5 {
    flex-grow: 5;
  }
  .tl-as-flex-grow-6 {
    flex-grow: 6;
  }
  .tl-as-flex-grow-7 {
    flex-grow: 7;
  }
  .tl-as-flex-grow-8 {
    flex-grow: 8;
  }
  .tl-as-flex-grow-9 {
    flex-grow: 9;
  }
  .tl-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-flex-grow-1 {
    flex-grow: 1;
  }
  .tp-as-flex-grow-2 {
    flex-grow: 2;
  }
  .tp-as-flex-grow-3 {
    flex-grow: 3;
  }
  .tp-as-flex-grow-4 {
    flex-grow: 4;
  }
  .tp-as-flex-grow-5 {
    flex-grow: 5;
  }
  .tp-as-flex-grow-6 {
    flex-grow: 6;
  }
  .tp-as-flex-grow-7 {
    flex-grow: 7;
  }
  .tp-as-flex-grow-8 {
    flex-grow: 8;
  }
  .tp-as-flex-grow-9 {
    flex-grow: 9;
  }
  .tp-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-flex-grow-1 {
    flex-grow: 1;
  }
  .d-as-flex-grow-2 {
    flex-grow: 2;
  }
  .d-as-flex-grow-3 {
    flex-grow: 3;
  }
  .d-as-flex-grow-4 {
    flex-grow: 4;
  }
  .d-as-flex-grow-5 {
    flex-grow: 5;
  }
  .d-as-flex-grow-6 {
    flex-grow: 6;
  }
  .d-as-flex-grow-7 {
    flex-grow: 7;
  }
  .d-as-flex-grow-8 {
    flex-grow: 8;
  }
  .d-as-flex-grow-9 {
    flex-grow: 9;
  }
  .d-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-flex-grow-1 {
    flex-grow: 1;
  }
  .dl-as-flex-grow-2 {
    flex-grow: 2;
  }
  .dl-as-flex-grow-3 {
    flex-grow: 3;
  }
  .dl-as-flex-grow-4 {
    flex-grow: 4;
  }
  .dl-as-flex-grow-5 {
    flex-grow: 5;
  }
  .dl-as-flex-grow-6 {
    flex-grow: 6;
  }
  .dl-as-flex-grow-7 {
    flex-grow: 7;
  }
  .dl-as-flex-grow-8 {
    flex-grow: 8;
  }
  .dl-as-flex-grow-9 {
    flex-grow: 9;
  }
  .dl-as-flex-grow-10 {
    flex-grow: 10;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-flex-grow-1 {
    flex-grow: 1;
  }
  .dp-as-flex-grow-2 {
    flex-grow: 2;
  }
  .dp-as-flex-grow-3 {
    flex-grow: 3;
  }
  .dp-as-flex-grow-4 {
    flex-grow: 4;
  }
  .dp-as-flex-grow-5 {
    flex-grow: 5;
  }
  .dp-as-flex-grow-6 {
    flex-grow: 6;
  }
  .dp-as-flex-grow-7 {
    flex-grow: 7;
  }
  .dp-as-flex-grow-8 {
    flex-grow: 8;
  }
  .dp-as-flex-grow-9 {
    flex-grow: 9;
  }
  .dp-as-flex-grow-10 {
    flex-grow: 10;
  }
}
.as-flex-grow-1 {
  flex-grow: 1;
}

.as-flex-grow-2 {
  flex-grow: 2;
}

.as-flex-grow-3 {
  flex-grow: 3;
}

.as-flex-grow-4 {
  flex-grow: 4;
}

.as-flex-grow-5 {
  flex-grow: 5;
}

.as-flex-grow-6 {
  flex-grow: 6;
}

.as-flex-grow-7 {
  flex-grow: 7;
}

.as-flex-grow-8 {
  flex-grow: 8;
}

.as-flex-grow-9 {
  flex-grow: 9;
}

.as-flex-grow-10 {
  flex-grow: 10;
}

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

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-flex-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-flex-wrap {
    flex-wrap: wrap;
  }
}
.as-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.as-flip-x {
  transform: scaleX(-1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-flip-x {
    transform: scaleX(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-flip-x {
    transform: scaleX(-1);
  }
}
.as-flip-y {
  transform: scaleY(-1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-flip-y {
    transform: scaleY(-1);
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-gap {
    gap: var(--page-grid-gap);
  }
  .m-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .m-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .m-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .m-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .m-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .m-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .m-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .m-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .m-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .m-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .m-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .m-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .m-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .m-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .m-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .m-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .m-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .m-as-gap-xs {
    gap: var(--padding-xs);
  }
  .m-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .m-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .m-as-gap-s {
    gap: var(--padding-s);
  }
  .m-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .m-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .m-as-gap-m {
    gap: var(--padding-m);
  }
  .m-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .m-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .m-as-gap-l {
    gap: var(--padding-l);
  }
  .m-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .m-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .m-as-gap-xl {
    gap: var(--padding-xl);
  }
  .m-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .m-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .m-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .m-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .m-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .m-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .m-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .m-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .m-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .m-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .m-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .m-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .m-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .m-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .m-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .m-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .m-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .m-as-gap-unset {
    gap: var(--padding-unset);
  }
  .m-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .m-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-gap {
    gap: var(--page-grid-gap);
  }
  .ml-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .ml-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .ml-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .ml-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .ml-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .ml-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .ml-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .ml-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .ml-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .ml-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .ml-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .ml-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .ml-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .ml-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .ml-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .ml-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .ml-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .ml-as-gap-xs {
    gap: var(--padding-xs);
  }
  .ml-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .ml-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .ml-as-gap-s {
    gap: var(--padding-s);
  }
  .ml-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .ml-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .ml-as-gap-m {
    gap: var(--padding-m);
  }
  .ml-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .ml-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .ml-as-gap-l {
    gap: var(--padding-l);
  }
  .ml-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .ml-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .ml-as-gap-xl {
    gap: var(--padding-xl);
  }
  .ml-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .ml-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .ml-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .ml-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .ml-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .ml-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .ml-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .ml-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .ml-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .ml-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .ml-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .ml-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .ml-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .ml-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .ml-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .ml-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .ml-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .ml-as-gap-unset {
    gap: var(--padding-unset);
  }
  .ml-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .ml-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-gap {
    gap: var(--page-grid-gap);
  }
  .mp-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .mp-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .mp-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .mp-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .mp-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .mp-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .mp-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .mp-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .mp-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .mp-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .mp-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .mp-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .mp-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .mp-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .mp-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .mp-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .mp-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .mp-as-gap-xs {
    gap: var(--padding-xs);
  }
  .mp-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .mp-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .mp-as-gap-s {
    gap: var(--padding-s);
  }
  .mp-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .mp-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .mp-as-gap-m {
    gap: var(--padding-m);
  }
  .mp-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .mp-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .mp-as-gap-l {
    gap: var(--padding-l);
  }
  .mp-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .mp-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .mp-as-gap-xl {
    gap: var(--padding-xl);
  }
  .mp-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .mp-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .mp-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .mp-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .mp-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .mp-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .mp-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .mp-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .mp-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .mp-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .mp-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .mp-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .mp-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .mp-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .mp-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .mp-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .mp-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .mp-as-gap-unset {
    gap: var(--padding-unset);
  }
  .mp-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .mp-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-gap {
    gap: var(--page-grid-gap);
  }
  .t-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .t-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .t-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .t-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .t-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .t-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .t-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .t-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .t-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .t-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .t-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .t-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .t-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .t-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .t-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .t-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .t-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .t-as-gap-xs {
    gap: var(--padding-xs);
  }
  .t-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .t-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .t-as-gap-s {
    gap: var(--padding-s);
  }
  .t-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .t-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .t-as-gap-m {
    gap: var(--padding-m);
  }
  .t-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .t-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .t-as-gap-l {
    gap: var(--padding-l);
  }
  .t-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .t-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .t-as-gap-xl {
    gap: var(--padding-xl);
  }
  .t-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .t-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .t-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .t-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .t-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .t-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .t-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .t-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .t-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .t-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .t-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .t-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .t-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .t-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .t-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .t-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .t-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .t-as-gap-unset {
    gap: var(--padding-unset);
  }
  .t-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .t-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-gap {
    gap: var(--page-grid-gap);
  }
  .tl-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .tl-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .tl-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .tl-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .tl-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .tl-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .tl-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .tl-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .tl-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .tl-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .tl-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .tl-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .tl-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .tl-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .tl-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .tl-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .tl-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .tl-as-gap-xs {
    gap: var(--padding-xs);
  }
  .tl-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .tl-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .tl-as-gap-s {
    gap: var(--padding-s);
  }
  .tl-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .tl-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .tl-as-gap-m {
    gap: var(--padding-m);
  }
  .tl-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .tl-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .tl-as-gap-l {
    gap: var(--padding-l);
  }
  .tl-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .tl-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .tl-as-gap-xl {
    gap: var(--padding-xl);
  }
  .tl-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .tl-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .tl-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .tl-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .tl-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .tl-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .tl-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .tl-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .tl-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .tl-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .tl-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .tl-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .tl-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .tl-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .tl-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .tl-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .tl-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .tl-as-gap-unset {
    gap: var(--padding-unset);
  }
  .tl-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .tl-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-gap {
    gap: var(--page-grid-gap);
  }
  .tp-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .tp-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .tp-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .tp-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .tp-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .tp-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .tp-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .tp-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .tp-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .tp-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .tp-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .tp-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .tp-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .tp-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .tp-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .tp-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .tp-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .tp-as-gap-xs {
    gap: var(--padding-xs);
  }
  .tp-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .tp-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .tp-as-gap-s {
    gap: var(--padding-s);
  }
  .tp-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .tp-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .tp-as-gap-m {
    gap: var(--padding-m);
  }
  .tp-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .tp-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .tp-as-gap-l {
    gap: var(--padding-l);
  }
  .tp-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .tp-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .tp-as-gap-xl {
    gap: var(--padding-xl);
  }
  .tp-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .tp-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .tp-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .tp-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .tp-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .tp-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .tp-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .tp-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .tp-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .tp-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .tp-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .tp-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .tp-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .tp-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .tp-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .tp-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .tp-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .tp-as-gap-unset {
    gap: var(--padding-unset);
  }
  .tp-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .tp-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-gap {
    gap: var(--page-grid-gap);
  }
  .d-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .d-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .d-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .d-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .d-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .d-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .d-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .d-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .d-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .d-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .d-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .d-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .d-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .d-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .d-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .d-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .d-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .d-as-gap-xs {
    gap: var(--padding-xs);
  }
  .d-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .d-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .d-as-gap-s {
    gap: var(--padding-s);
  }
  .d-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .d-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .d-as-gap-m {
    gap: var(--padding-m);
  }
  .d-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .d-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .d-as-gap-l {
    gap: var(--padding-l);
  }
  .d-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .d-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .d-as-gap-xl {
    gap: var(--padding-xl);
  }
  .d-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .d-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .d-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .d-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .d-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .d-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .d-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .d-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .d-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .d-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .d-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .d-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .d-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .d-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .d-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .d-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .d-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .d-as-gap-unset {
    gap: var(--padding-unset);
  }
  .d-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .d-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-gap {
    gap: var(--page-grid-gap);
  }
  .dl-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .dl-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .dl-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .dl-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .dl-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .dl-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .dl-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .dl-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .dl-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .dl-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .dl-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .dl-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .dl-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .dl-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .dl-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .dl-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .dl-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .dl-as-gap-xs {
    gap: var(--padding-xs);
  }
  .dl-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .dl-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .dl-as-gap-s {
    gap: var(--padding-s);
  }
  .dl-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .dl-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .dl-as-gap-m {
    gap: var(--padding-m);
  }
  .dl-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .dl-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .dl-as-gap-l {
    gap: var(--padding-l);
  }
  .dl-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .dl-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .dl-as-gap-xl {
    gap: var(--padding-xl);
  }
  .dl-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .dl-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .dl-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .dl-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .dl-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .dl-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .dl-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .dl-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .dl-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .dl-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .dl-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .dl-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .dl-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .dl-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .dl-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .dl-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .dl-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .dl-as-gap-unset {
    gap: var(--padding-unset);
  }
  .dl-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .dl-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-gap {
    gap: var(--page-grid-gap);
  }
  .dp-as-gap-column {
    column-gap: var(--page-grid-gap);
  }
  .dp-as-gap-row {
    row-gap: var(--page-grid-gap);
  }
  .dp-as-gap-025x {
    gap: calc(var(--page-grid-gap) * 0.25);
  }
  .dp-as-gap-column-025x {
    column-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .dp-as-gap-row-025x {
    row-gap: calc(var(--page-grid-gap) * 0.25);
  }
  .dp-as-gap-05x {
    gap: calc(var(--page-grid-gap) * 0.5);
  }
  .dp-as-gap-column-05x {
    column-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .dp-as-gap-row-05x {
    row-gap: calc(var(--page-grid-gap) * 0.5);
  }
  .dp-as-gap-2x {
    gap: calc(var(--page-grid-gap) * 2);
  }
  .dp-as-gap-column-2x {
    column-gap: calc(var(--page-grid-gap) * 2);
  }
  .dp-as-gap-row-2x {
    row-gap: calc(var(--page-grid-gap) * 2);
  }
  .dp-as-gap-3x {
    gap: calc(var(--page-grid-gap) * 3);
  }
  .dp-as-gap-column-3x {
    column-gap: calc(var(--page-grid-gap) * 3);
  }
  .dp-as-gap-row-3x {
    row-gap: calc(var(--page-grid-gap) * 3);
  }
  .dp-as-gap-xxs {
    gap: var(--padding-xxs);
  }
  .dp-as-gap-column-xxs {
    column-gap: var(--padding-xxs);
  }
  .dp-as-gap-row-xxs {
    row-gap: var(--padding-xxs);
  }
  .dp-as-gap-xs {
    gap: var(--padding-xs);
  }
  .dp-as-gap-column-xs {
    column-gap: var(--padding-xs);
  }
  .dp-as-gap-row-xs {
    row-gap: var(--padding-xs);
  }
  .dp-as-gap-s {
    gap: var(--padding-s);
  }
  .dp-as-gap-column-s {
    column-gap: var(--padding-s);
  }
  .dp-as-gap-row-s {
    row-gap: var(--padding-s);
  }
  .dp-as-gap-m {
    gap: var(--padding-m);
  }
  .dp-as-gap-column-m {
    column-gap: var(--padding-m);
  }
  .dp-as-gap-row-m {
    row-gap: var(--padding-m);
  }
  .dp-as-gap-l {
    gap: var(--padding-l);
  }
  .dp-as-gap-column-l {
    column-gap: var(--padding-l);
  }
  .dp-as-gap-row-l {
    row-gap: var(--padding-l);
  }
  .dp-as-gap-xl {
    gap: var(--padding-xl);
  }
  .dp-as-gap-column-xl {
    column-gap: var(--padding-xl);
  }
  .dp-as-gap-row-xl {
    row-gap: var(--padding-xl);
  }
  .dp-as-gap-2xl {
    gap: var(--padding-2xl);
  }
  .dp-as-gap-column-2xl {
    column-gap: var(--padding-2xl);
  }
  .dp-as-gap-row-2xl {
    row-gap: var(--padding-2xl);
  }
  .dp-as-gap-3xl {
    gap: var(--padding-3xl);
  }
  .dp-as-gap-column-3xl {
    column-gap: var(--padding-3xl);
  }
  .dp-as-gap-row-3xl {
    row-gap: var(--padding-3xl);
  }
  .dp-as-gap-4xl {
    gap: var(--padding-4xl);
  }
  .dp-as-gap-column-4xl {
    column-gap: var(--padding-4xl);
  }
  .dp-as-gap-row-4xl {
    row-gap: var(--padding-4xl);
  }
  .dp-as-gap-5xl {
    gap: var(--padding-5xl);
  }
  .dp-as-gap-column-5xl {
    column-gap: var(--padding-5xl);
  }
  .dp-as-gap-row-5xl {
    row-gap: var(--padding-5xl);
  }
  .dp-as-gap-6xl {
    gap: var(--padding-6xl);
  }
  .dp-as-gap-column-6xl {
    column-gap: var(--padding-6xl);
  }
  .dp-as-gap-row-6xl {
    row-gap: var(--padding-6xl);
  }
  .dp-as-gap-unset {
    gap: var(--padding-unset);
  }
  .dp-as-gap-column-unset {
    column-gap: var(--padding-unset);
  }
  .dp-as-gap-row-unset {
    row-gap: var(--padding-unset);
  }
}
.as-gap {
  gap: var(--page-grid-gap);
}

.as-gap-column {
  column-gap: var(--page-grid-gap);
}

.as-gap-row {
  row-gap: var(--page-grid-gap);
}

.as-gap-025x {
  gap: calc(var(--page-grid-gap) * 0.25);
}

.as-gap-column-025x {
  column-gap: calc(var(--page-grid-gap) * 0.25);
}

.as-gap-row-025x {
  row-gap: calc(var(--page-grid-gap) * 0.25);
}

.as-gap-05x {
  gap: calc(var(--page-grid-gap) * 0.5);
}

.as-gap-column-05x {
  column-gap: calc(var(--page-grid-gap) * 0.5);
}

.as-gap-row-05x {
  row-gap: calc(var(--page-grid-gap) * 0.5);
}

.as-gap-2x {
  gap: calc(var(--page-grid-gap) * 2);
}

.as-gap-column-2x {
  column-gap: calc(var(--page-grid-gap) * 2);
}

.as-gap-row-2x {
  row-gap: calc(var(--page-grid-gap) * 2);
}

.as-gap-3x {
  gap: calc(var(--page-grid-gap) * 3);
}

.as-gap-column-3x {
  column-gap: calc(var(--page-grid-gap) * 3);
}

.as-gap-row-3x {
  row-gap: calc(var(--page-grid-gap) * 3);
}

.as-gap-xxs {
  gap: var(--padding-xxs);
}

.as-gap-column-xxs {
  column-gap: var(--padding-xxs);
}

.as-gap-row-xxs {
  row-gap: var(--padding-xxs);
}

.as-gap-xs {
  gap: var(--padding-xs);
}

.as-gap-column-xs {
  column-gap: var(--padding-xs);
}

.as-gap-row-xs {
  row-gap: var(--padding-xs);
}

.as-gap-s {
  gap: var(--padding-s);
}

.as-gap-column-s {
  column-gap: var(--padding-s);
}

.as-gap-row-s {
  row-gap: var(--padding-s);
}

.as-gap-m {
  gap: var(--padding-m);
}

.as-gap-column-m {
  column-gap: var(--padding-m);
}

.as-gap-row-m {
  row-gap: var(--padding-m);
}

.as-gap-l {
  gap: var(--padding-l);
}

.as-gap-column-l {
  column-gap: var(--padding-l);
}

.as-gap-row-l {
  row-gap: var(--padding-l);
}

.as-gap-xl {
  gap: var(--padding-xl);
}

.as-gap-column-xl {
  column-gap: var(--padding-xl);
}

.as-gap-row-xl {
  row-gap: var(--padding-xl);
}

.as-gap-2xl {
  gap: var(--padding-2xl);
}

.as-gap-column-2xl {
  column-gap: var(--padding-2xl);
}

.as-gap-row-2xl {
  row-gap: var(--padding-2xl);
}

.as-gap-3xl {
  gap: var(--padding-3xl);
}

.as-gap-column-3xl {
  column-gap: var(--padding-3xl);
}

.as-gap-row-3xl {
  row-gap: var(--padding-3xl);
}

.as-gap-4xl {
  gap: var(--padding-4xl);
}

.as-gap-column-4xl {
  column-gap: var(--padding-4xl);
}

.as-gap-row-4xl {
  row-gap: var(--padding-4xl);
}

.as-gap-5xl {
  gap: var(--padding-5xl);
}

.as-gap-column-5xl {
  column-gap: var(--padding-5xl);
}

.as-gap-row-5xl {
  row-gap: var(--padding-5xl);
}

.as-gap-6xl {
  gap: var(--padding-6xl);
}

.as-gap-column-6xl {
  column-gap: var(--padding-6xl);
}

.as-gap-row-6xl {
  row-gap: var(--padding-6xl);
}

.as-gap-unset {
  gap: var(--padding-unset);
}

.as-gap-column-unset {
  column-gap: var(--padding-unset);
}

.as-gap-row-unset {
  row-gap: var(--padding-unset);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-gradient-primary-100-alpha60 {
    background: var(--gradient-primary-100-alpha60);
  }
}
.as-gradient-primary-100-alpha60 {
  background: var(--gradient-primary-100-alpha60);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-grid-row-1 {
    grid-row: 1;
  }
  .m-as-grid-row-2 {
    grid-row: 2;
  }
  .m-as-grid-row-3 {
    grid-row: 3;
  }
  .m-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-grid-row-1 {
    grid-row: 1;
  }
  .ml-as-grid-row-2 {
    grid-row: 2;
  }
  .ml-as-grid-row-3 {
    grid-row: 3;
  }
  .ml-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-grid-row-1 {
    grid-row: 1;
  }
  .mp-as-grid-row-2 {
    grid-row: 2;
  }
  .mp-as-grid-row-3 {
    grid-row: 3;
  }
  .mp-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-grid-row-1 {
    grid-row: 1;
  }
  .t-as-grid-row-2 {
    grid-row: 2;
  }
  .t-as-grid-row-3 {
    grid-row: 3;
  }
  .t-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-grid-row-1 {
    grid-row: 1;
  }
  .tl-as-grid-row-2 {
    grid-row: 2;
  }
  .tl-as-grid-row-3 {
    grid-row: 3;
  }
  .tl-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-grid-row-1 {
    grid-row: 1;
  }
  .tp-as-grid-row-2 {
    grid-row: 2;
  }
  .tp-as-grid-row-3 {
    grid-row: 3;
  }
  .tp-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-grid-row-1 {
    grid-row: 1;
  }
  .d-as-grid-row-2 {
    grid-row: 2;
  }
  .d-as-grid-row-3 {
    grid-row: 3;
  }
  .d-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-grid-row-1 {
    grid-row: 1;
  }
  .dl-as-grid-row-2 {
    grid-row: 2;
  }
  .dl-as-grid-row-3 {
    grid-row: 3;
  }
  .dl-as-grid-row-4 {
    grid-row: 4;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-grid-row-1 {
    grid-row: 1;
  }
  .dp-as-grid-row-2 {
    grid-row: 2;
  }
  .dp-as-grid-row-3 {
    grid-row: 3;
  }
  .dp-as-grid-row-4 {
    grid-row: 4;
  }
}
.as-grid-row-1 {
  grid-row: 1;
}

.as-grid-row-2 {
  grid-row: 2;
}

.as-grid-row-3 {
  grid-row: 3;
}

.as-grid-row-4 {
  grid-row: 4;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-height-0 {
    height: 0%;
  }
  .m-as-height-10 {
    height: 10%;
  }
  .m-as-height-20 {
    height: 20%;
  }
  .m-as-height-25 {
    height: 25%;
  }
  .m-as-height-33 {
    height: 33%;
  }
  .m-as-height-40 {
    height: 40%;
  }
  .m-as-height-50 {
    height: 50%;
  }
  .m-as-height-60 {
    height: 60%;
  }
  .m-as-height-66 {
    height: 66%;
  }
  .m-as-height-75 {
    height: 75%;
  }
  .m-as-height-80 {
    height: 80%;
  }
  .m-as-height-90 {
    height: 90%;
  }
  .m-as-height-100 {
    height: 100%;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-height-0 {
    height: 0%;
  }
  .ml-as-height-10 {
    height: 10%;
  }
  .ml-as-height-20 {
    height: 20%;
  }
  .ml-as-height-25 {
    height: 25%;
  }
  .ml-as-height-33 {
    height: 33%;
  }
  .ml-as-height-40 {
    height: 40%;
  }
  .ml-as-height-50 {
    height: 50%;
  }
  .ml-as-height-60 {
    height: 60%;
  }
  .ml-as-height-66 {
    height: 66%;
  }
  .ml-as-height-75 {
    height: 75%;
  }
  .ml-as-height-80 {
    height: 80%;
  }
  .ml-as-height-90 {
    height: 90%;
  }
  .ml-as-height-100 {
    height: 100%;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-height-0 {
    height: 0%;
  }
  .mp-as-height-10 {
    height: 10%;
  }
  .mp-as-height-20 {
    height: 20%;
  }
  .mp-as-height-25 {
    height: 25%;
  }
  .mp-as-height-33 {
    height: 33%;
  }
  .mp-as-height-40 {
    height: 40%;
  }
  .mp-as-height-50 {
    height: 50%;
  }
  .mp-as-height-60 {
    height: 60%;
  }
  .mp-as-height-66 {
    height: 66%;
  }
  .mp-as-height-75 {
    height: 75%;
  }
  .mp-as-height-80 {
    height: 80%;
  }
  .mp-as-height-90 {
    height: 90%;
  }
  .mp-as-height-100 {
    height: 100%;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-height-0 {
    height: 0%;
  }
  .t-as-height-10 {
    height: 10%;
  }
  .t-as-height-20 {
    height: 20%;
  }
  .t-as-height-25 {
    height: 25%;
  }
  .t-as-height-33 {
    height: 33%;
  }
  .t-as-height-40 {
    height: 40%;
  }
  .t-as-height-50 {
    height: 50%;
  }
  .t-as-height-60 {
    height: 60%;
  }
  .t-as-height-66 {
    height: 66%;
  }
  .t-as-height-75 {
    height: 75%;
  }
  .t-as-height-80 {
    height: 80%;
  }
  .t-as-height-90 {
    height: 90%;
  }
  .t-as-height-100 {
    height: 100%;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-height-0 {
    height: 0%;
  }
  .tl-as-height-10 {
    height: 10%;
  }
  .tl-as-height-20 {
    height: 20%;
  }
  .tl-as-height-25 {
    height: 25%;
  }
  .tl-as-height-33 {
    height: 33%;
  }
  .tl-as-height-40 {
    height: 40%;
  }
  .tl-as-height-50 {
    height: 50%;
  }
  .tl-as-height-60 {
    height: 60%;
  }
  .tl-as-height-66 {
    height: 66%;
  }
  .tl-as-height-75 {
    height: 75%;
  }
  .tl-as-height-80 {
    height: 80%;
  }
  .tl-as-height-90 {
    height: 90%;
  }
  .tl-as-height-100 {
    height: 100%;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-height-0 {
    height: 0%;
  }
  .tp-as-height-10 {
    height: 10%;
  }
  .tp-as-height-20 {
    height: 20%;
  }
  .tp-as-height-25 {
    height: 25%;
  }
  .tp-as-height-33 {
    height: 33%;
  }
  .tp-as-height-40 {
    height: 40%;
  }
  .tp-as-height-50 {
    height: 50%;
  }
  .tp-as-height-60 {
    height: 60%;
  }
  .tp-as-height-66 {
    height: 66%;
  }
  .tp-as-height-75 {
    height: 75%;
  }
  .tp-as-height-80 {
    height: 80%;
  }
  .tp-as-height-90 {
    height: 90%;
  }
  .tp-as-height-100 {
    height: 100%;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-height-0 {
    height: 0%;
  }
  .d-as-height-10 {
    height: 10%;
  }
  .d-as-height-20 {
    height: 20%;
  }
  .d-as-height-25 {
    height: 25%;
  }
  .d-as-height-33 {
    height: 33%;
  }
  .d-as-height-40 {
    height: 40%;
  }
  .d-as-height-50 {
    height: 50%;
  }
  .d-as-height-60 {
    height: 60%;
  }
  .d-as-height-66 {
    height: 66%;
  }
  .d-as-height-75 {
    height: 75%;
  }
  .d-as-height-80 {
    height: 80%;
  }
  .d-as-height-90 {
    height: 90%;
  }
  .d-as-height-100 {
    height: 100%;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-height-0 {
    height: 0%;
  }
  .dl-as-height-10 {
    height: 10%;
  }
  .dl-as-height-20 {
    height: 20%;
  }
  .dl-as-height-25 {
    height: 25%;
  }
  .dl-as-height-33 {
    height: 33%;
  }
  .dl-as-height-40 {
    height: 40%;
  }
  .dl-as-height-50 {
    height: 50%;
  }
  .dl-as-height-60 {
    height: 60%;
  }
  .dl-as-height-66 {
    height: 66%;
  }
  .dl-as-height-75 {
    height: 75%;
  }
  .dl-as-height-80 {
    height: 80%;
  }
  .dl-as-height-90 {
    height: 90%;
  }
  .dl-as-height-100 {
    height: 100%;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-height-0 {
    height: 0%;
  }
  .dp-as-height-10 {
    height: 10%;
  }
  .dp-as-height-20 {
    height: 20%;
  }
  .dp-as-height-25 {
    height: 25%;
  }
  .dp-as-height-33 {
    height: 33%;
  }
  .dp-as-height-40 {
    height: 40%;
  }
  .dp-as-height-50 {
    height: 50%;
  }
  .dp-as-height-60 {
    height: 60%;
  }
  .dp-as-height-66 {
    height: 66%;
  }
  .dp-as-height-75 {
    height: 75%;
  }
  .dp-as-height-80 {
    height: 80%;
  }
  .dp-as-height-90 {
    height: 90%;
  }
  .dp-as-height-100 {
    height: 100%;
  }
}
.as-height-0 {
  height: 0%;
}

.as-height-10 {
  height: 10%;
}

.as-height-20 {
  height: 20%;
}

.as-height-25 {
  height: 25%;
}

.as-height-33 {
  height: 33%;
}

.as-height-40 {
  height: 40%;
}

.as-height-50 {
  height: 50%;
}

.as-height-60 {
  height: 60%;
}

.as-height-66 {
  height: 66%;
}

.as-height-75 {
  height: 75%;
}

.as-height-80 {
  height: 80%;
}

.as-height-90 {
  height: 90%;
}

.as-height-100 {
  height: 100%;
}

.as-hidden {
  display: none !important;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-hidden {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-hidden {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-hidden {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-hidden {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-hidden {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-hidden {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-hidden {
    display: none !important;
  }
}
.as-italic {
  font-style: italic;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-italic {
    font-style: italic;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-italic {
    font-style: italic;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-italic {
    font-style: italic;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-italic {
    font-style: italic;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-italic {
    font-style: italic;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-italic {
    font-style: italic;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-italic {
    font-style: italic;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-italic {
    font-style: italic;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-italic {
    font-style: italic;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  [class*=m-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .m-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .m-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .m-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .m-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .m-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .m-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .m-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .m-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .m-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .m-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  [class*=ml-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ml-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .ml-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .ml-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .ml-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .ml-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .ml-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .ml-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .ml-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .ml-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .ml-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  [class*=mp-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mp-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .mp-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .mp-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .mp-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .mp-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .mp-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .mp-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .mp-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .mp-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .mp-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  [class*=t-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .t-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .t-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .t-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .t-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .t-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .t-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .t-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .t-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .t-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .t-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  [class*=tl-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .tl-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .tl-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .tl-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .tl-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .tl-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .tl-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .tl-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .tl-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .tl-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .tl-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  [class*=tp-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .tp-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .tp-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .tp-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .tp-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .tp-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .tp-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .tp-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .tp-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .tp-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .tp-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  [class*=d-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .d-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .d-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .d-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .d-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .d-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .d-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .d-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .d-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .d-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .d-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  [class*=dl-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .dl-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .dl-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .dl-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .dl-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .dl-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .dl-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .dl-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .dl-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .dl-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .dl-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  [class*=dp-as-line-constraint-] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .dp-as-line-constraint-1 {
    -webkit-line-clamp: 1;
  }
  .dp-as-line-constraint-2 {
    -webkit-line-clamp: 2;
  }
  .dp-as-line-constraint-3 {
    -webkit-line-clamp: 3;
  }
  .dp-as-line-constraint-4 {
    -webkit-line-clamp: 4;
  }
  .dp-as-line-constraint-5 {
    -webkit-line-clamp: 5;
  }
  .dp-as-line-constraint-6 {
    -webkit-line-clamp: 6;
  }
  .dp-as-line-constraint-7 {
    -webkit-line-clamp: 7;
  }
  .dp-as-line-constraint-8 {
    -webkit-line-clamp: 8;
  }
  .dp-as-line-constraint-9 {
    -webkit-line-clamp: 9;
  }
  .dp-as-line-constraint-10 {
    -webkit-line-clamp: 10;
  }
}
[class*=as-line-constraint-] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.as-line-constraint-1 {
  -webkit-line-clamp: 1;
}

.as-line-constraint-2 {
  -webkit-line-clamp: 2;
}

.as-line-constraint-3 {
  -webkit-line-clamp: 3;
}

.as-line-constraint-4 {
  -webkit-line-clamp: 4;
}

.as-line-constraint-5 {
  -webkit-line-clamp: 5;
}

.as-line-constraint-6 {
  -webkit-line-clamp: 6;
}

.as-line-constraint-7 {
  -webkit-line-clamp: 7;
}

.as-line-constraint-8 {
  -webkit-line-clamp: 8;
}

.as-line-constraint-9 {
  -webkit-line-clamp: 9;
}

.as-line-constraint-10 {
  -webkit-line-clamp: 10;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-line-height-0 {
    line-height: 0;
  }
  .m-as-line-height-1 {
    line-height: 1;
  }
  .m-as-line-height-1-1 {
    line-height: 1.1;
  }
  .m-as-line-height-1-2 {
    line-height: 1.2;
  }
  .m-as-line-height-1-3 {
    line-height: 1.3;
  }
  .m-as-line-height-1-4 {
    line-height: 1.4;
  }
  .m-as-line-height-1-5 {
    line-height: 1.5;
  }
  .m-as-line-height-1-6 {
    line-height: 1.6;
  }
  .m-as-line-height-1-7 {
    line-height: 1.7;
  }
  .m-as-line-height-1-8 {
    line-height: 1.8;
  }
  .m-as-line-height-1-9 {
    line-height: 1.9;
  }
  .m-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-line-height-0 {
    line-height: 0;
  }
  .ml-as-line-height-1 {
    line-height: 1;
  }
  .ml-as-line-height-1-1 {
    line-height: 1.1;
  }
  .ml-as-line-height-1-2 {
    line-height: 1.2;
  }
  .ml-as-line-height-1-3 {
    line-height: 1.3;
  }
  .ml-as-line-height-1-4 {
    line-height: 1.4;
  }
  .ml-as-line-height-1-5 {
    line-height: 1.5;
  }
  .ml-as-line-height-1-6 {
    line-height: 1.6;
  }
  .ml-as-line-height-1-7 {
    line-height: 1.7;
  }
  .ml-as-line-height-1-8 {
    line-height: 1.8;
  }
  .ml-as-line-height-1-9 {
    line-height: 1.9;
  }
  .ml-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-line-height-0 {
    line-height: 0;
  }
  .mp-as-line-height-1 {
    line-height: 1;
  }
  .mp-as-line-height-1-1 {
    line-height: 1.1;
  }
  .mp-as-line-height-1-2 {
    line-height: 1.2;
  }
  .mp-as-line-height-1-3 {
    line-height: 1.3;
  }
  .mp-as-line-height-1-4 {
    line-height: 1.4;
  }
  .mp-as-line-height-1-5 {
    line-height: 1.5;
  }
  .mp-as-line-height-1-6 {
    line-height: 1.6;
  }
  .mp-as-line-height-1-7 {
    line-height: 1.7;
  }
  .mp-as-line-height-1-8 {
    line-height: 1.8;
  }
  .mp-as-line-height-1-9 {
    line-height: 1.9;
  }
  .mp-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-line-height-0 {
    line-height: 0;
  }
  .t-as-line-height-1 {
    line-height: 1;
  }
  .t-as-line-height-1-1 {
    line-height: 1.1;
  }
  .t-as-line-height-1-2 {
    line-height: 1.2;
  }
  .t-as-line-height-1-3 {
    line-height: 1.3;
  }
  .t-as-line-height-1-4 {
    line-height: 1.4;
  }
  .t-as-line-height-1-5 {
    line-height: 1.5;
  }
  .t-as-line-height-1-6 {
    line-height: 1.6;
  }
  .t-as-line-height-1-7 {
    line-height: 1.7;
  }
  .t-as-line-height-1-8 {
    line-height: 1.8;
  }
  .t-as-line-height-1-9 {
    line-height: 1.9;
  }
  .t-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-line-height-0 {
    line-height: 0;
  }
  .tl-as-line-height-1 {
    line-height: 1;
  }
  .tl-as-line-height-1-1 {
    line-height: 1.1;
  }
  .tl-as-line-height-1-2 {
    line-height: 1.2;
  }
  .tl-as-line-height-1-3 {
    line-height: 1.3;
  }
  .tl-as-line-height-1-4 {
    line-height: 1.4;
  }
  .tl-as-line-height-1-5 {
    line-height: 1.5;
  }
  .tl-as-line-height-1-6 {
    line-height: 1.6;
  }
  .tl-as-line-height-1-7 {
    line-height: 1.7;
  }
  .tl-as-line-height-1-8 {
    line-height: 1.8;
  }
  .tl-as-line-height-1-9 {
    line-height: 1.9;
  }
  .tl-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-line-height-0 {
    line-height: 0;
  }
  .tp-as-line-height-1 {
    line-height: 1;
  }
  .tp-as-line-height-1-1 {
    line-height: 1.1;
  }
  .tp-as-line-height-1-2 {
    line-height: 1.2;
  }
  .tp-as-line-height-1-3 {
    line-height: 1.3;
  }
  .tp-as-line-height-1-4 {
    line-height: 1.4;
  }
  .tp-as-line-height-1-5 {
    line-height: 1.5;
  }
  .tp-as-line-height-1-6 {
    line-height: 1.6;
  }
  .tp-as-line-height-1-7 {
    line-height: 1.7;
  }
  .tp-as-line-height-1-8 {
    line-height: 1.8;
  }
  .tp-as-line-height-1-9 {
    line-height: 1.9;
  }
  .tp-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-line-height-0 {
    line-height: 0;
  }
  .d-as-line-height-1 {
    line-height: 1;
  }
  .d-as-line-height-1-1 {
    line-height: 1.1;
  }
  .d-as-line-height-1-2 {
    line-height: 1.2;
  }
  .d-as-line-height-1-3 {
    line-height: 1.3;
  }
  .d-as-line-height-1-4 {
    line-height: 1.4;
  }
  .d-as-line-height-1-5 {
    line-height: 1.5;
  }
  .d-as-line-height-1-6 {
    line-height: 1.6;
  }
  .d-as-line-height-1-7 {
    line-height: 1.7;
  }
  .d-as-line-height-1-8 {
    line-height: 1.8;
  }
  .d-as-line-height-1-9 {
    line-height: 1.9;
  }
  .d-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-line-height-0 {
    line-height: 0;
  }
  .dl-as-line-height-1 {
    line-height: 1;
  }
  .dl-as-line-height-1-1 {
    line-height: 1.1;
  }
  .dl-as-line-height-1-2 {
    line-height: 1.2;
  }
  .dl-as-line-height-1-3 {
    line-height: 1.3;
  }
  .dl-as-line-height-1-4 {
    line-height: 1.4;
  }
  .dl-as-line-height-1-5 {
    line-height: 1.5;
  }
  .dl-as-line-height-1-6 {
    line-height: 1.6;
  }
  .dl-as-line-height-1-7 {
    line-height: 1.7;
  }
  .dl-as-line-height-1-8 {
    line-height: 1.8;
  }
  .dl-as-line-height-1-9 {
    line-height: 1.9;
  }
  .dl-as-line-height-2 {
    line-height: 2;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-line-height-0 {
    line-height: 0;
  }
  .dp-as-line-height-1 {
    line-height: 1;
  }
  .dp-as-line-height-1-1 {
    line-height: 1.1;
  }
  .dp-as-line-height-1-2 {
    line-height: 1.2;
  }
  .dp-as-line-height-1-3 {
    line-height: 1.3;
  }
  .dp-as-line-height-1-4 {
    line-height: 1.4;
  }
  .dp-as-line-height-1-5 {
    line-height: 1.5;
  }
  .dp-as-line-height-1-6 {
    line-height: 1.6;
  }
  .dp-as-line-height-1-7 {
    line-height: 1.7;
  }
  .dp-as-line-height-1-8 {
    line-height: 1.8;
  }
  .dp-as-line-height-1-9 {
    line-height: 1.9;
  }
  .dp-as-line-height-2 {
    line-height: 2;
  }
}
.as-line-height-0 {
  line-height: 0;
}

.as-line-height-1 {
  line-height: 1;
}

.as-line-height-1-1 {
  line-height: 1.1;
}

.as-line-height-1-2 {
  line-height: 1.2;
}

.as-line-height-1-3 {
  line-height: 1.3;
}

.as-line-height-1-4 {
  line-height: 1.4;
}

.as-line-height-1-5 {
  line-height: 1.5;
}

.as-line-height-1-6 {
  line-height: 1.6;
}

.as-line-height-1-7 {
  line-height: 1.7;
}

.as-line-height-1-8 {
  line-height: 1.8;
}

.as-line-height-1-9 {
  line-height: 1.9;
}

.as-line-height-2 {
  line-height: 2;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .m-as-margin-xs {
    margin: var(--padding-xs);
  }
  .m-as-margin-s {
    margin: var(--padding-s);
  }
  .m-as-margin-m {
    margin: var(--padding-m);
  }
  .m-as-margin-l {
    margin: var(--padding-l);
  }
  .m-as-margin-xl {
    margin: var(--padding-xl);
  }
  .m-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .m-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .m-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .m-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .m-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .m-as-margin-unset {
    margin: var(--padding-unset);
  }
  .m-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .m-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .m-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .m-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .m-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .m-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .m-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .m-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .m-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .m-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .m-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .m-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .m-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .m-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .m-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .m-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .m-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .m-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .m-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .m-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .m-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .m-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .m-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .m-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .m-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .m-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .m-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .m-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .m-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .m-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .m-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .m-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .m-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .m-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .m-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .m-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .m-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .m-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .m-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .m-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .m-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .m-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .m-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .m-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .m-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .m-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .m-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .m-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .m-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .m-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .m-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .m-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .m-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .m-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .m-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .m-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .m-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .m-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .m-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .m-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .m-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .m-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .m-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .m-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .m-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .m-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .m-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .m-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .m-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .m-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .m-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .m-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .m-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .m-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .m-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .m-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .m-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .m-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .m-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .m-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .m-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .m-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .m-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .m-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .m-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .m-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .m-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .m-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .m-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .m-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .m-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .m-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .m-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .m-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .m-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .m-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .m-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .m-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .m-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .m-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .m-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .m-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .m-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .m-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .m-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .m-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .m-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .m-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .ml-as-margin-xs {
    margin: var(--padding-xs);
  }
  .ml-as-margin-s {
    margin: var(--padding-s);
  }
  .ml-as-margin-m {
    margin: var(--padding-m);
  }
  .ml-as-margin-l {
    margin: var(--padding-l);
  }
  .ml-as-margin-xl {
    margin: var(--padding-xl);
  }
  .ml-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .ml-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .ml-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .ml-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .ml-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .ml-as-margin-unset {
    margin: var(--padding-unset);
  }
  .ml-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .ml-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .ml-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .ml-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .ml-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .ml-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .ml-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .ml-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .ml-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .ml-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .ml-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .ml-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .ml-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .ml-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .ml-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .ml-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .ml-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .ml-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .ml-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .ml-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .ml-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .ml-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .ml-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .ml-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .ml-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .ml-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .ml-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .ml-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .ml-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .ml-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .ml-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .ml-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .ml-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .ml-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .ml-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .ml-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .ml-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .ml-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .ml-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .ml-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .ml-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .ml-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .ml-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .ml-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .ml-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .ml-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .ml-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .ml-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .ml-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .ml-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .ml-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .ml-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .ml-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .ml-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .ml-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .ml-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .ml-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .ml-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .ml-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .ml-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .ml-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .ml-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .ml-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .ml-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .ml-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .ml-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .ml-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .ml-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .ml-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .ml-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .ml-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .ml-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .ml-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .ml-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .ml-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .ml-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .ml-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .ml-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .ml-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .ml-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .ml-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .ml-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .ml-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .ml-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .ml-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .ml-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .ml-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .ml-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .ml-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .ml-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .mp-as-margin-xs {
    margin: var(--padding-xs);
  }
  .mp-as-margin-s {
    margin: var(--padding-s);
  }
  .mp-as-margin-m {
    margin: var(--padding-m);
  }
  .mp-as-margin-l {
    margin: var(--padding-l);
  }
  .mp-as-margin-xl {
    margin: var(--padding-xl);
  }
  .mp-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .mp-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .mp-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .mp-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .mp-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .mp-as-margin-unset {
    margin: var(--padding-unset);
  }
  .mp-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .mp-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .mp-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .mp-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .mp-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .mp-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .mp-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .mp-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .mp-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .mp-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .mp-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .mp-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .mp-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .mp-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .mp-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .mp-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .mp-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .mp-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .mp-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .mp-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .mp-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .mp-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .mp-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .mp-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .mp-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .mp-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .mp-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .mp-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .mp-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .mp-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .mp-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .mp-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .mp-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .mp-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .mp-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .mp-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .mp-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .mp-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .mp-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .mp-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .mp-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .mp-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .mp-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .mp-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .mp-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .mp-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .mp-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .mp-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .mp-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .mp-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .mp-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .mp-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .mp-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .mp-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .mp-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .mp-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .mp-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .mp-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .mp-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .mp-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .mp-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .mp-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .mp-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .mp-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .mp-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .mp-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .mp-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .mp-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .mp-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .mp-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .mp-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .mp-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .mp-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .mp-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .mp-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .mp-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .mp-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .mp-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .mp-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .mp-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .mp-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .mp-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .mp-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .mp-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .mp-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .mp-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .mp-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .mp-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .mp-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .mp-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .t-as-margin-xs {
    margin: var(--padding-xs);
  }
  .t-as-margin-s {
    margin: var(--padding-s);
  }
  .t-as-margin-m {
    margin: var(--padding-m);
  }
  .t-as-margin-l {
    margin: var(--padding-l);
  }
  .t-as-margin-xl {
    margin: var(--padding-xl);
  }
  .t-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .t-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .t-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .t-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .t-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .t-as-margin-unset {
    margin: var(--padding-unset);
  }
  .t-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .t-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .t-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .t-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .t-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .t-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .t-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .t-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .t-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .t-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .t-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .t-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .t-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .t-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .t-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .t-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .t-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .t-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .t-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .t-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .t-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .t-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .t-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .t-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .t-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .t-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .t-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .t-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .t-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .t-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .t-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .t-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .t-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .t-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .t-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .t-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .t-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .t-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .t-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .t-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .t-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .t-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .t-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .t-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .t-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .t-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .t-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .t-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .t-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .t-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .t-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .t-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .t-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .t-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .t-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .t-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .t-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .t-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .t-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .t-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .t-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .t-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .t-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .t-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .t-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .t-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .t-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .t-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .t-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .t-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .t-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .t-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .t-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .t-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .t-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .t-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .t-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .t-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .t-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .t-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .t-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .t-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .t-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .t-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .t-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .t-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .t-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .t-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .t-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .t-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .t-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .t-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .t-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .t-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .t-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .t-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .t-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .t-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .t-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .t-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .t-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .t-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .t-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .t-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .t-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .t-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .t-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .t-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .tl-as-margin-xs {
    margin: var(--padding-xs);
  }
  .tl-as-margin-s {
    margin: var(--padding-s);
  }
  .tl-as-margin-m {
    margin: var(--padding-m);
  }
  .tl-as-margin-l {
    margin: var(--padding-l);
  }
  .tl-as-margin-xl {
    margin: var(--padding-xl);
  }
  .tl-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .tl-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .tl-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .tl-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .tl-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .tl-as-margin-unset {
    margin: var(--padding-unset);
  }
  .tl-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .tl-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .tl-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .tl-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .tl-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .tl-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .tl-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .tl-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .tl-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .tl-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .tl-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .tl-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .tl-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .tl-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .tl-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .tl-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .tl-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .tl-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .tl-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .tl-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .tl-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .tl-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .tl-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .tl-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .tl-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .tl-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .tl-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .tl-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .tl-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .tl-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .tl-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .tl-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .tl-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .tl-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .tl-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .tl-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .tl-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .tl-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .tl-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .tl-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .tl-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .tl-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .tl-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .tl-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .tl-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .tl-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .tl-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .tl-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .tl-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .tl-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .tl-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .tl-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .tl-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .tl-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .tl-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .tl-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .tl-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .tl-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .tl-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .tl-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .tl-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .tl-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .tl-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .tl-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .tl-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .tl-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .tl-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .tl-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .tl-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .tl-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .tl-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .tl-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .tl-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .tl-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .tl-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .tl-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .tl-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .tl-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .tl-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .tl-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .tl-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .tl-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .tl-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .tl-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .tl-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .tl-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .tl-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .tl-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .tl-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .tl-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .tp-as-margin-xs {
    margin: var(--padding-xs);
  }
  .tp-as-margin-s {
    margin: var(--padding-s);
  }
  .tp-as-margin-m {
    margin: var(--padding-m);
  }
  .tp-as-margin-l {
    margin: var(--padding-l);
  }
  .tp-as-margin-xl {
    margin: var(--padding-xl);
  }
  .tp-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .tp-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .tp-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .tp-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .tp-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .tp-as-margin-unset {
    margin: var(--padding-unset);
  }
  .tp-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .tp-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .tp-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .tp-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .tp-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .tp-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .tp-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .tp-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .tp-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .tp-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .tp-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .tp-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .tp-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .tp-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .tp-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .tp-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .tp-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .tp-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .tp-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .tp-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .tp-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .tp-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .tp-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .tp-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .tp-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .tp-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .tp-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .tp-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .tp-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .tp-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .tp-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .tp-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .tp-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .tp-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .tp-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .tp-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .tp-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .tp-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .tp-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .tp-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .tp-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .tp-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .tp-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .tp-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .tp-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .tp-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .tp-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .tp-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .tp-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .tp-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .tp-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .tp-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .tp-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .tp-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .tp-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .tp-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .tp-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .tp-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .tp-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .tp-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .tp-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .tp-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .tp-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .tp-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .tp-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .tp-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .tp-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .tp-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .tp-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .tp-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .tp-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .tp-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .tp-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .tp-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .tp-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .tp-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .tp-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .tp-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .tp-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .tp-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .tp-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .tp-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .tp-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .tp-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .tp-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .tp-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .tp-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .tp-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .tp-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .tp-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .d-as-margin-xs {
    margin: var(--padding-xs);
  }
  .d-as-margin-s {
    margin: var(--padding-s);
  }
  .d-as-margin-m {
    margin: var(--padding-m);
  }
  .d-as-margin-l {
    margin: var(--padding-l);
  }
  .d-as-margin-xl {
    margin: var(--padding-xl);
  }
  .d-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .d-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .d-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .d-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .d-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .d-as-margin-unset {
    margin: var(--padding-unset);
  }
  .d-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .d-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .d-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .d-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .d-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .d-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .d-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .d-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .d-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .d-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .d-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .d-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .d-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .d-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .d-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .d-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .d-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .d-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .d-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .d-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .d-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .d-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .d-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .d-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .d-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .d-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .d-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .d-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .d-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .d-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .d-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .d-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .d-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .d-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .d-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .d-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .d-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .d-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .d-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .d-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .d-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .d-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .d-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .d-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .d-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .d-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .d-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .d-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .d-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .d-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .d-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .d-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .d-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .d-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .d-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .d-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .d-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .d-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .d-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .d-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .d-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .d-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .d-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .d-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .d-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .d-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .d-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .d-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .d-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .d-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .d-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .d-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .d-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .d-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .d-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .d-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .d-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .d-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .d-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .d-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .d-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .d-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .d-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .d-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .d-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .d-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .d-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .d-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .d-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .d-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .d-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .d-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .d-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .d-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .d-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .d-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .d-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .d-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .d-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .d-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .d-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .d-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .d-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .d-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .d-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .d-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .d-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .d-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .dl-as-margin-xs {
    margin: var(--padding-xs);
  }
  .dl-as-margin-s {
    margin: var(--padding-s);
  }
  .dl-as-margin-m {
    margin: var(--padding-m);
  }
  .dl-as-margin-l {
    margin: var(--padding-l);
  }
  .dl-as-margin-xl {
    margin: var(--padding-xl);
  }
  .dl-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .dl-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .dl-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .dl-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .dl-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .dl-as-margin-unset {
    margin: var(--padding-unset);
  }
  .dl-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .dl-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .dl-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .dl-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .dl-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .dl-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .dl-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .dl-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .dl-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .dl-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .dl-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .dl-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .dl-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .dl-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .dl-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .dl-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .dl-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .dl-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .dl-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .dl-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .dl-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .dl-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .dl-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .dl-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .dl-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .dl-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .dl-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .dl-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .dl-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .dl-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .dl-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .dl-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .dl-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .dl-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .dl-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .dl-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .dl-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .dl-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .dl-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .dl-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .dl-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .dl-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .dl-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .dl-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .dl-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .dl-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .dl-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .dl-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .dl-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .dl-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .dl-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .dl-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .dl-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .dl-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .dl-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .dl-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .dl-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .dl-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .dl-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .dl-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .dl-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .dl-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .dl-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .dl-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .dl-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .dl-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .dl-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .dl-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .dl-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .dl-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .dl-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .dl-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .dl-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .dl-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .dl-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .dl-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .dl-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .dl-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .dl-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .dl-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .dl-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .dl-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .dl-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .dl-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .dl-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .dl-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .dl-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .dl-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .dl-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .dl-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-margin-xxs {
    margin: var(--padding-xxs);
  }
  .dp-as-margin-xs {
    margin: var(--padding-xs);
  }
  .dp-as-margin-s {
    margin: var(--padding-s);
  }
  .dp-as-margin-m {
    margin: var(--padding-m);
  }
  .dp-as-margin-l {
    margin: var(--padding-l);
  }
  .dp-as-margin-xl {
    margin: var(--padding-xl);
  }
  .dp-as-margin-2xl {
    margin: var(--padding-2xl);
  }
  .dp-as-margin-3xl {
    margin: var(--padding-3xl);
  }
  .dp-as-margin-4xl {
    margin: var(--padding-4xl);
  }
  .dp-as-margin-5xl {
    margin: var(--padding-5xl);
  }
  .dp-as-margin-6xl {
    margin: var(--padding-6xl);
  }
  .dp-as-margin-unset {
    margin: var(--padding-unset);
  }
  .dp-as-margin-x-xxs {
    margin-left: var(--padding-xxs);
    margin-right: var(--padding-xxs);
  }
  .dp-as-margin-y-xxs {
    margin-top: var(--padding-xxs);
    margin-bottom: var(--padding-xxs);
  }
  .dp-as-margin-top-xxs {
    margin-top: var(--padding-xxs);
  }
  .dp-as-margin-right-xxs {
    margin-right: var(--padding-xxs);
  }
  .dp-as-margin-bottom-xxs {
    margin-bottom: var(--padding-xxs);
  }
  .dp-as-margin-left-xxs {
    margin-left: var(--padding-xxs);
  }
  .dp-as-margin--xxs {
    margin: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-x--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-y--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-top--xxs {
    margin-top: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-right--xxs {
    margin-right: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-bottom--xxs {
    margin-bottom: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-left--xxs {
    margin-left: calc(var(--padding-xxs) * -1);
  }
  .dp-as-margin-x-xs {
    margin-left: var(--padding-xs);
    margin-right: var(--padding-xs);
  }
  .dp-as-margin-y-xs {
    margin-top: var(--padding-xs);
    margin-bottom: var(--padding-xs);
  }
  .dp-as-margin-top-xs {
    margin-top: var(--padding-xs);
  }
  .dp-as-margin-right-xs {
    margin-right: var(--padding-xs);
  }
  .dp-as-margin-bottom-xs {
    margin-bottom: var(--padding-xs);
  }
  .dp-as-margin-left-xs {
    margin-left: var(--padding-xs);
  }
  .dp-as-margin--xs {
    margin: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-x--xs {
    margin-left: calc(var(--padding-xs) * -1);
    margin-right: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-y--xs {
    margin-top: calc(var(--padding-xs) * -1);
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-top--xs {
    margin-top: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-right--xs {
    margin-right: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-bottom--xs {
    margin-bottom: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-left--xs {
    margin-left: calc(var(--padding-xs) * -1);
  }
  .dp-as-margin-x-s {
    margin-left: var(--padding-s);
    margin-right: var(--padding-s);
  }
  .dp-as-margin-y-s {
    margin-top: var(--padding-s);
    margin-bottom: var(--padding-s);
  }
  .dp-as-margin-top-s {
    margin-top: var(--padding-s);
  }
  .dp-as-margin-right-s {
    margin-right: var(--padding-s);
  }
  .dp-as-margin-bottom-s {
    margin-bottom: var(--padding-s);
  }
  .dp-as-margin-left-s {
    margin-left: var(--padding-s);
  }
  .dp-as-margin--s {
    margin: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-x--s {
    margin-left: calc(var(--padding-s) * -1);
    margin-right: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-y--s {
    margin-top: calc(var(--padding-s) * -1);
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-top--s {
    margin-top: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-right--s {
    margin-right: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-bottom--s {
    margin-bottom: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-left--s {
    margin-left: calc(var(--padding-s) * -1);
  }
  .dp-as-margin-x-m {
    margin-left: var(--padding-m);
    margin-right: var(--padding-m);
  }
  .dp-as-margin-y-m {
    margin-top: var(--padding-m);
    margin-bottom: var(--padding-m);
  }
  .dp-as-margin-top-m {
    margin-top: var(--padding-m);
  }
  .dp-as-margin-right-m {
    margin-right: var(--padding-m);
  }
  .dp-as-margin-bottom-m {
    margin-bottom: var(--padding-m);
  }
  .dp-as-margin-left-m {
    margin-left: var(--padding-m);
  }
  .dp-as-margin--m {
    margin: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-x--m {
    margin-left: calc(var(--padding-m) * -1);
    margin-right: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-y--m {
    margin-top: calc(var(--padding-m) * -1);
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-top--m {
    margin-top: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-right--m {
    margin-right: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-bottom--m {
    margin-bottom: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-left--m {
    margin-left: calc(var(--padding-m) * -1);
  }
  .dp-as-margin-x-l {
    margin-left: var(--padding-l);
    margin-right: var(--padding-l);
  }
  .dp-as-margin-y-l {
    margin-top: var(--padding-l);
    margin-bottom: var(--padding-l);
  }
  .dp-as-margin-top-l {
    margin-top: var(--padding-l);
  }
  .dp-as-margin-right-l {
    margin-right: var(--padding-l);
  }
  .dp-as-margin-bottom-l {
    margin-bottom: var(--padding-l);
  }
  .dp-as-margin-left-l {
    margin-left: var(--padding-l);
  }
  .dp-as-margin--l {
    margin: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-x--l {
    margin-left: calc(var(--padding-l) * -1);
    margin-right: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-y--l {
    margin-top: calc(var(--padding-l) * -1);
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-top--l {
    margin-top: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-right--l {
    margin-right: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-bottom--l {
    margin-bottom: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-left--l {
    margin-left: calc(var(--padding-l) * -1);
  }
  .dp-as-margin-x-xl {
    margin-left: var(--padding-xl);
    margin-right: var(--padding-xl);
  }
  .dp-as-margin-y-xl {
    margin-top: var(--padding-xl);
    margin-bottom: var(--padding-xl);
  }
  .dp-as-margin-top-xl {
    margin-top: var(--padding-xl);
  }
  .dp-as-margin-right-xl {
    margin-right: var(--padding-xl);
  }
  .dp-as-margin-bottom-xl {
    margin-bottom: var(--padding-xl);
  }
  .dp-as-margin-left-xl {
    margin-left: var(--padding-xl);
  }
  .dp-as-margin--xl {
    margin: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-x--xl {
    margin-left: calc(var(--padding-xl) * -1);
    margin-right: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-y--xl {
    margin-top: calc(var(--padding-xl) * -1);
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-top--xl {
    margin-top: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-right--xl {
    margin-right: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-bottom--xl {
    margin-bottom: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-left--xl {
    margin-left: calc(var(--padding-xl) * -1);
  }
  .dp-as-margin-x-2xl {
    margin-left: var(--padding-2xl);
    margin-right: var(--padding-2xl);
  }
  .dp-as-margin-y-2xl {
    margin-top: var(--padding-2xl);
    margin-bottom: var(--padding-2xl);
  }
  .dp-as-margin-top-2xl {
    margin-top: var(--padding-2xl);
  }
  .dp-as-margin-right-2xl {
    margin-right: var(--padding-2xl);
  }
  .dp-as-margin-bottom-2xl {
    margin-bottom: var(--padding-2xl);
  }
  .dp-as-margin-left-2xl {
    margin-left: var(--padding-2xl);
  }
  .dp-as-margin--2xl {
    margin: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-x--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-y--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-top--2xl {
    margin-top: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-right--2xl {
    margin-right: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-bottom--2xl {
    margin-bottom: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-left--2xl {
    margin-left: calc(var(--padding-2xl) * -1);
  }
  .dp-as-margin-x-3xl {
    margin-left: var(--padding-3xl);
    margin-right: var(--padding-3xl);
  }
  .dp-as-margin-y-3xl {
    margin-top: var(--padding-3xl);
    margin-bottom: var(--padding-3xl);
  }
  .dp-as-margin-top-3xl {
    margin-top: var(--padding-3xl);
  }
  .dp-as-margin-right-3xl {
    margin-right: var(--padding-3xl);
  }
  .dp-as-margin-bottom-3xl {
    margin-bottom: var(--padding-3xl);
  }
  .dp-as-margin-left-3xl {
    margin-left: var(--padding-3xl);
  }
  .dp-as-margin--3xl {
    margin: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-x--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-y--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-top--3xl {
    margin-top: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-right--3xl {
    margin-right: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-bottom--3xl {
    margin-bottom: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-left--3xl {
    margin-left: calc(var(--padding-3xl) * -1);
  }
  .dp-as-margin-x-4xl {
    margin-left: var(--padding-4xl);
    margin-right: var(--padding-4xl);
  }
  .dp-as-margin-y-4xl {
    margin-top: var(--padding-4xl);
    margin-bottom: var(--padding-4xl);
  }
  .dp-as-margin-top-4xl {
    margin-top: var(--padding-4xl);
  }
  .dp-as-margin-right-4xl {
    margin-right: var(--padding-4xl);
  }
  .dp-as-margin-bottom-4xl {
    margin-bottom: var(--padding-4xl);
  }
  .dp-as-margin-left-4xl {
    margin-left: var(--padding-4xl);
  }
  .dp-as-margin--4xl {
    margin: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-x--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-y--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-top--4xl {
    margin-top: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-right--4xl {
    margin-right: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-bottom--4xl {
    margin-bottom: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-left--4xl {
    margin-left: calc(var(--padding-4xl) * -1);
  }
  .dp-as-margin-x-5xl {
    margin-left: var(--padding-5xl);
    margin-right: var(--padding-5xl);
  }
  .dp-as-margin-y-5xl {
    margin-top: var(--padding-5xl);
    margin-bottom: var(--padding-5xl);
  }
  .dp-as-margin-top-5xl {
    margin-top: var(--padding-5xl);
  }
  .dp-as-margin-right-5xl {
    margin-right: var(--padding-5xl);
  }
  .dp-as-margin-bottom-5xl {
    margin-bottom: var(--padding-5xl);
  }
  .dp-as-margin-left-5xl {
    margin-left: var(--padding-5xl);
  }
  .dp-as-margin--5xl {
    margin: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-x--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-y--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-top--5xl {
    margin-top: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-right--5xl {
    margin-right: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-bottom--5xl {
    margin-bottom: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-left--5xl {
    margin-left: calc(var(--padding-5xl) * -1);
  }
  .dp-as-margin-x-6xl {
    margin-left: var(--padding-6xl);
    margin-right: var(--padding-6xl);
  }
  .dp-as-margin-y-6xl {
    margin-top: var(--padding-6xl);
    margin-bottom: var(--padding-6xl);
  }
  .dp-as-margin-top-6xl {
    margin-top: var(--padding-6xl);
  }
  .dp-as-margin-right-6xl {
    margin-right: var(--padding-6xl);
  }
  .dp-as-margin-bottom-6xl {
    margin-bottom: var(--padding-6xl);
  }
  .dp-as-margin-left-6xl {
    margin-left: var(--padding-6xl);
  }
  .dp-as-margin--6xl {
    margin: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-x--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-y--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-top--6xl {
    margin-top: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-right--6xl {
    margin-right: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-bottom--6xl {
    margin-bottom: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-left--6xl {
    margin-left: calc(var(--padding-6xl) * -1);
  }
  .dp-as-margin-x-unset {
    margin-left: var(--padding-unset);
    margin-right: var(--padding-unset);
  }
  .dp-as-margin-y-unset {
    margin-top: var(--padding-unset);
    margin-bottom: var(--padding-unset);
  }
  .dp-as-margin-top-unset {
    margin-top: var(--padding-unset);
  }
  .dp-as-margin-right-unset {
    margin-right: var(--padding-unset);
  }
  .dp-as-margin-bottom-unset {
    margin-bottom: var(--padding-unset);
  }
  .dp-as-margin-left-unset {
    margin-left: var(--padding-unset);
  }
  .dp-as-margin--unset {
    margin: calc(var(--padding-unset) * -1);
  }
  .dp-as-margin-x--unset {
    margin-left: calc(var(--padding-unset) * -1);
    margin-right: calc(var(--padding-unset) * -1);
  }
  .dp-as-margin-y--unset {
    margin-top: calc(var(--padding-unset) * -1);
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .dp-as-margin-top--unset {
    margin-top: calc(var(--padding-unset) * -1);
  }
  .dp-as-margin-right--unset {
    margin-right: calc(var(--padding-unset) * -1);
  }
  .dp-as-margin-bottom--unset {
    margin-bottom: calc(var(--padding-unset) * -1);
  }
  .dp-as-margin-left--unset {
    margin-left: calc(var(--padding-unset) * -1);
  }
}
.as-margin-xxs {
  margin: var(--padding-xxs);
}

.as-margin-xs {
  margin: var(--padding-xs);
}

.as-margin-s {
  margin: var(--padding-s);
}

.as-margin-m {
  margin: var(--padding-m);
}

.as-margin-l {
  margin: var(--padding-l);
}

.as-margin-xl {
  margin: var(--padding-xl);
}

.as-margin-2xl {
  margin: var(--padding-2xl);
}

.as-margin-3xl {
  margin: var(--padding-3xl);
}

.as-margin-4xl {
  margin: var(--padding-4xl);
}

.as-margin-5xl {
  margin: var(--padding-5xl);
}

.as-margin-6xl {
  margin: var(--padding-6xl);
}

.as-margin-unset {
  margin: var(--padding-unset);
}

.as-margin-x-xxs {
  margin-left: var(--padding-xxs);
  margin-right: var(--padding-xxs);
}

.as-margin-y-xxs {
  margin-top: var(--padding-xxs);
  margin-bottom: var(--padding-xxs);
}

.as-margin-top-xxs {
  margin-top: var(--padding-xxs);
}

.as-margin-right-xxs {
  margin-right: var(--padding-xxs);
}

.as-margin-bottom-xxs {
  margin-bottom: var(--padding-xxs);
}

.as-margin-left-xxs {
  margin-left: var(--padding-xxs);
}

.as-margin--xxs {
  margin: calc(var(--padding-xxs) * -1);
}

.as-margin-x--xxs {
  margin-left: calc(var(--padding-xxs) * -1);
  margin-right: calc(var(--padding-xxs) * -1);
}

.as-margin-y--xxs {
  margin-top: calc(var(--padding-xxs) * -1);
  margin-bottom: calc(var(--padding-xxs) * -1);
}

.as-margin-top--xxs {
  margin-top: calc(var(--padding-xxs) * -1);
}

.as-margin-right--xxs {
  margin-right: calc(var(--padding-xxs) * -1);
}

.as-margin-bottom--xxs {
  margin-bottom: calc(var(--padding-xxs) * -1);
}

.as-margin-left--xxs {
  margin-left: calc(var(--padding-xxs) * -1);
}

.as-margin-x-xs {
  margin-left: var(--padding-xs);
  margin-right: var(--padding-xs);
}

.as-margin-y-xs {
  margin-top: var(--padding-xs);
  margin-bottom: var(--padding-xs);
}

.as-margin-top-xs {
  margin-top: var(--padding-xs);
}

.as-margin-right-xs {
  margin-right: var(--padding-xs);
}

.as-margin-bottom-xs {
  margin-bottom: var(--padding-xs);
}

.as-margin-left-xs {
  margin-left: var(--padding-xs);
}

.as-margin--xs {
  margin: calc(var(--padding-xs) * -1);
}

.as-margin-x--xs {
  margin-left: calc(var(--padding-xs) * -1);
  margin-right: calc(var(--padding-xs) * -1);
}

.as-margin-y--xs {
  margin-top: calc(var(--padding-xs) * -1);
  margin-bottom: calc(var(--padding-xs) * -1);
}

.as-margin-top--xs {
  margin-top: calc(var(--padding-xs) * -1);
}

.as-margin-right--xs {
  margin-right: calc(var(--padding-xs) * -1);
}

.as-margin-bottom--xs {
  margin-bottom: calc(var(--padding-xs) * -1);
}

.as-margin-left--xs {
  margin-left: calc(var(--padding-xs) * -1);
}

.as-margin-x-s {
  margin-left: var(--padding-s);
  margin-right: var(--padding-s);
}

.as-margin-y-s {
  margin-top: var(--padding-s);
  margin-bottom: var(--padding-s);
}

.as-margin-top-s {
  margin-top: var(--padding-s);
}

.as-margin-right-s {
  margin-right: var(--padding-s);
}

.as-margin-bottom-s {
  margin-bottom: var(--padding-s);
}

.as-margin-left-s {
  margin-left: var(--padding-s);
}

.as-margin--s {
  margin: calc(var(--padding-s) * -1);
}

.as-margin-x--s {
  margin-left: calc(var(--padding-s) * -1);
  margin-right: calc(var(--padding-s) * -1);
}

.as-margin-y--s {
  margin-top: calc(var(--padding-s) * -1);
  margin-bottom: calc(var(--padding-s) * -1);
}

.as-margin-top--s {
  margin-top: calc(var(--padding-s) * -1);
}

.as-margin-right--s {
  margin-right: calc(var(--padding-s) * -1);
}

.as-margin-bottom--s {
  margin-bottom: calc(var(--padding-s) * -1);
}

.as-margin-left--s {
  margin-left: calc(var(--padding-s) * -1);
}

.as-margin-x-m {
  margin-left: var(--padding-m);
  margin-right: var(--padding-m);
}

.as-margin-y-m {
  margin-top: var(--padding-m);
  margin-bottom: var(--padding-m);
}

.as-margin-top-m {
  margin-top: var(--padding-m);
}

.as-margin-right-m {
  margin-right: var(--padding-m);
}

.as-margin-bottom-m {
  margin-bottom: var(--padding-m);
}

.as-margin-left-m {
  margin-left: var(--padding-m);
}

.as-margin--m {
  margin: calc(var(--padding-m) * -1);
}

.as-margin-x--m {
  margin-left: calc(var(--padding-m) * -1);
  margin-right: calc(var(--padding-m) * -1);
}

.as-margin-y--m {
  margin-top: calc(var(--padding-m) * -1);
  margin-bottom: calc(var(--padding-m) * -1);
}

.as-margin-top--m {
  margin-top: calc(var(--padding-m) * -1);
}

.as-margin-right--m {
  margin-right: calc(var(--padding-m) * -1);
}

.as-margin-bottom--m {
  margin-bottom: calc(var(--padding-m) * -1);
}

.as-margin-left--m {
  margin-left: calc(var(--padding-m) * -1);
}

.as-margin-x-l {
  margin-left: var(--padding-l);
  margin-right: var(--padding-l);
}

.as-margin-y-l {
  margin-top: var(--padding-l);
  margin-bottom: var(--padding-l);
}

.as-margin-top-l {
  margin-top: var(--padding-l);
}

.as-margin-right-l {
  margin-right: var(--padding-l);
}

.as-margin-bottom-l {
  margin-bottom: var(--padding-l);
}

.as-margin-left-l {
  margin-left: var(--padding-l);
}

.as-margin--l {
  margin: calc(var(--padding-l) * -1);
}

.as-margin-x--l {
  margin-left: calc(var(--padding-l) * -1);
  margin-right: calc(var(--padding-l) * -1);
}

.as-margin-y--l {
  margin-top: calc(var(--padding-l) * -1);
  margin-bottom: calc(var(--padding-l) * -1);
}

.as-margin-top--l {
  margin-top: calc(var(--padding-l) * -1);
}

.as-margin-right--l {
  margin-right: calc(var(--padding-l) * -1);
}

.as-margin-bottom--l {
  margin-bottom: calc(var(--padding-l) * -1);
}

.as-margin-left--l {
  margin-left: calc(var(--padding-l) * -1);
}

.as-margin-x-xl {
  margin-left: var(--padding-xl);
  margin-right: var(--padding-xl);
}

.as-margin-y-xl {
  margin-top: var(--padding-xl);
  margin-bottom: var(--padding-xl);
}

.as-margin-top-xl {
  margin-top: var(--padding-xl);
}

.as-margin-right-xl {
  margin-right: var(--padding-xl);
}

.as-margin-bottom-xl {
  margin-bottom: var(--padding-xl);
}

.as-margin-left-xl {
  margin-left: var(--padding-xl);
}

.as-margin--xl {
  margin: calc(var(--padding-xl) * -1);
}

.as-margin-x--xl {
  margin-left: calc(var(--padding-xl) * -1);
  margin-right: calc(var(--padding-xl) * -1);
}

.as-margin-y--xl {
  margin-top: calc(var(--padding-xl) * -1);
  margin-bottom: calc(var(--padding-xl) * -1);
}

.as-margin-top--xl {
  margin-top: calc(var(--padding-xl) * -1);
}

.as-margin-right--xl {
  margin-right: calc(var(--padding-xl) * -1);
}

.as-margin-bottom--xl {
  margin-bottom: calc(var(--padding-xl) * -1);
}

.as-margin-left--xl {
  margin-left: calc(var(--padding-xl) * -1);
}

.as-margin-x-2xl {
  margin-left: var(--padding-2xl);
  margin-right: var(--padding-2xl);
}

.as-margin-y-2xl {
  margin-top: var(--padding-2xl);
  margin-bottom: var(--padding-2xl);
}

.as-margin-top-2xl {
  margin-top: var(--padding-2xl);
}

.as-margin-right-2xl {
  margin-right: var(--padding-2xl);
}

.as-margin-bottom-2xl {
  margin-bottom: var(--padding-2xl);
}

.as-margin-left-2xl {
  margin-left: var(--padding-2xl);
}

.as-margin--2xl {
  margin: calc(var(--padding-2xl) * -1);
}

.as-margin-x--2xl {
  margin-left: calc(var(--padding-2xl) * -1);
  margin-right: calc(var(--padding-2xl) * -1);
}

.as-margin-y--2xl {
  margin-top: calc(var(--padding-2xl) * -1);
  margin-bottom: calc(var(--padding-2xl) * -1);
}

.as-margin-top--2xl {
  margin-top: calc(var(--padding-2xl) * -1);
}

.as-margin-right--2xl {
  margin-right: calc(var(--padding-2xl) * -1);
}

.as-margin-bottom--2xl {
  margin-bottom: calc(var(--padding-2xl) * -1);
}

.as-margin-left--2xl {
  margin-left: calc(var(--padding-2xl) * -1);
}

.as-margin-x-3xl {
  margin-left: var(--padding-3xl);
  margin-right: var(--padding-3xl);
}

.as-margin-y-3xl {
  margin-top: var(--padding-3xl);
  margin-bottom: var(--padding-3xl);
}

.as-margin-top-3xl {
  margin-top: var(--padding-3xl);
}

.as-margin-right-3xl {
  margin-right: var(--padding-3xl);
}

.as-margin-bottom-3xl {
  margin-bottom: var(--padding-3xl);
}

.as-margin-left-3xl {
  margin-left: var(--padding-3xl);
}

.as-margin--3xl {
  margin: calc(var(--padding-3xl) * -1);
}

.as-margin-x--3xl {
  margin-left: calc(var(--padding-3xl) * -1);
  margin-right: calc(var(--padding-3xl) * -1);
}

.as-margin-y--3xl {
  margin-top: calc(var(--padding-3xl) * -1);
  margin-bottom: calc(var(--padding-3xl) * -1);
}

.as-margin-top--3xl {
  margin-top: calc(var(--padding-3xl) * -1);
}

.as-margin-right--3xl {
  margin-right: calc(var(--padding-3xl) * -1);
}

.as-margin-bottom--3xl {
  margin-bottom: calc(var(--padding-3xl) * -1);
}

.as-margin-left--3xl {
  margin-left: calc(var(--padding-3xl) * -1);
}

.as-margin-x-4xl {
  margin-left: var(--padding-4xl);
  margin-right: var(--padding-4xl);
}

.as-margin-y-4xl {
  margin-top: var(--padding-4xl);
  margin-bottom: var(--padding-4xl);
}

.as-margin-top-4xl {
  margin-top: var(--padding-4xl);
}

.as-margin-right-4xl {
  margin-right: var(--padding-4xl);
}

.as-margin-bottom-4xl {
  margin-bottom: var(--padding-4xl);
}

.as-margin-left-4xl {
  margin-left: var(--padding-4xl);
}

.as-margin--4xl {
  margin: calc(var(--padding-4xl) * -1);
}

.as-margin-x--4xl {
  margin-left: calc(var(--padding-4xl) * -1);
  margin-right: calc(var(--padding-4xl) * -1);
}

.as-margin-y--4xl {
  margin-top: calc(var(--padding-4xl) * -1);
  margin-bottom: calc(var(--padding-4xl) * -1);
}

.as-margin-top--4xl {
  margin-top: calc(var(--padding-4xl) * -1);
}

.as-margin-right--4xl {
  margin-right: calc(var(--padding-4xl) * -1);
}

.as-margin-bottom--4xl {
  margin-bottom: calc(var(--padding-4xl) * -1);
}

.as-margin-left--4xl {
  margin-left: calc(var(--padding-4xl) * -1);
}

.as-margin-x-5xl {
  margin-left: var(--padding-5xl);
  margin-right: var(--padding-5xl);
}

.as-margin-y-5xl {
  margin-top: var(--padding-5xl);
  margin-bottom: var(--padding-5xl);
}

.as-margin-top-5xl {
  margin-top: var(--padding-5xl);
}

.as-margin-right-5xl {
  margin-right: var(--padding-5xl);
}

.as-margin-bottom-5xl {
  margin-bottom: var(--padding-5xl);
}

.as-margin-left-5xl {
  margin-left: var(--padding-5xl);
}

.as-margin--5xl {
  margin: calc(var(--padding-5xl) * -1);
}

.as-margin-x--5xl {
  margin-left: calc(var(--padding-5xl) * -1);
  margin-right: calc(var(--padding-5xl) * -1);
}

.as-margin-y--5xl {
  margin-top: calc(var(--padding-5xl) * -1);
  margin-bottom: calc(var(--padding-5xl) * -1);
}

.as-margin-top--5xl {
  margin-top: calc(var(--padding-5xl) * -1);
}

.as-margin-right--5xl {
  margin-right: calc(var(--padding-5xl) * -1);
}

.as-margin-bottom--5xl {
  margin-bottom: calc(var(--padding-5xl) * -1);
}

.as-margin-left--5xl {
  margin-left: calc(var(--padding-5xl) * -1);
}

.as-margin-x-6xl {
  margin-left: var(--padding-6xl);
  margin-right: var(--padding-6xl);
}

.as-margin-y-6xl {
  margin-top: var(--padding-6xl);
  margin-bottom: var(--padding-6xl);
}

.as-margin-top-6xl {
  margin-top: var(--padding-6xl);
}

.as-margin-right-6xl {
  margin-right: var(--padding-6xl);
}

.as-margin-bottom-6xl {
  margin-bottom: var(--padding-6xl);
}

.as-margin-left-6xl {
  margin-left: var(--padding-6xl);
}

.as-margin--6xl {
  margin: calc(var(--padding-6xl) * -1);
}

.as-margin-x--6xl {
  margin-left: calc(var(--padding-6xl) * -1);
  margin-right: calc(var(--padding-6xl) * -1);
}

.as-margin-y--6xl {
  margin-top: calc(var(--padding-6xl) * -1);
  margin-bottom: calc(var(--padding-6xl) * -1);
}

.as-margin-top--6xl {
  margin-top: calc(var(--padding-6xl) * -1);
}

.as-margin-right--6xl {
  margin-right: calc(var(--padding-6xl) * -1);
}

.as-margin-bottom--6xl {
  margin-bottom: calc(var(--padding-6xl) * -1);
}

.as-margin-left--6xl {
  margin-left: calc(var(--padding-6xl) * -1);
}

.as-margin-x-unset {
  margin-left: var(--padding-unset);
  margin-right: var(--padding-unset);
}

.as-margin-y-unset {
  margin-top: var(--padding-unset);
  margin-bottom: var(--padding-unset);
}

.as-margin-top-unset {
  margin-top: var(--padding-unset);
}

.as-margin-right-unset {
  margin-right: var(--padding-unset);
}

.as-margin-bottom-unset {
  margin-bottom: var(--padding-unset);
}

.as-margin-left-unset {
  margin-left: var(--padding-unset);
}

.as-margin--unset {
  margin: calc(var(--padding-unset) * -1);
}

.as-margin-x--unset {
  margin-left: calc(var(--padding-unset) * -1);
  margin-right: calc(var(--padding-unset) * -1);
}

.as-margin-y--unset {
  margin-top: calc(var(--padding-unset) * -1);
  margin-bottom: calc(var(--padding-unset) * -1);
}

.as-margin-top--unset {
  margin-top: calc(var(--padding-unset) * -1);
}

.as-margin-right--unset {
  margin-right: calc(var(--padding-unset) * -1);
}

.as-margin-bottom--unset {
  margin-bottom: calc(var(--padding-unset) * -1);
}

.as-margin-left--unset {
  margin-left: calc(var(--padding-unset) * -1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-opacity-0 {
    opacity: 0;
  }
  .m-as-opacity-10 {
    opacity: 0.1;
  }
  .m-as-opacity-20 {
    opacity: 0.2;
  }
  .m-as-opacity-30 {
    opacity: 0.3;
  }
  .m-as-opacity-40 {
    opacity: 0.4;
  }
  .m-as-opacity-50 {
    opacity: 0.5;
  }
  .m-as-opacity-60 {
    opacity: 0.6;
  }
  .m-as-opacity-70 {
    opacity: 0.7;
  }
  .m-as-opacity-80 {
    opacity: 0.8;
  }
  .m-as-opacity-90 {
    opacity: 0.9;
  }
  .m-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-opacity-0 {
    opacity: 0;
  }
  .ml-as-opacity-10 {
    opacity: 0.1;
  }
  .ml-as-opacity-20 {
    opacity: 0.2;
  }
  .ml-as-opacity-30 {
    opacity: 0.3;
  }
  .ml-as-opacity-40 {
    opacity: 0.4;
  }
  .ml-as-opacity-50 {
    opacity: 0.5;
  }
  .ml-as-opacity-60 {
    opacity: 0.6;
  }
  .ml-as-opacity-70 {
    opacity: 0.7;
  }
  .ml-as-opacity-80 {
    opacity: 0.8;
  }
  .ml-as-opacity-90 {
    opacity: 0.9;
  }
  .ml-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-opacity-0 {
    opacity: 0;
  }
  .mp-as-opacity-10 {
    opacity: 0.1;
  }
  .mp-as-opacity-20 {
    opacity: 0.2;
  }
  .mp-as-opacity-30 {
    opacity: 0.3;
  }
  .mp-as-opacity-40 {
    opacity: 0.4;
  }
  .mp-as-opacity-50 {
    opacity: 0.5;
  }
  .mp-as-opacity-60 {
    opacity: 0.6;
  }
  .mp-as-opacity-70 {
    opacity: 0.7;
  }
  .mp-as-opacity-80 {
    opacity: 0.8;
  }
  .mp-as-opacity-90 {
    opacity: 0.9;
  }
  .mp-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-opacity-0 {
    opacity: 0;
  }
  .t-as-opacity-10 {
    opacity: 0.1;
  }
  .t-as-opacity-20 {
    opacity: 0.2;
  }
  .t-as-opacity-30 {
    opacity: 0.3;
  }
  .t-as-opacity-40 {
    opacity: 0.4;
  }
  .t-as-opacity-50 {
    opacity: 0.5;
  }
  .t-as-opacity-60 {
    opacity: 0.6;
  }
  .t-as-opacity-70 {
    opacity: 0.7;
  }
  .t-as-opacity-80 {
    opacity: 0.8;
  }
  .t-as-opacity-90 {
    opacity: 0.9;
  }
  .t-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-opacity-0 {
    opacity: 0;
  }
  .tl-as-opacity-10 {
    opacity: 0.1;
  }
  .tl-as-opacity-20 {
    opacity: 0.2;
  }
  .tl-as-opacity-30 {
    opacity: 0.3;
  }
  .tl-as-opacity-40 {
    opacity: 0.4;
  }
  .tl-as-opacity-50 {
    opacity: 0.5;
  }
  .tl-as-opacity-60 {
    opacity: 0.6;
  }
  .tl-as-opacity-70 {
    opacity: 0.7;
  }
  .tl-as-opacity-80 {
    opacity: 0.8;
  }
  .tl-as-opacity-90 {
    opacity: 0.9;
  }
  .tl-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-opacity-0 {
    opacity: 0;
  }
  .tp-as-opacity-10 {
    opacity: 0.1;
  }
  .tp-as-opacity-20 {
    opacity: 0.2;
  }
  .tp-as-opacity-30 {
    opacity: 0.3;
  }
  .tp-as-opacity-40 {
    opacity: 0.4;
  }
  .tp-as-opacity-50 {
    opacity: 0.5;
  }
  .tp-as-opacity-60 {
    opacity: 0.6;
  }
  .tp-as-opacity-70 {
    opacity: 0.7;
  }
  .tp-as-opacity-80 {
    opacity: 0.8;
  }
  .tp-as-opacity-90 {
    opacity: 0.9;
  }
  .tp-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-opacity-0 {
    opacity: 0;
  }
  .d-as-opacity-10 {
    opacity: 0.1;
  }
  .d-as-opacity-20 {
    opacity: 0.2;
  }
  .d-as-opacity-30 {
    opacity: 0.3;
  }
  .d-as-opacity-40 {
    opacity: 0.4;
  }
  .d-as-opacity-50 {
    opacity: 0.5;
  }
  .d-as-opacity-60 {
    opacity: 0.6;
  }
  .d-as-opacity-70 {
    opacity: 0.7;
  }
  .d-as-opacity-80 {
    opacity: 0.8;
  }
  .d-as-opacity-90 {
    opacity: 0.9;
  }
  .d-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-opacity-0 {
    opacity: 0;
  }
  .dl-as-opacity-10 {
    opacity: 0.1;
  }
  .dl-as-opacity-20 {
    opacity: 0.2;
  }
  .dl-as-opacity-30 {
    opacity: 0.3;
  }
  .dl-as-opacity-40 {
    opacity: 0.4;
  }
  .dl-as-opacity-50 {
    opacity: 0.5;
  }
  .dl-as-opacity-60 {
    opacity: 0.6;
  }
  .dl-as-opacity-70 {
    opacity: 0.7;
  }
  .dl-as-opacity-80 {
    opacity: 0.8;
  }
  .dl-as-opacity-90 {
    opacity: 0.9;
  }
  .dl-as-opacity-100 {
    opacity: 1;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-opacity-0 {
    opacity: 0;
  }
  .dp-as-opacity-10 {
    opacity: 0.1;
  }
  .dp-as-opacity-20 {
    opacity: 0.2;
  }
  .dp-as-opacity-30 {
    opacity: 0.3;
  }
  .dp-as-opacity-40 {
    opacity: 0.4;
  }
  .dp-as-opacity-50 {
    opacity: 0.5;
  }
  .dp-as-opacity-60 {
    opacity: 0.6;
  }
  .dp-as-opacity-70 {
    opacity: 0.7;
  }
  .dp-as-opacity-80 {
    opacity: 0.8;
  }
  .dp-as-opacity-90 {
    opacity: 0.9;
  }
  .dp-as-opacity-100 {
    opacity: 1;
  }
}
.as-opacity-0 {
  opacity: 0;
}

.as-opacity-10 {
  opacity: 0.1;
}

.as-opacity-20 {
  opacity: 0.2;
}

.as-opacity-30 {
  opacity: 0.3;
}

.as-opacity-40 {
  opacity: 0.4;
}

.as-opacity-50 {
  opacity: 0.5;
}

.as-opacity-60 {
  opacity: 0.6;
}

.as-opacity-70 {
  opacity: 0.7;
}

.as-opacity-80 {
  opacity: 0.8;
}

.as-opacity-90 {
  opacity: 0.9;
}

.as-opacity-100 {
  opacity: 1;
}

.as-overflow-hidden {
  overflow: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-overflow-hidden {
    overflow: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-overflow-hidden {
    overflow: hidden;
  }
}
.as-overflow-x-hidden {
  overflow-x: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-overflow-x-hidden {
    overflow-x: hidden;
  }
}
.as-overflow-y-hidden {
  overflow-y: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-overflow-y-hidden {
    overflow-y: hidden;
  }
}
.as-overflow-auto {
  overflow: auto;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-overflow-auto {
    overflow: auto;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .m-as-padding-xs {
    padding: var(--padding-xs);
  }
  .m-as-padding-s {
    padding: var(--padding-s);
  }
  .m-as-padding-m {
    padding: var(--padding-m);
  }
  .m-as-padding-l {
    padding: var(--padding-l);
  }
  .m-as-padding-xl {
    padding: var(--padding-xl);
  }
  .m-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .m-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .m-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .m-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .m-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .m-as-padding-unset {
    padding: var(--padding-unset);
  }
  .m-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .m-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .m-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .m-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .m-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .m-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .m-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .m-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .m-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .m-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .m-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .m-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .m-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .m-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .m-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .m-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .m-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .m-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .m-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .m-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .m-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .m-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .m-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .m-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .m-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .m-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .m-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .m-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .m-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .m-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .m-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .m-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .m-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .m-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .m-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .m-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .m-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .m-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .m-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .m-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .m-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .m-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .m-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .m-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .m-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .m-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .m-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .m-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .m-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .m-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .m-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .m-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .m-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .m-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .m-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .m-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .m-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .m-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .m-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .m-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .m-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .m-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .m-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .m-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .m-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .m-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .m-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .m-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .m-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .m-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .m-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .m-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .ml-as-padding-xs {
    padding: var(--padding-xs);
  }
  .ml-as-padding-s {
    padding: var(--padding-s);
  }
  .ml-as-padding-m {
    padding: var(--padding-m);
  }
  .ml-as-padding-l {
    padding: var(--padding-l);
  }
  .ml-as-padding-xl {
    padding: var(--padding-xl);
  }
  .ml-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .ml-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .ml-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .ml-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .ml-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .ml-as-padding-unset {
    padding: var(--padding-unset);
  }
  .ml-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .ml-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .ml-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .ml-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .ml-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .ml-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .ml-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .ml-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .ml-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .ml-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .ml-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .ml-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .ml-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .ml-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .ml-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .ml-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .ml-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .ml-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .ml-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .ml-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .ml-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .ml-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .ml-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .ml-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .ml-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .ml-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .ml-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .ml-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .ml-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .ml-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .ml-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .ml-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .ml-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .ml-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .ml-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .ml-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .ml-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .ml-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .ml-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .ml-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .ml-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .ml-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .ml-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .ml-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .ml-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .ml-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .ml-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .ml-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .ml-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .ml-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .ml-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .ml-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .ml-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .ml-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .ml-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .ml-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .ml-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .ml-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .ml-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .ml-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .ml-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .ml-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .ml-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .ml-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .ml-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .ml-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .ml-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .ml-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .ml-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .ml-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .ml-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .ml-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .mp-as-padding-xs {
    padding: var(--padding-xs);
  }
  .mp-as-padding-s {
    padding: var(--padding-s);
  }
  .mp-as-padding-m {
    padding: var(--padding-m);
  }
  .mp-as-padding-l {
    padding: var(--padding-l);
  }
  .mp-as-padding-xl {
    padding: var(--padding-xl);
  }
  .mp-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .mp-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .mp-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .mp-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .mp-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .mp-as-padding-unset {
    padding: var(--padding-unset);
  }
  .mp-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .mp-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .mp-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .mp-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .mp-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .mp-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .mp-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .mp-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .mp-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .mp-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .mp-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .mp-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .mp-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .mp-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .mp-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .mp-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .mp-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .mp-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .mp-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .mp-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .mp-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .mp-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .mp-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .mp-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .mp-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .mp-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .mp-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .mp-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .mp-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .mp-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .mp-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .mp-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .mp-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .mp-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .mp-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .mp-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .mp-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .mp-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .mp-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .mp-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .mp-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .mp-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .mp-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .mp-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .mp-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .mp-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .mp-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .mp-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .mp-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .mp-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .mp-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .mp-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .mp-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .mp-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .mp-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .mp-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .mp-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .mp-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .mp-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .mp-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .mp-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .mp-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .mp-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .mp-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .mp-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .mp-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .mp-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .mp-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .mp-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .mp-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .mp-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .mp-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .t-as-padding-xs {
    padding: var(--padding-xs);
  }
  .t-as-padding-s {
    padding: var(--padding-s);
  }
  .t-as-padding-m {
    padding: var(--padding-m);
  }
  .t-as-padding-l {
    padding: var(--padding-l);
  }
  .t-as-padding-xl {
    padding: var(--padding-xl);
  }
  .t-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .t-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .t-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .t-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .t-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .t-as-padding-unset {
    padding: var(--padding-unset);
  }
  .t-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .t-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .t-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .t-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .t-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .t-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .t-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .t-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .t-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .t-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .t-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .t-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .t-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .t-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .t-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .t-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .t-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .t-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .t-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .t-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .t-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .t-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .t-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .t-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .t-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .t-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .t-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .t-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .t-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .t-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .t-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .t-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .t-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .t-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .t-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .t-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .t-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .t-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .t-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .t-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .t-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .t-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .t-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .t-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .t-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .t-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .t-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .t-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .t-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .t-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .t-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .t-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .t-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .t-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .t-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .t-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .t-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .t-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .t-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .t-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .t-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .t-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .t-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .t-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .t-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .t-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .t-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .t-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .t-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .t-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .t-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .t-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .tl-as-padding-xs {
    padding: var(--padding-xs);
  }
  .tl-as-padding-s {
    padding: var(--padding-s);
  }
  .tl-as-padding-m {
    padding: var(--padding-m);
  }
  .tl-as-padding-l {
    padding: var(--padding-l);
  }
  .tl-as-padding-xl {
    padding: var(--padding-xl);
  }
  .tl-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .tl-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .tl-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .tl-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .tl-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .tl-as-padding-unset {
    padding: var(--padding-unset);
  }
  .tl-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .tl-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .tl-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .tl-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .tl-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .tl-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .tl-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .tl-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .tl-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .tl-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .tl-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .tl-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .tl-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .tl-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .tl-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .tl-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .tl-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .tl-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .tl-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .tl-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .tl-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .tl-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .tl-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .tl-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .tl-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .tl-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .tl-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .tl-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .tl-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .tl-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .tl-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .tl-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .tl-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .tl-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .tl-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .tl-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .tl-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .tl-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .tl-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .tl-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .tl-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .tl-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .tl-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .tl-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .tl-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .tl-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .tl-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .tl-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .tl-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .tl-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .tl-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .tl-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .tl-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .tl-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .tl-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .tl-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .tl-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .tl-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .tl-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .tl-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .tl-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .tl-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .tl-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .tl-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .tl-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .tl-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .tl-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .tl-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .tl-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .tl-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .tl-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .tl-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .tp-as-padding-xs {
    padding: var(--padding-xs);
  }
  .tp-as-padding-s {
    padding: var(--padding-s);
  }
  .tp-as-padding-m {
    padding: var(--padding-m);
  }
  .tp-as-padding-l {
    padding: var(--padding-l);
  }
  .tp-as-padding-xl {
    padding: var(--padding-xl);
  }
  .tp-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .tp-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .tp-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .tp-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .tp-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .tp-as-padding-unset {
    padding: var(--padding-unset);
  }
  .tp-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .tp-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .tp-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .tp-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .tp-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .tp-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .tp-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .tp-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .tp-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .tp-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .tp-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .tp-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .tp-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .tp-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .tp-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .tp-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .tp-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .tp-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .tp-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .tp-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .tp-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .tp-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .tp-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .tp-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .tp-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .tp-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .tp-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .tp-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .tp-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .tp-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .tp-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .tp-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .tp-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .tp-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .tp-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .tp-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .tp-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .tp-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .tp-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .tp-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .tp-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .tp-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .tp-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .tp-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .tp-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .tp-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .tp-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .tp-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .tp-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .tp-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .tp-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .tp-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .tp-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .tp-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .tp-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .tp-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .tp-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .tp-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .tp-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .tp-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .tp-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .tp-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .tp-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .tp-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .tp-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .tp-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .tp-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .tp-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .tp-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .tp-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .tp-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .tp-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .d-as-padding-xs {
    padding: var(--padding-xs);
  }
  .d-as-padding-s {
    padding: var(--padding-s);
  }
  .d-as-padding-m {
    padding: var(--padding-m);
  }
  .d-as-padding-l {
    padding: var(--padding-l);
  }
  .d-as-padding-xl {
    padding: var(--padding-xl);
  }
  .d-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .d-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .d-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .d-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .d-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .d-as-padding-unset {
    padding: var(--padding-unset);
  }
  .d-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .d-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .d-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .d-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .d-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .d-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .d-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .d-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .d-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .d-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .d-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .d-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .d-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .d-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .d-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .d-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .d-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .d-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .d-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .d-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .d-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .d-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .d-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .d-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .d-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .d-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .d-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .d-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .d-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .d-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .d-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .d-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .d-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .d-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .d-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .d-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .d-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .d-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .d-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .d-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .d-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .d-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .d-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .d-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .d-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .d-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .d-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .d-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .d-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .d-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .d-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .d-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .d-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .d-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .d-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .d-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .d-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .d-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .d-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .d-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .d-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .d-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .d-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .d-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .d-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .d-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .d-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .d-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .d-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .d-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .d-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .d-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .dl-as-padding-xs {
    padding: var(--padding-xs);
  }
  .dl-as-padding-s {
    padding: var(--padding-s);
  }
  .dl-as-padding-m {
    padding: var(--padding-m);
  }
  .dl-as-padding-l {
    padding: var(--padding-l);
  }
  .dl-as-padding-xl {
    padding: var(--padding-xl);
  }
  .dl-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .dl-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .dl-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .dl-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .dl-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .dl-as-padding-unset {
    padding: var(--padding-unset);
  }
  .dl-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .dl-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .dl-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .dl-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .dl-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .dl-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .dl-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .dl-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .dl-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .dl-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .dl-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .dl-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .dl-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .dl-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .dl-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .dl-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .dl-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .dl-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .dl-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .dl-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .dl-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .dl-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .dl-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .dl-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .dl-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .dl-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .dl-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .dl-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .dl-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .dl-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .dl-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .dl-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .dl-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .dl-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .dl-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .dl-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .dl-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .dl-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .dl-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .dl-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .dl-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .dl-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .dl-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .dl-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .dl-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .dl-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .dl-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .dl-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .dl-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .dl-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .dl-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .dl-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .dl-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .dl-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .dl-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .dl-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .dl-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .dl-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .dl-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .dl-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .dl-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .dl-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .dl-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .dl-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .dl-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .dl-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .dl-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .dl-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .dl-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .dl-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .dl-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .dl-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-padding-xxs {
    padding: var(--padding-xxs);
  }
  .dp-as-padding-xs {
    padding: var(--padding-xs);
  }
  .dp-as-padding-s {
    padding: var(--padding-s);
  }
  .dp-as-padding-m {
    padding: var(--padding-m);
  }
  .dp-as-padding-l {
    padding: var(--padding-l);
  }
  .dp-as-padding-xl {
    padding: var(--padding-xl);
  }
  .dp-as-padding-2xl {
    padding: var(--padding-2xl);
  }
  .dp-as-padding-3xl {
    padding: var(--padding-3xl);
  }
  .dp-as-padding-4xl {
    padding: var(--padding-4xl);
  }
  .dp-as-padding-5xl {
    padding: var(--padding-5xl);
  }
  .dp-as-padding-6xl {
    padding: var(--padding-6xl);
  }
  .dp-as-padding-unset {
    padding: var(--padding-unset);
  }
  .dp-as-padding-x-xxs {
    padding-left: var(--padding-xxs);
    padding-right: var(--padding-xxs);
  }
  .dp-as-padding-y-xxs {
    padding-top: var(--padding-xxs);
    padding-bottom: var(--padding-xxs);
  }
  .dp-as-padding-top-xxs {
    padding-top: var(--padding-xxs);
  }
  .dp-as-padding-right-xxs {
    padding-right: var(--padding-xxs);
  }
  .dp-as-padding-bottom-xxs {
    padding-bottom: var(--padding-xxs);
  }
  .dp-as-padding-left-xxs {
    padding-left: var(--padding-xxs);
  }
  .dp-as-padding-x-xs {
    padding-left: var(--padding-xs);
    padding-right: var(--padding-xs);
  }
  .dp-as-padding-y-xs {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-xs);
  }
  .dp-as-padding-top-xs {
    padding-top: var(--padding-xs);
  }
  .dp-as-padding-right-xs {
    padding-right: var(--padding-xs);
  }
  .dp-as-padding-bottom-xs {
    padding-bottom: var(--padding-xs);
  }
  .dp-as-padding-left-xs {
    padding-left: var(--padding-xs);
  }
  .dp-as-padding-x-s {
    padding-left: var(--padding-s);
    padding-right: var(--padding-s);
  }
  .dp-as-padding-y-s {
    padding-top: var(--padding-s);
    padding-bottom: var(--padding-s);
  }
  .dp-as-padding-top-s {
    padding-top: var(--padding-s);
  }
  .dp-as-padding-right-s {
    padding-right: var(--padding-s);
  }
  .dp-as-padding-bottom-s {
    padding-bottom: var(--padding-s);
  }
  .dp-as-padding-left-s {
    padding-left: var(--padding-s);
  }
  .dp-as-padding-x-m {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m);
  }
  .dp-as-padding-y-m {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
  }
  .dp-as-padding-top-m {
    padding-top: var(--padding-m);
  }
  .dp-as-padding-right-m {
    padding-right: var(--padding-m);
  }
  .dp-as-padding-bottom-m {
    padding-bottom: var(--padding-m);
  }
  .dp-as-padding-left-m {
    padding-left: var(--padding-m);
  }
  .dp-as-padding-x-l {
    padding-left: var(--padding-l);
    padding-right: var(--padding-l);
  }
  .dp-as-padding-y-l {
    padding-top: var(--padding-l);
    padding-bottom: var(--padding-l);
  }
  .dp-as-padding-top-l {
    padding-top: var(--padding-l);
  }
  .dp-as-padding-right-l {
    padding-right: var(--padding-l);
  }
  .dp-as-padding-bottom-l {
    padding-bottom: var(--padding-l);
  }
  .dp-as-padding-left-l {
    padding-left: var(--padding-l);
  }
  .dp-as-padding-x-xl {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
  }
  .dp-as-padding-y-xl {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
  }
  .dp-as-padding-top-xl {
    padding-top: var(--padding-xl);
  }
  .dp-as-padding-right-xl {
    padding-right: var(--padding-xl);
  }
  .dp-as-padding-bottom-xl {
    padding-bottom: var(--padding-xl);
  }
  .dp-as-padding-left-xl {
    padding-left: var(--padding-xl);
  }
  .dp-as-padding-x-2xl {
    padding-left: var(--padding-2xl);
    padding-right: var(--padding-2xl);
  }
  .dp-as-padding-y-2xl {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
  }
  .dp-as-padding-top-2xl {
    padding-top: var(--padding-2xl);
  }
  .dp-as-padding-right-2xl {
    padding-right: var(--padding-2xl);
  }
  .dp-as-padding-bottom-2xl {
    padding-bottom: var(--padding-2xl);
  }
  .dp-as-padding-left-2xl {
    padding-left: var(--padding-2xl);
  }
  .dp-as-padding-x-3xl {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .dp-as-padding-y-3xl {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-3xl);
  }
  .dp-as-padding-top-3xl {
    padding-top: var(--padding-3xl);
  }
  .dp-as-padding-right-3xl {
    padding-right: var(--padding-3xl);
  }
  .dp-as-padding-bottom-3xl {
    padding-bottom: var(--padding-3xl);
  }
  .dp-as-padding-left-3xl {
    padding-left: var(--padding-3xl);
  }
  .dp-as-padding-x-4xl {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-4xl);
  }
  .dp-as-padding-y-4xl {
    padding-top: var(--padding-4xl);
    padding-bottom: var(--padding-4xl);
  }
  .dp-as-padding-top-4xl {
    padding-top: var(--padding-4xl);
  }
  .dp-as-padding-right-4xl {
    padding-right: var(--padding-4xl);
  }
  .dp-as-padding-bottom-4xl {
    padding-bottom: var(--padding-4xl);
  }
  .dp-as-padding-left-4xl {
    padding-left: var(--padding-4xl);
  }
  .dp-as-padding-x-5xl {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
  }
  .dp-as-padding-y-5xl {
    padding-top: var(--padding-5xl);
    padding-bottom: var(--padding-5xl);
  }
  .dp-as-padding-top-5xl {
    padding-top: var(--padding-5xl);
  }
  .dp-as-padding-right-5xl {
    padding-right: var(--padding-5xl);
  }
  .dp-as-padding-bottom-5xl {
    padding-bottom: var(--padding-5xl);
  }
  .dp-as-padding-left-5xl {
    padding-left: var(--padding-5xl);
  }
  .dp-as-padding-x-6xl {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
  }
  .dp-as-padding-y-6xl {
    padding-top: var(--padding-6xl);
    padding-bottom: var(--padding-6xl);
  }
  .dp-as-padding-top-6xl {
    padding-top: var(--padding-6xl);
  }
  .dp-as-padding-right-6xl {
    padding-right: var(--padding-6xl);
  }
  .dp-as-padding-bottom-6xl {
    padding-bottom: var(--padding-6xl);
  }
  .dp-as-padding-left-6xl {
    padding-left: var(--padding-6xl);
  }
  .dp-as-padding-x-unset {
    padding-left: var(--padding-unset);
    padding-right: var(--padding-unset);
  }
  .dp-as-padding-y-unset {
    padding-top: var(--padding-unset);
    padding-bottom: var(--padding-unset);
  }
  .dp-as-padding-top-unset {
    padding-top: var(--padding-unset);
  }
  .dp-as-padding-right-unset {
    padding-right: var(--padding-unset);
  }
  .dp-as-padding-bottom-unset {
    padding-bottom: var(--padding-unset);
  }
  .dp-as-padding-left-unset {
    padding-left: var(--padding-unset);
  }
}
.as-padding-xxs {
  padding: var(--padding-xxs);
}

.as-padding-xs {
  padding: var(--padding-xs);
}

.as-padding-s {
  padding: var(--padding-s);
}

.as-padding-m {
  padding: var(--padding-m);
}

.as-padding-l {
  padding: var(--padding-l);
}

.as-padding-xl {
  padding: var(--padding-xl);
}

.as-padding-2xl {
  padding: var(--padding-2xl);
}

.as-padding-3xl {
  padding: var(--padding-3xl);
}

.as-padding-4xl {
  padding: var(--padding-4xl);
}

.as-padding-5xl {
  padding: var(--padding-5xl);
}

.as-padding-6xl {
  padding: var(--padding-6xl);
}

.as-padding-unset {
  padding: var(--padding-unset);
}

.as-padding-x-xxs {
  padding-left: var(--padding-xxs);
  padding-right: var(--padding-xxs);
}

.as-padding-y-xxs {
  padding-top: var(--padding-xxs);
  padding-bottom: var(--padding-xxs);
}

.as-padding-top-xxs {
  padding-top: var(--padding-xxs);
}

.as-padding-right-xxs {
  padding-right: var(--padding-xxs);
}

.as-padding-bottom-xxs {
  padding-bottom: var(--padding-xxs);
}

.as-padding-left-xxs {
  padding-left: var(--padding-xxs);
}

.as-padding-x-xs {
  padding-left: var(--padding-xs);
  padding-right: var(--padding-xs);
}

.as-padding-y-xs {
  padding-top: var(--padding-xs);
  padding-bottom: var(--padding-xs);
}

.as-padding-top-xs {
  padding-top: var(--padding-xs);
}

.as-padding-right-xs {
  padding-right: var(--padding-xs);
}

.as-padding-bottom-xs {
  padding-bottom: var(--padding-xs);
}

.as-padding-left-xs {
  padding-left: var(--padding-xs);
}

.as-padding-x-s {
  padding-left: var(--padding-s);
  padding-right: var(--padding-s);
}

.as-padding-y-s {
  padding-top: var(--padding-s);
  padding-bottom: var(--padding-s);
}

.as-padding-top-s {
  padding-top: var(--padding-s);
}

.as-padding-right-s {
  padding-right: var(--padding-s);
}

.as-padding-bottom-s {
  padding-bottom: var(--padding-s);
}

.as-padding-left-s {
  padding-left: var(--padding-s);
}

.as-padding-x-m {
  padding-left: var(--padding-m);
  padding-right: var(--padding-m);
}

.as-padding-y-m {
  padding-top: var(--padding-m);
  padding-bottom: var(--padding-m);
}

.as-padding-top-m {
  padding-top: var(--padding-m);
}

.as-padding-right-m {
  padding-right: var(--padding-m);
}

.as-padding-bottom-m {
  padding-bottom: var(--padding-m);
}

.as-padding-left-m {
  padding-left: var(--padding-m);
}

.as-padding-x-l {
  padding-left: var(--padding-l);
  padding-right: var(--padding-l);
}

.as-padding-y-l {
  padding-top: var(--padding-l);
  padding-bottom: var(--padding-l);
}

.as-padding-top-l {
  padding-top: var(--padding-l);
}

.as-padding-right-l {
  padding-right: var(--padding-l);
}

.as-padding-bottom-l {
  padding-bottom: var(--padding-l);
}

.as-padding-left-l {
  padding-left: var(--padding-l);
}

.as-padding-x-xl {
  padding-left: var(--padding-xl);
  padding-right: var(--padding-xl);
}

.as-padding-y-xl {
  padding-top: var(--padding-xl);
  padding-bottom: var(--padding-xl);
}

.as-padding-top-xl {
  padding-top: var(--padding-xl);
}

.as-padding-right-xl {
  padding-right: var(--padding-xl);
}

.as-padding-bottom-xl {
  padding-bottom: var(--padding-xl);
}

.as-padding-left-xl {
  padding-left: var(--padding-xl);
}

.as-padding-x-2xl {
  padding-left: var(--padding-2xl);
  padding-right: var(--padding-2xl);
}

.as-padding-y-2xl {
  padding-top: var(--padding-2xl);
  padding-bottom: var(--padding-2xl);
}

.as-padding-top-2xl {
  padding-top: var(--padding-2xl);
}

.as-padding-right-2xl {
  padding-right: var(--padding-2xl);
}

.as-padding-bottom-2xl {
  padding-bottom: var(--padding-2xl);
}

.as-padding-left-2xl {
  padding-left: var(--padding-2xl);
}

.as-padding-x-3xl {
  padding-left: var(--padding-3xl);
  padding-right: var(--padding-3xl);
}

.as-padding-y-3xl {
  padding-top: var(--padding-3xl);
  padding-bottom: var(--padding-3xl);
}

.as-padding-top-3xl {
  padding-top: var(--padding-3xl);
}

.as-padding-right-3xl {
  padding-right: var(--padding-3xl);
}

.as-padding-bottom-3xl {
  padding-bottom: var(--padding-3xl);
}

.as-padding-left-3xl {
  padding-left: var(--padding-3xl);
}

.as-padding-x-4xl {
  padding-left: var(--padding-4xl);
  padding-right: var(--padding-4xl);
}

.as-padding-y-4xl {
  padding-top: var(--padding-4xl);
  padding-bottom: var(--padding-4xl);
}

.as-padding-top-4xl {
  padding-top: var(--padding-4xl);
}

.as-padding-right-4xl {
  padding-right: var(--padding-4xl);
}

.as-padding-bottom-4xl {
  padding-bottom: var(--padding-4xl);
}

.as-padding-left-4xl {
  padding-left: var(--padding-4xl);
}

.as-padding-x-5xl {
  padding-left: var(--padding-5xl);
  padding-right: var(--padding-5xl);
}

.as-padding-y-5xl {
  padding-top: var(--padding-5xl);
  padding-bottom: var(--padding-5xl);
}

.as-padding-top-5xl {
  padding-top: var(--padding-5xl);
}

.as-padding-right-5xl {
  padding-right: var(--padding-5xl);
}

.as-padding-bottom-5xl {
  padding-bottom: var(--padding-5xl);
}

.as-padding-left-5xl {
  padding-left: var(--padding-5xl);
}

.as-padding-x-6xl {
  padding-left: var(--padding-6xl);
  padding-right: var(--padding-6xl);
}

.as-padding-y-6xl {
  padding-top: var(--padding-6xl);
  padding-bottom: var(--padding-6xl);
}

.as-padding-top-6xl {
  padding-top: var(--padding-6xl);
}

.as-padding-right-6xl {
  padding-right: var(--padding-6xl);
}

.as-padding-bottom-6xl {
  padding-bottom: var(--padding-6xl);
}

.as-padding-left-6xl {
  padding-left: var(--padding-6xl);
}

.as-padding-x-unset {
  padding-left: var(--padding-unset);
  padding-right: var(--padding-unset);
}

.as-padding-y-unset {
  padding-top: var(--padding-unset);
  padding-bottom: var(--padding-unset);
}

.as-padding-top-unset {
  padding-top: var(--padding-unset);
}

.as-padding-right-unset {
  padding-right: var(--padding-unset);
}

.as-padding-bottom-unset {
  padding-bottom: var(--padding-unset);
}

.as-padding-left-unset {
  padding-left: var(--padding-unset);
}

.as-pointer-events-none {
  pointer-events: none;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-pointer-events-none {
    pointer-events: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-pointer-events-none {
    pointer-events: none;
  }
}
.as-pointer-events-all {
  pointer-events: all;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-pointer-events-all {
    pointer-events: all;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-pointer-events-all {
    pointer-events: all;
  }
}
.as-relative {
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-relative {
    position: relative;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-relative {
    position: relative;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-relative {
    position: relative;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-relative {
    position: relative;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-relative {
    position: relative;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-relative {
    position: relative;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-relative {
    position: relative;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-relative {
    position: relative;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-relative {
    position: relative;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .m-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .m-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .m-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .m-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .m-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .m-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .ml-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .mp-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .t-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .t-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .t-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .t-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .t-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .t-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .tl-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .tp-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .d-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .d-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .d-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .d-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .d-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .d-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .dp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .dp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .dp-as-show {
    display: none !important;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .dp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .dp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .dp-as-show {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-show {
    display: none !important;
  }
}
.as-sticky {
  position: sticky;
  top: 0;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-sticky {
    position: sticky;
    top: 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-sticky {
    position: sticky;
    top: 0;
  }
}
.as-text-decoration-none {
  text-decoration: none;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-decoration-none {
    text-decoration: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-decoration-none {
    text-decoration: none;
  }
}
.as-text-decoration-underline {
  text-decoration: underline;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-decoration-underline {
    text-decoration: underline;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-decoration-underline {
    text-decoration: underline;
  }
}
.as-text-right {
  text-align: right;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-right {
    text-align: right;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-right {
    text-align: right;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-right {
    text-align: right;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-right {
    text-align: right;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-right {
    text-align: right;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-right {
    text-align: right;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-right {
    text-align: right;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-right {
    text-align: right;
  }
}
.as-text-left {
  text-align: left;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-left {
    text-align: left;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-left {
    text-align: left;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-left {
    text-align: left;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-left {
    text-align: left;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-left {
    text-align: left;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-left {
    text-align: left;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-left {
    text-align: left;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-left {
    text-align: left;
  }
}
.as-text-center {
  text-align: center;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-center {
    text-align: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-center {
    text-align: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-center {
    text-align: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-center {
    text-align: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-center {
    text-align: center;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-center {
    text-align: center;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-center {
    text-align: center;
  }
}
.as-text-uppercase {
  text-transform: uppercase;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-uppercase {
    text-transform: uppercase;
  }
}
.as-text-vertical {
  writing-mode: vertical-rl;
  transform: scale(-1);
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-text-vertical {
    writing-mode: vertical-rl;
    transform: scale(-1);
  }
}
.as-uppercase {
  text-transform: uppercase;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-uppercase {
    text-transform: uppercase;
  }
}
.as-white-space-nowrap {
  white-space: nowrap;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-white-space-nowrap {
    white-space: nowrap;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-white-space-nowrap {
    white-space: nowrap;
  }
}
.as-white-space-normal {
  white-space: normal;
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-white-space-normal {
    white-space: normal;
  }
}
@media only screen and (min-width: 0px) and (max-width: 784px) {
  .m-as-width-0 {
    width: 0%;
  }
  .m-as-width-10 {
    width: 10%;
  }
  .m-as-width-20 {
    width: 20%;
  }
  .m-as-width-25 {
    width: 25%;
  }
  .m-as-width-33 {
    width: 33%;
  }
  .m-as-width-40 {
    width: 40%;
  }
  .m-as-width-50 {
    width: 50%;
  }
  .m-as-width-60 {
    width: 60%;
  }
  .m-as-width-66 {
    width: 66%;
  }
  .m-as-width-75 {
    width: 75%;
  }
  .m-as-width-80 {
    width: 80%;
  }
  .m-as-width-90 {
    width: 90%;
  }
  .m-as-width-100 {
    width: 100%;
  }
  .m-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .m-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .m-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .m-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .m-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .m-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .m-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .m-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .m-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .m-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .m-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .m-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .m-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .m-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 784px) {
  .ml-as-width-0 {
    width: 0%;
  }
  .ml-as-width-10 {
    width: 10%;
  }
  .ml-as-width-20 {
    width: 20%;
  }
  .ml-as-width-25 {
    width: 25%;
  }
  .ml-as-width-33 {
    width: 33%;
  }
  .ml-as-width-40 {
    width: 40%;
  }
  .ml-as-width-50 {
    width: 50%;
  }
  .ml-as-width-60 {
    width: 60%;
  }
  .ml-as-width-66 {
    width: 66%;
  }
  .ml-as-width-75 {
    width: 75%;
  }
  .ml-as-width-80 {
    width: 80%;
  }
  .ml-as-width-90 {
    width: 90%;
  }
  .ml-as-width-100 {
    width: 100%;
  }
  .ml-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .ml-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .ml-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .ml-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .ml-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .ml-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .ml-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .ml-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .ml-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .ml-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .ml-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .ml-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .ml-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .ml-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 784px) {
  .mp-as-width-0 {
    width: 0%;
  }
  .mp-as-width-10 {
    width: 10%;
  }
  .mp-as-width-20 {
    width: 20%;
  }
  .mp-as-width-25 {
    width: 25%;
  }
  .mp-as-width-33 {
    width: 33%;
  }
  .mp-as-width-40 {
    width: 40%;
  }
  .mp-as-width-50 {
    width: 50%;
  }
  .mp-as-width-60 {
    width: 60%;
  }
  .mp-as-width-66 {
    width: 66%;
  }
  .mp-as-width-75 {
    width: 75%;
  }
  .mp-as-width-80 {
    width: 80%;
  }
  .mp-as-width-90 {
    width: 90%;
  }
  .mp-as-width-100 {
    width: 100%;
  }
  .mp-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .mp-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .mp-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .mp-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .mp-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .mp-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .mp-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .mp-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .mp-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .mp-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .mp-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .mp-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .mp-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .mp-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  .t-as-width-0 {
    width: 0%;
  }
  .t-as-width-10 {
    width: 10%;
  }
  .t-as-width-20 {
    width: 20%;
  }
  .t-as-width-25 {
    width: 25%;
  }
  .t-as-width-33 {
    width: 33%;
  }
  .t-as-width-40 {
    width: 40%;
  }
  .t-as-width-50 {
    width: 50%;
  }
  .t-as-width-60 {
    width: 60%;
  }
  .t-as-width-66 {
    width: 66%;
  }
  .t-as-width-75 {
    width: 75%;
  }
  .t-as-width-80 {
    width: 80%;
  }
  .t-as-width-90 {
    width: 90%;
  }
  .t-as-width-100 {
    width: 100%;
  }
  .t-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .t-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .t-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .t-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .t-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .t-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .t-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .t-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .t-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .t-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .t-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .t-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .t-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .t-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (orientation: landscape) and (min-width: 785px) and (max-width: 1191px) {
  .tl-as-width-0 {
    width: 0%;
  }
  .tl-as-width-10 {
    width: 10%;
  }
  .tl-as-width-20 {
    width: 20%;
  }
  .tl-as-width-25 {
    width: 25%;
  }
  .tl-as-width-33 {
    width: 33%;
  }
  .tl-as-width-40 {
    width: 40%;
  }
  .tl-as-width-50 {
    width: 50%;
  }
  .tl-as-width-60 {
    width: 60%;
  }
  .tl-as-width-66 {
    width: 66%;
  }
  .tl-as-width-75 {
    width: 75%;
  }
  .tl-as-width-80 {
    width: 80%;
  }
  .tl-as-width-90 {
    width: 90%;
  }
  .tl-as-width-100 {
    width: 100%;
  }
  .tl-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .tl-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .tl-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .tl-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .tl-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .tl-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .tl-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .tl-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .tl-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .tl-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .tl-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .tl-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .tl-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .tl-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (orientation: portrait) and (min-width: 785px) and (max-width: 1191px) {
  .tp-as-width-0 {
    width: 0%;
  }
  .tp-as-width-10 {
    width: 10%;
  }
  .tp-as-width-20 {
    width: 20%;
  }
  .tp-as-width-25 {
    width: 25%;
  }
  .tp-as-width-33 {
    width: 33%;
  }
  .tp-as-width-40 {
    width: 40%;
  }
  .tp-as-width-50 {
    width: 50%;
  }
  .tp-as-width-60 {
    width: 60%;
  }
  .tp-as-width-66 {
    width: 66%;
  }
  .tp-as-width-75 {
    width: 75%;
  }
  .tp-as-width-80 {
    width: 80%;
  }
  .tp-as-width-90 {
    width: 90%;
  }
  .tp-as-width-100 {
    width: 100%;
  }
  .tp-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .tp-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .tp-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .tp-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .tp-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .tp-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .tp-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .tp-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .tp-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .tp-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .tp-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .tp-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .tp-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .tp-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  .d-as-width-0 {
    width: 0%;
  }
  .d-as-width-10 {
    width: 10%;
  }
  .d-as-width-20 {
    width: 20%;
  }
  .d-as-width-25 {
    width: 25%;
  }
  .d-as-width-33 {
    width: 33%;
  }
  .d-as-width-40 {
    width: 40%;
  }
  .d-as-width-50 {
    width: 50%;
  }
  .d-as-width-60 {
    width: 60%;
  }
  .d-as-width-66 {
    width: 66%;
  }
  .d-as-width-75 {
    width: 75%;
  }
  .d-as-width-80 {
    width: 80%;
  }
  .d-as-width-90 {
    width: 90%;
  }
  .d-as-width-100 {
    width: 100%;
  }
  .d-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .d-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .d-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .d-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .d-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .d-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .d-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .d-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .d-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .d-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .d-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .d-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .d-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .d-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (orientation: landscape) and (min-width: 1192px) and (max-width: 99999px) {
  .dl-as-width-0 {
    width: 0%;
  }
  .dl-as-width-10 {
    width: 10%;
  }
  .dl-as-width-20 {
    width: 20%;
  }
  .dl-as-width-25 {
    width: 25%;
  }
  .dl-as-width-33 {
    width: 33%;
  }
  .dl-as-width-40 {
    width: 40%;
  }
  .dl-as-width-50 {
    width: 50%;
  }
  .dl-as-width-60 {
    width: 60%;
  }
  .dl-as-width-66 {
    width: 66%;
  }
  .dl-as-width-75 {
    width: 75%;
  }
  .dl-as-width-80 {
    width: 80%;
  }
  .dl-as-width-90 {
    width: 90%;
  }
  .dl-as-width-100 {
    width: 100%;
  }
  .dl-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .dl-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .dl-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .dl-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .dl-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .dl-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .dl-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .dl-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .dl-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .dl-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .dl-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .dl-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .dl-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .dl-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
@media only screen and (orientation: portrait) and (min-width: 1192px) and (max-width: 99999px) {
  .dp-as-width-0 {
    width: 0%;
  }
  .dp-as-width-10 {
    width: 10%;
  }
  .dp-as-width-20 {
    width: 20%;
  }
  .dp-as-width-25 {
    width: 25%;
  }
  .dp-as-width-33 {
    width: 33%;
  }
  .dp-as-width-40 {
    width: 40%;
  }
  .dp-as-width-50 {
    width: 50%;
  }
  .dp-as-width-60 {
    width: 60%;
  }
  .dp-as-width-66 {
    width: 66%;
  }
  .dp-as-width-75 {
    width: 75%;
  }
  .dp-as-width-80 {
    width: 80%;
  }
  .dp-as-width-90 {
    width: 90%;
  }
  .dp-as-width-100 {
    width: 100%;
  }
  .dp-as-width-1-cols {
    width: var(--width-1-cols);
  }
  .dp-as-width-2-cols {
    width: var(--width-2-cols);
  }
  .dp-as-width-3-cols {
    width: var(--width-3-cols);
  }
  .dp-as-width-4-cols {
    width: var(--width-4-cols);
  }
  .dp-as-width-5-cols {
    width: var(--width-5-cols);
  }
  .dp-as-width-6-cols {
    width: var(--width-6-cols);
  }
  .dp-as-width-7-cols {
    width: var(--width-7-cols);
  }
  .dp-as-width-8-cols {
    width: var(--width-8-cols);
  }
  .dp-as-width-9-cols {
    width: var(--width-9-cols);
  }
  .dp-as-width-10-cols {
    width: var(--width-10-cols);
  }
  .dp-as-width-11-cols {
    width: var(--width-11-cols);
  }
  .dp-as-width-12-cols {
    width: var(--width-12-cols);
  }
  .dp-as-width-13-cols {
    width: var(--width-13-cols);
  }
  .dp-as-width-14-cols {
    width: var(--width-14-cols);
  }
}
.as-width-0 {
  width: 0%;
}

.as-width-10 {
  width: 10%;
}

.as-width-20 {
  width: 20%;
}

.as-width-25 {
  width: 25%;
}

.as-width-33 {
  width: 33%;
}

.as-width-40 {
  width: 40%;
}

.as-width-50 {
  width: 50%;
}

.as-width-60 {
  width: 60%;
}

.as-width-66 {
  width: 66%;
}

.as-width-75 {
  width: 75%;
}

.as-width-80 {
  width: 80%;
}

.as-width-90 {
  width: 90%;
}

.as-width-100 {
  width: 100%;
}

.as-width-1-cols {
  width: var(--width-1-cols);
}

.as-width-2-cols {
  width: var(--width-2-cols);
}

.as-width-3-cols {
  width: var(--width-3-cols);
}

.as-width-4-cols {
  width: var(--width-4-cols);
}

.as-width-5-cols {
  width: var(--width-5-cols);
}

.as-width-6-cols {
  width: var(--width-6-cols);
}

.as-width-7-cols {
  width: var(--width-7-cols);
}

.as-width-8-cols {
  width: var(--width-8-cols);
}

.as-width-9-cols {
  width: var(--width-9-cols);
}

.as-width-10-cols {
  width: var(--width-10-cols);
}

.as-width-11-cols {
  width: var(--width-11-cols);
}

.as-width-12-cols {
  width: var(--width-12-cols);
}

.as-width-13-cols {
  width: var(--width-13-cols);
}

.as-width-14-cols {
  width: var(--width-14-cols);
}

:root {
  --scroll-margin: 0rem;
  --current-auto-col-width: calc(100% / 14);
  --current-col-width: calc(100% / 14);
  --current-gap-width: 0px;
  --width-1-cols: calc(calc(1 * var(--current-col-width)) + calc(0 * var(--current-gap-width)));
  --width-1-cols-with-gap: calc(calc(1 * var(--current-col-width)) + calc(1 * var(--current-gap-width)));
  --width-2-cols: calc(calc(2 * var(--current-col-width)) + calc(1 * var(--current-gap-width)));
  --width-2-cols-with-gap: calc(calc(2 * var(--current-col-width)) + calc(2 * var(--current-gap-width)));
  --width-3-cols: calc(calc(3 * var(--current-col-width)) + calc(2 * var(--current-gap-width)));
  --width-3-cols-with-gap: calc(calc(3 * var(--current-col-width)) + calc(3 * var(--current-gap-width)));
  --width-4-cols: calc(calc(4 * var(--current-col-width)) + calc(3 * var(--current-gap-width)));
  --width-4-cols-with-gap: calc(calc(4 * var(--current-col-width)) + calc(4 * var(--current-gap-width)));
  --width-5-cols: calc(calc(5 * var(--current-col-width)) + calc(4 * var(--current-gap-width)));
  --width-5-cols-with-gap: calc(calc(5 * var(--current-col-width)) + calc(5 * var(--current-gap-width)));
  --width-6-cols: calc(calc(6 * var(--current-col-width)) + calc(5 * var(--current-gap-width)));
  --width-6-cols-with-gap: calc(calc(6 * var(--current-col-width)) + calc(6 * var(--current-gap-width)));
  --width-7-cols: calc(calc(7 * var(--current-col-width)) + calc(6 * var(--current-gap-width)));
  --width-7-cols-with-gap: calc(calc(7 * var(--current-col-width)) + calc(7 * var(--current-gap-width)));
  --width-8-cols: calc(calc(8 * var(--current-col-width)) + calc(7 * var(--current-gap-width)));
  --width-8-cols-with-gap: calc(calc(8 * var(--current-col-width)) + calc(8 * var(--current-gap-width)));
  --width-9-cols: calc(calc(9 * var(--current-col-width)) + calc(8 * var(--current-gap-width)));
  --width-9-cols-with-gap: calc(calc(9 * var(--current-col-width)) + calc(9 * var(--current-gap-width)));
  --width-10-cols: calc(calc(10 * var(--current-col-width)) + calc(9 * var(--current-gap-width)));
  --width-10-cols-with-gap: calc(calc(10 * var(--current-col-width)) + calc(10 * var(--current-gap-width)));
  --width-11-cols: calc(calc(11 * var(--current-col-width)) + calc(10 * var(--current-gap-width)));
  --width-11-cols-with-gap: calc(calc(11 * var(--current-col-width)) + calc(11 * var(--current-gap-width)));
  --width-12-cols: calc(calc(12 * var(--current-col-width)) + calc(11 * var(--current-gap-width)));
  --width-12-cols-with-gap: calc(calc(12 * var(--current-col-width)) + calc(12 * var(--current-gap-width)));
  --width-13-cols: calc(calc(13 * var(--current-col-width)) + calc(12 * var(--current-gap-width)));
  --width-13-cols-with-gap: calc(calc(13 * var(--current-col-width)) + calc(13 * var(--current-gap-width)));
  --width-14-cols: calc(calc(14 * var(--current-col-width)) + calc(13 * var(--current-gap-width)));
  --width-14-cols-with-gap: calc(calc(14 * var(--current-col-width)) + calc(14 * var(--current-gap-width)));
}

@media only screen and (min-width: 0px) and (max-width: 784px) {
  * {
    --page-grid-gap: 16rem;
    --background-primary-125-pattern-right: url("../../assets/images/bg-pattern-footer.svg") no-repeat bottom right #0C162A;
    --background-primary-light-125-pattern-center-right: url("../../assets/images/bg-pattern-right-white.svg") no-repeat center right #9B6E23;
    --background-secondary-25-pattern-center-center: url("../../assets/images/bg-pattern-center-blue.svg") no-repeat center center #E8EEEE;
    --background-secondary-50-pattern-top-left: url("../../assets/images/bg-pattern-left-blue.svg") no-repeat top left #DCE8E8;
    --background-secondary-50-pattern-top-right: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat top right #DCE8E8;
    --background-secondary-50-pattern-center-left: url("../../assets/images/bg-pattern-left-blue.svg") no-repeat center left #DCE8E8;
    --background-plain-white-pattern-center-right: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat center right #FFFFFF;
    --background-plain-white-opacity-80: rgba(255, 255, 255, 0.8);
    --background-transparent-pattern-center-left: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat center left;
    --border-unset: unset;
    --border-plain-white: 2px solid #FFFFFF;
    --border-plain-white-opacity-70: 2px solid rgba(255, 255, 255, 0.7);
    --border-primary-light-100: 2px solid #D19635;
    --border-primary-light-100-thick: 4px solid #D19635;
    --border-secondary-25: 2px solid #E8EEEE;
    --border-secondary-100: 2px solid #D1DEDE;
    --border-radius-unset: unset;
    --border-radius-s: 10rem;
    --border-radius-xs: 5rem;
    --color-primary-150: #060B15;
    --color-primary-125: #0C162A;
    --color-primary-100: #132342;
    --color-primary-50: #8090B0;
    --color-primary-25: #DEE6F6;
    --color-primary-light-150: #74521B;
    --color-primary-light-125: #9B6E23;
    --color-primary-light-100: #D19635;
    --color-primary-light-50: #E8CA9A;
    --color-primary-light-25: #F3E5CC;
    --color-secondary-150: #6E9595;
    --color-secondary-125: #92B1B1;
    --color-secondary-100: #D1DEDE;
    --color-secondary-50: #DCE8E8;
    --color-secondary-25: #E8EEEE;
    --color-text-25: #C8C8C8;
    --color-text-100: #222222;
    --color-error-100: #D52941;
    --color-error-25: #FAE4E7;
    --color-success-100: #169873;
    --color-success-25: #DAFAF1;
    --color-hint-100: #F2901C;
    --color-hint-25: #F8E6D0;
    --color-plain-white: #FFFFFF;
    --font-default-font-size: 16rem;
    --font-default-line-height: 22rem;
    --font-default-letter-spacing: 0em;
    --font-default-font-weight: 300;
    --font-default-text-transform: none;
    --font-default-font-style: normal;
    --font-default-font-family: Open Sans, Arial, serif;
    --font-paragraph-bold-font-size: 16rem;
    --font-paragraph-bold-line-height: 18rem;
    --font-paragraph-bold-letter-spacing: 0em;
    --font-paragraph-bold-font-weight: 700;
    --font-paragraph-bold-text-transform: none;
    --font-paragraph-bold-font-style: normal;
    --font-paragraph-bold-font-family: Open Sans, Arial, serif;
    --font-special-bold-font-size: 30rem;
    --font-special-bold-line-height: 1;
    --font-special-bold-letter-spacing: 0em;
    --font-special-bold-font-weight: 700;
    --font-special-bold-text-transform: none;
    --font-special-bold-font-style: normal;
    --font-special-bold-font-family: Open Sans, Arial, serif;
    --font-caption-font-size: 13rem;
    --font-caption-line-height: 15rem;
    --font-caption-letter-spacing: 0em;
    --font-caption-font-weight: 300;
    --font-caption-text-transform: normal;
    --font-caption-font-style: normal;
    --font-caption-font-family: Open Sans, Arial, serif;
    --font-caption-bold-font-size: 13rem;
    --font-caption-bold-line-height: 15rem;
    --font-caption-bold-letter-spacing: 0em;
    --font-caption-bold-font-weight: 700;
    --font-caption-bold-text-transform: normal;
    --font-caption-bold-font-style: normal;
    --font-caption-bold-font-family: Open Sans, Arial, serif;
    --font-disclaimer-font-size: 10rem;
    --font-disclaimer-line-height: 12rem;
    --font-disclaimer-letter-spacing: 0.12em;
    --font-disclaimer-font-weight: 300;
    --font-disclaimer-text-transform: normal;
    --font-disclaimer-font-style: normal;
    --font-disclaimer-font-family: Open Sans, Arial, serif;
    --font-disclaimer-bold-font-size: 10rem;
    --font-disclaimer-bold-line-height: 12rem;
    --font-disclaimer-bold-letter-spacing: 0.12em;
    --font-disclaimer-bold-font-weight: 300;
    --font-disclaimer-bold-text-transform: normal;
    --font-disclaimer-bold-font-style: normal;
    --font-disclaimer-bold-font-family: Open Sans, Arial, serif;
    --font-headline-xxl-font-size: 39rem;
    --font-headline-xxl-line-height: 41rem;
    --font-headline-xxl-letter-spacing: 0em;
    --font-headline-xxl-font-weight: 300;
    --font-headline-xxl-text-transform: normal;
    --font-headline-xxl-font-style: normal;
    --font-headline-xxl-font-family: Gelasio, Arial, sans-serif;
    --font-headline-xl-font-size: 31rem;
    --font-headline-xl-line-height: 33rem;
    --font-headline-xl-letter-spacing: 0em;
    --font-headline-xl-font-weight: 300;
    --font-headline-xl-text-transform: normal;
    --font-headline-xl-font-style: normal;
    --font-headline-xl-font-family: Gelasio, Arial, sans-serif;
    --font-headline-l-font-size: 25rem;
    --font-headline-l-line-height: 27rem;
    --font-headline-l-letter-spacing: 0em;
    --font-headline-l-font-weight: 300;
    --font-headline-l-text-transform: normal;
    --font-headline-l-font-style: normal;
    --font-headline-l-font-family: Gelasio, Arial, sans-serif;
    --font-headline-m-font-size: 20rem;
    --font-headline-m-line-height: 22rem;
    --font-headline-m-letter-spacing: 0em;
    --font-headline-m-font-weight: 500;
    --font-headline-m-text-transform: normal;
    --font-headline-m-font-style: normal;
    --font-headline-m-font-family: Gelasio, Arial, sans-serif;
    --gradient-primary-100-alpha60: linear-gradient(0deg, rgba(19, 35, 66, 0.6) 0%, rgba(19, 35, 66, 0.6) 100%);
    --padding-xxs: 4rem;
    --padding-xs: 8rem;
    --padding-s: 12rem;
    --padding-m: 8rem;
    --padding-l: 12rem;
    --padding-xl: 16rem;
    --padding-2xl: 24rem;
    --padding-3xl: 32rem;
    --padding-4xl: 48rem;
    --padding-5xl: 64rem;
    --padding-6xl: 96rem;
    --padding-unset: unset;
    --margin-xxs: 4rem;
    --margin-xs: 8rem;
    --margin-s: 12rem;
    --margin-m: 8rem;
    --margin-l: 12rem;
    --margin-xl: 16rem;
    --margin-2xl: 24rem;
    --margin-3xl: 32rem;
    --margin-4xl: 48rem;
    --margin-5xl: 64rem;
    --margin-6xl: 96rem;
    --margin-unset: unset;
    --spacer-xxs: 4rem;
    --spacer-xs: 8rem;
    --spacer-s: 12rem;
    --spacer-m: 8rem;
    --spacer-l: 12rem;
    --spacer-xl: 16rem;
    --spacer-2xl: 24rem;
    --spacer-3xl: 32rem;
    --spacer-4xl: 48rem;
    --spacer-5xl: 64rem;
    --spacer-6xl: 96rem;
    --spacer-unset: unset;
  }
}
@media only screen and (min-width: 785px) and (max-width: 1191px) {
  * {
    --page-grid-gap: 24rem;
    --background-primary-125-pattern-right: url("../../assets/images/bg-pattern-footer.svg") no-repeat bottom right #0C162A;
    --background-primary-light-125-pattern-center-right: url("../../assets/images/bg-pattern-right-white.svg") no-repeat center right #9B6E23;
    --background-secondary-25-pattern-center-center: url("../../assets/images/bg-pattern-center-blue.svg") no-repeat center center #E8EEEE;
    --background-secondary-50-pattern-top-left: url("../../assets/images/bg-pattern-left-blue.svg") no-repeat top left #DCE8E8;
    --background-secondary-50-pattern-top-right: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat top right #DCE8E8;
    --background-secondary-50-pattern-center-left: url("../../assets/images/bg-pattern-left-blue.svg") no-repeat center left #DCE8E8;
    --background-plain-white-pattern-center-right: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat center right #FFFFFF;
    --background-plain-white-opacity-80: rgba(255, 255, 255, 0.8);
    --background-transparent-pattern-center-left: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat center left;
    --border-unset: unset;
    --border-plain-white: 2px solid #FFFFFF;
    --border-plain-white-opacity-70: 2px solid rgba(255, 255, 255, 0.7);
    --border-primary-light-100: 2px solid #D19635;
    --border-primary-light-100-thick: 4px solid #D19635;
    --border-secondary-25: 2px solid #E8EEEE;
    --border-secondary-100: 2px solid #D1DEDE;
    --border-radius-unset: unset;
    --border-radius-s: 10rem;
    --border-radius-xs: 5rem;
    --color-primary-150: #060B15;
    --color-primary-125: #0C162A;
    --color-primary-100: #132342;
    --color-primary-50: #8090B0;
    --color-primary-25: #DEE6F6;
    --color-primary-light-150: #74521B;
    --color-primary-light-125: #9B6E23;
    --color-primary-light-100: #D19635;
    --color-primary-light-50: #E8CA9A;
    --color-primary-light-25: #F3E5CC;
    --color-secondary-150: #6E9595;
    --color-secondary-125: #92B1B1;
    --color-secondary-100: #D1DEDE;
    --color-secondary-50: #DCE8E8;
    --color-secondary-25: #E8EEEE;
    --color-text-25: #C8C8C8;
    --color-text-100: #222222;
    --color-error-100: #D52941;
    --color-error-25: #FAE4E7;
    --color-success-100: #169873;
    --color-success-25: #DAFAF1;
    --color-hint-100: #F2901C;
    --color-hint-25: #F8E6D0;
    --color-plain-white: #FFFFFF;
    --font-default-font-size: 16rem;
    --font-default-line-height: 22rem;
    --font-default-letter-spacing: 0em;
    --font-default-font-weight: 300;
    --font-default-text-transform: none;
    --font-default-font-style: normal;
    --font-default-font-family: Open Sans, Arial, serif;
    --font-paragraph-bold-font-size: 16rem;
    --font-paragraph-bold-line-height: 18rem;
    --font-paragraph-bold-letter-spacing: 0em;
    --font-paragraph-bold-font-weight: 700;
    --font-paragraph-bold-text-transform: none;
    --font-paragraph-bold-font-style: normal;
    --font-paragraph-bold-font-family: Open Sans, Arial, serif;
    --font-special-bold-font-size: 30rem;
    --font-special-bold-line-height: 1;
    --font-special-bold-letter-spacing: 0em;
    --font-special-bold-font-weight: 700;
    --font-special-bold-text-transform: none;
    --font-special-bold-font-style: normal;
    --font-special-bold-font-family: Open Sans, Arial, serif;
    --font-caption-font-size: 13rem;
    --font-caption-line-height: 15rem;
    --font-caption-letter-spacing: 0em;
    --font-caption-font-weight: 300;
    --font-caption-text-transform: normal;
    --font-caption-font-style: normal;
    --font-caption-font-family: Open Sans, Arial, serif;
    --font-caption-bold-font-size: 13rem;
    --font-caption-bold-line-height: 15rem;
    --font-caption-bold-letter-spacing: 0em;
    --font-caption-bold-font-weight: 700;
    --font-caption-bold-text-transform: normal;
    --font-caption-bold-font-style: normal;
    --font-caption-bold-font-family: Open Sans, Arial, serif;
    --font-disclaimer-font-size: 10rem;
    --font-disclaimer-line-height: 12rem;
    --font-disclaimer-letter-spacing: 0.12em;
    --font-disclaimer-font-weight: 300;
    --font-disclaimer-text-transform: normal;
    --font-disclaimer-font-style: normal;
    --font-disclaimer-font-family: Open Sans, Arial, serif;
    --font-disclaimer-bold-font-size: 10rem;
    --font-disclaimer-bold-line-height: 12rem;
    --font-disclaimer-bold-letter-spacing: 0.12em;
    --font-disclaimer-bold-font-weight: 300;
    --font-disclaimer-bold-text-transform: normal;
    --font-disclaimer-bold-font-style: normal;
    --font-disclaimer-bold-font-family: Open Sans, Arial, serif;
    --font-headline-xxl-font-size: 39rem;
    --font-headline-xxl-line-height: 41rem;
    --font-headline-xxl-letter-spacing: 0em;
    --font-headline-xxl-font-weight: 300;
    --font-headline-xxl-text-transform: normal;
    --font-headline-xxl-font-style: normal;
    --font-headline-xxl-font-family: Gelasio, Arial, sans-serif;
    --font-headline-xl-font-size: 31rem;
    --font-headline-xl-line-height: 33rem;
    --font-headline-xl-letter-spacing: 0em;
    --font-headline-xl-font-weight: 300;
    --font-headline-xl-text-transform: normal;
    --font-headline-xl-font-style: normal;
    --font-headline-xl-font-family: Gelasio, Arial, sans-serif;
    --font-headline-l-font-size: 25rem;
    --font-headline-l-line-height: 27rem;
    --font-headline-l-letter-spacing: 0em;
    --font-headline-l-font-weight: 300;
    --font-headline-l-text-transform: normal;
    --font-headline-l-font-style: normal;
    --font-headline-l-font-family: Gelasio, Arial, sans-serif;
    --font-headline-m-font-size: 20rem;
    --font-headline-m-line-height: 22rem;
    --font-headline-m-letter-spacing: 0em;
    --font-headline-m-font-weight: 500;
    --font-headline-m-text-transform: normal;
    --font-headline-m-font-style: normal;
    --font-headline-m-font-family: Gelasio, Arial, sans-serif;
    --gradient-primary-100-alpha60: linear-gradient(0deg, rgba(19, 35, 66, 0.6) 0%, rgba(19, 35, 66, 0.6) 100%);
    --padding-xxs: 4rem;
    --padding-xs: 8rem;
    --padding-s: 12rem;
    --padding-m: 12rem;
    --padding-l: 16rem;
    --padding-xl: 24rem;
    --padding-2xl: 32rem;
    --padding-3xl: 48rem;
    --padding-4xl: 64rem;
    --padding-5xl: 96rem;
    --padding-6xl: 128rem;
    --padding-unset: unset;
    --margin-xxs: 4rem;
    --margin-xs: 8rem;
    --margin-s: 12rem;
    --margin-m: 12rem;
    --margin-l: 16rem;
    --margin-xl: 24rem;
    --margin-2xl: 32rem;
    --margin-3xl: 48rem;
    --margin-4xl: 64rem;
    --margin-5xl: 96rem;
    --margin-6xl: 128rem;
    --margin-unset: unset;
    --spacer-xxs: 4rem;
    --spacer-xs: 8rem;
    --spacer-s: 12rem;
    --spacer-m: 12rem;
    --spacer-l: 16rem;
    --spacer-xl: 24rem;
    --spacer-2xl: 32rem;
    --spacer-3xl: 48rem;
    --spacer-4xl: 64rem;
    --spacer-5xl: 96rem;
    --spacer-6xl: 128rem;
    --spacer-unset: unset;
  }
}
@media only screen and (min-width: 1192px) and (max-width: 99999px) {
  * {
    --page-grid-gap: 32rem;
    --background-primary-125-pattern-right: url("../../assets/images/bg-pattern-footer.svg") no-repeat bottom right #0C162A;
    --background-primary-light-125-pattern-center-right: url("../../assets/images/bg-pattern-right-white.svg") no-repeat center right #9B6E23;
    --background-secondary-25-pattern-center-center: url("../../assets/images/bg-pattern-center-blue.svg") no-repeat center center #E8EEEE;
    --background-secondary-50-pattern-top-left: url("../../assets/images/bg-pattern-left-blue.svg") no-repeat top left #DCE8E8;
    --background-secondary-50-pattern-top-right: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat top right #DCE8E8;
    --background-secondary-50-pattern-center-left: url("../../assets/images/bg-pattern-left-blue.svg") no-repeat center left #DCE8E8;
    --background-plain-white-pattern-center-right: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat center right #FFFFFF;
    --background-plain-white-opacity-80: rgba(255, 255, 255, 0.8);
    --background-transparent-pattern-center-left: url("../../assets/images/bg-pattern-right-blue.svg") no-repeat center left;
    --border-unset: unset;
    --border-plain-white: 2px solid #FFFFFF;
    --border-plain-white-opacity-70: 2px solid rgba(255, 255, 255, 0.7);
    --border-primary-light-100: 2px solid #D19635;
    --border-primary-light-100-thick: 4px solid #D19635;
    --border-secondary-25: 2px solid #E8EEEE;
    --border-secondary-100: 2px solid #D1DEDE;
    --border-radius-unset: unset;
    --border-radius-s: 10rem;
    --border-radius-xs: 5rem;
    --color-primary-150: #060B15;
    --color-primary-125: #0C162A;
    --color-primary-100: #132342;
    --color-primary-50: #8090B0;
    --color-primary-25: #DEE6F6;
    --color-primary-light-150: #74521B;
    --color-primary-light-125: #9B6E23;
    --color-primary-light-100: #D19635;
    --color-primary-light-50: #E8CA9A;
    --color-primary-light-25: #F3E5CC;
    --color-secondary-150: #6E9595;
    --color-secondary-125: #92B1B1;
    --color-secondary-100: #D1DEDE;
    --color-secondary-50: #DCE8E8;
    --color-secondary-25: #E8EEEE;
    --color-text-25: #C8C8C8;
    --color-text-100: #222222;
    --color-error-100: #D52941;
    --color-error-25: #FAE4E7;
    --color-success-100: #169873;
    --color-success-25: #DAFAF1;
    --color-hint-100: #F2901C;
    --color-hint-25: #F8E6D0;
    --color-plain-white: #FFFFFF;
    --font-default-font-size: 16rem;
    --font-default-line-height: 22rem;
    --font-default-letter-spacing: 0em;
    --font-default-font-weight: 300;
    --font-default-text-transform: none;
    --font-default-font-style: normal;
    --font-default-font-family: Open Sans, Arial, serif;
    --font-paragraph-bold-font-size: 16rem;
    --font-paragraph-bold-line-height: 18rem;
    --font-paragraph-bold-letter-spacing: 0em;
    --font-paragraph-bold-font-weight: 700;
    --font-paragraph-bold-text-transform: none;
    --font-paragraph-bold-font-style: normal;
    --font-paragraph-bold-font-family: Open Sans, Arial, serif;
    --font-special-bold-font-size: 30rem;
    --font-special-bold-line-height: 1;
    --font-special-bold-letter-spacing: 0em;
    --font-special-bold-font-weight: 700;
    --font-special-bold-text-transform: none;
    --font-special-bold-font-style: normal;
    --font-special-bold-font-family: Open Sans, Arial, serif;
    --font-caption-font-size: 13rem;
    --font-caption-line-height: 15rem;
    --font-caption-letter-spacing: 0em;
    --font-caption-font-weight: 300;
    --font-caption-text-transform: normal;
    --font-caption-font-style: normal;
    --font-caption-font-family: Open Sans, Arial, serif;
    --font-caption-bold-font-size: 13rem;
    --font-caption-bold-line-height: 15rem;
    --font-caption-bold-letter-spacing: 0em;
    --font-caption-bold-font-weight: 700;
    --font-caption-bold-text-transform: normal;
    --font-caption-bold-font-style: normal;
    --font-caption-bold-font-family: Open Sans, Arial, serif;
    --font-disclaimer-font-size: 10rem;
    --font-disclaimer-line-height: 12rem;
    --font-disclaimer-letter-spacing: 0.12em;
    --font-disclaimer-font-weight: 300;
    --font-disclaimer-text-transform: normal;
    --font-disclaimer-font-style: normal;
    --font-disclaimer-font-family: Open Sans, Arial, serif;
    --font-disclaimer-bold-font-size: 10rem;
    --font-disclaimer-bold-line-height: 12rem;
    --font-disclaimer-bold-letter-spacing: 0.12em;
    --font-disclaimer-bold-font-weight: 300;
    --font-disclaimer-bold-text-transform: normal;
    --font-disclaimer-bold-font-style: normal;
    --font-disclaimer-bold-font-family: Open Sans, Arial, serif;
    --font-headline-xxl-font-size: 39rem;
    --font-headline-xxl-line-height: 41rem;
    --font-headline-xxl-letter-spacing: 0em;
    --font-headline-xxl-font-weight: 300;
    --font-headline-xxl-text-transform: normal;
    --font-headline-xxl-font-style: normal;
    --font-headline-xxl-font-family: Gelasio, Arial, sans-serif;
    --font-headline-xl-font-size: 31rem;
    --font-headline-xl-line-height: 33rem;
    --font-headline-xl-letter-spacing: 0em;
    --font-headline-xl-font-weight: 300;
    --font-headline-xl-text-transform: normal;
    --font-headline-xl-font-style: normal;
    --font-headline-xl-font-family: Gelasio, Arial, sans-serif;
    --font-headline-l-font-size: 25rem;
    --font-headline-l-line-height: 27rem;
    --font-headline-l-letter-spacing: 0em;
    --font-headline-l-font-weight: 300;
    --font-headline-l-text-transform: normal;
    --font-headline-l-font-style: normal;
    --font-headline-l-font-family: Gelasio, Arial, sans-serif;
    --font-headline-m-font-size: 20rem;
    --font-headline-m-line-height: 22rem;
    --font-headline-m-letter-spacing: 0em;
    --font-headline-m-font-weight: 500;
    --font-headline-m-text-transform: normal;
    --font-headline-m-font-style: normal;
    --font-headline-m-font-family: Gelasio, Arial, sans-serif;
    --gradient-primary-100-alpha60: linear-gradient(0deg, rgba(19, 35, 66, 0.6) 0%, rgba(19, 35, 66, 0.6) 100%);
    --padding-xxs: 4rem;
    --padding-xs: 8rem;
    --padding-s: 12rem;
    --padding-m: 16rem;
    --padding-l: 24rem;
    --padding-xl: 32rem;
    --padding-2xl: 48rem;
    --padding-3xl: 64rem;
    --padding-4xl: 96rem;
    --padding-5xl: 128rem;
    --padding-6xl: 256rem;
    --padding-unset: unset;
    --margin-xxs: 4rem;
    --margin-xs: 8rem;
    --margin-s: 12rem;
    --margin-m: 16rem;
    --margin-l: 24rem;
    --margin-xl: 32rem;
    --margin-2xl: 48rem;
    --margin-3xl: 64rem;
    --margin-4xl: 96rem;
    --margin-5xl: 128rem;
    --margin-6xl: 256rem;
    --margin-unset: unset;
    --spacer-xxs: 4rem;
    --spacer-xs: 8rem;
    --spacer-s: 12rem;
    --spacer-m: 16rem;
    --spacer-l: 24rem;
    --spacer-xl: 32rem;
    --spacer-2xl: 48rem;
    --spacer-3xl: 64rem;
    --spacer-4xl: 96rem;
    --spacer-5xl: 128rem;
    --spacer-6xl: 256rem;
    --spacer-unset: unset;
  }
}

/*# sourceMappingURL=primary.css.map */