/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

:root {
  --colour-loch: 14, 26, 33;
  --colour-sea: 55, 71, 90;
  --colour-storm: 108, 131, 144;
  --colour-foam: 201, 226, 238;
  --colour-off-white: 245, 247, 238;
  --colour-white: 255, 255, 255;
  --font-body-colour: rgb(var(--colour-loch));
  --font-body-family: "Carbona Test", sans-serif;
  --font-body-weight: 400;
  --font-heading-colour: rgb(var(--colour-sea));
  --font-heading-family: "Forevs", serif;
  --font-heading-case: uppercase;
  --font-heading-kerning: 0.05em;
  --font-display-family: "Rigidica", sans-serif;
  --font-display-weight: 400;
}

@font-face {
  font-family: "Rigidica";
  src: url("../fonts/RigidicaHeading-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Forevs";
  src: url("../fonts/Forevs-Light.woff2") format("woff2");
}
html {
  background-color: rgb(var(--colour-off-white));
  color: var(--font-body-colour);
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  font-size: 17px;
  line-height: 25px;
}

h1, h2, h3, h4 {
  font-family: var(--font-heading-family);
  color: var(--font-heading-colour);
  text-transform: var(--font-heading-case);
  letter-spacing: var(--font-heading-kerning);
  margin: 0;
}

h1 {
  font-size: 40px;
  line-height: 44px;
}

a {
  color: currentColor;
  text-decoration: none;
}

p {
  margin: 0;
}

.link-text {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.link-text__content {
  position: relative;
}
.link-text__content::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  background-color: currentColor;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.1, 0.7, 0.1, 1);
}

a:hover .link-text__content::before {
  transform: scaleX(1);
}
a:hover .link-text__arrow {
  transform: translateX(0);
}

.link-text__arrow-container {
  position: relative;
  height: 24px;
  overflow: hidden;
  max-width: 64px;
  flex-shrink: 0;
  min-width: 24px;
}

.link-text__arrow {
  width: 100%;
  height: 24px;
  transform: translateX(calc(-100% + 20px));
  transition: transform 0.5s cubic-bezier(0.1, 0.7, 0.1, 1);
}
.link-text__arrow svg {
  position: absolute;
  top: 5.25px;
  right: 0;
}

.link-text__line {
  position: absolute;
  top: 11.5px;
  left: 0;
  right: 1px;
  height: 1px;
  background-color: currentColor;
  border-radius: 1px;
}

.hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  background-color: rgb(var(--colour-loch));
  color: rgb(var(--colour-off-white));
  text-align: center;
  overflow: hidden;
  min-height: 560px;
}

.hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  top: -100px;
  height: calc(100% + 200px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 1;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(102, 132, 145, 0.1);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 2;
}

.hero__content {
  position: relative;
  z-index: 3;
}

.hero__title {
  font-family: var(--font-display-family);
  font-weight: var(--font-display-weight);
  color: rgb(var(--colour-off-white));
  width: 80%;
  font-size: 40px;
  line-height: 50px;
  text-shadow: 0 4px 50px rgb(0, 0, 0);
}
@media (min-width: 767px) {
  .hero__title {
    font-size: 70px;
    line-height: 80px;
  }
}

.hero__separator {
  width: 100px;
  height: 3px;
  background-color: rgb(var(--colour-off-white));
  border: 0;
  margin-left: auto;
  margin-right: auto;
}

.hero__buttons {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hero__buttons li {
  width: 100%;
}
@media (min-width: 767px) {
  .hero__buttons li {
    width: auto;
  }
}

.hero__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  box-shadow: inset 0 0 0 1px rgb(var(--colour-white));
  height: 36px;
  padding-left: 32px;
  padding-right: 32px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  backdrop-filter: blur(10px);
  width: 100%;
}
.hero__button .link-text__content::before {
  display: none;
}

.media-and-text {
  background-image: linear-gradient(to bottom, rgb(var(--colour-white)), 80%, rgb(var(--colour-off-white)) 80%);
  color: rgb(var(--colour-loch));
}

.feature-lists {
  text-align: center;
}

.feature-lists__list {
  border-left: 1px solid rgb(var(--colour-storm));
  margin: 0;
  text-align: left;
}

.feature-lists__icon {
  max-width: 280px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-columns {
  background-color: rgb(var(--colour-loch));
  color: rgb(var(--colour-off-white));
}
.image-columns h1 {
  color: currentColor;
}

.image-columns__columns {
  list-style: none;
  margin: 0;
  padding: 0;
}

.image-columns__column {
  position: relative;
}
.image-columns__column:has(.image-columns__link:hover) .image-columns__image, .image-columns__column:focus-within .image-columns__image {
  box-shadow: 0 0 0 3px rgb(var(--colour-off-white));
}
.image-columns__column:has(.image-columns__link:hover) .link-text__content::before, .image-columns__column:focus-within .link-text__content::before {
  transform: scaleX(1);
}
.image-columns__column:has(.image-columns__link:hover) .link-text__arrow, .image-columns__column:focus-within .link-text__arrow {
  transform: none;
}

.image-columns__image {
  width: 100%;
  height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  box-shadow: 0 0 0 0 rgb(var(--colour-off-white));
  transition: box-shadow 0.5s cubic-bezier(0.1, 0.7, 0.1, 1);
}

.image-columns__link {
  position: absolute;
  opacity: 0;
  inset: 0;
}

.map {
  position: relative;
  background-image: url(../img/map.jpg);
  background-size: cover;
  background-position: center center;
  aspect-ratio: 16/8;
  display: flex;
}
.map::before {
  position: absolute;
  inset: 0;
  content: "";
  z-index: 1;
  background-color: rgba(var(--colour-foam), 0.5);
  pointer-events: none;
}

.map__button {
  position: relative;
  margin: auto;
  z-index: 2;
  background-color: rgb(var(--colour-sea));
  color: rgb(var(--colour-white));
  border-radius: 100px;
  padding: 10px 48px;
}

.loti {
  background-color: rgb(var(--colour-white));
}

@media (min-width: 1080px) {
  .loti__content {
    position: sticky;
    top: 0;
  }
}

.loti__logo {
  width: 100%;
  max-width: 250px;
  height: auto;
}

.custom-logo-link img {
  width: 100%;
  height: auto;
}

.main-navigation::before {
  position: fixed;
  inset: 0;
  z-index: 9;
  background-color: rgba(var(--colour-sea), 0);
  content: "";
  display: block;
  visibility: hidden;
  mix-blend-mode: multiply;
  transition: background-color 0.5s cubic-bezier(0.1, 0.7, 0.1, 1), visibility 0.5s;
}

.main-navigation__toggle,
.main-navigation__close {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 80px;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  font-size: 0;
  color: currentColor;
}

.main-navigation__drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 320px;
  box-shadow: -2px 0 0 0 #000;
  background-color: rgb(var(--colour-off-white));
  visibility: hidden;
  transform: translateX(100%);
  transition: transform 0.5s cubic-bezier(0.1, 0.7, 0.1, 1), visibility 0.5s;
  display: grid;
  grid-template-rows: 1fr auto;
}

.main-navigation__drawer-heading {
  font-size: 13px;
  margin-right: 58px;
  font-family: var(--font-body-family);
  letter-spacing: 0.05em;
  font-weight: 400;
  color: rgb(var(--colour-storm));
}

.main-navigation__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: right;
}
.main-navigation__menu .current-menu-item a::before {
  visibility: visible;
}
.main-navigation__menu a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  text-transform: uppercase;
  padding: 12px 16px;
  padding-right: 30px;
  font-size: 14px;
  transition: box-shadow 0.5s cubic-bezier(0.1, 0.7, 0.1, 1);
  box-shadow: inset 0 0 0 0 rgb(var(--colour-sea));
}
.main-navigation__menu a:hover {
  background-color: rgba(var(--colour-foam), 0.5);
  box-shadow: inset -5px 0 0 0 rgb(var(--colour-sea));
}
.main-navigation__menu a::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../img/nav-marker.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  margin-left: 16px;
  visibility: hidden;
}

.main-navigation__separator {
  width: 100px;
  height: 3px;
  border: 0;
  background-color: rgba(var(--colour-storm), 0.25);
}

.main-navigation.toggled::before {
  background-color: rgba(var(--colour-sea), 0.5);
  visibility: visible;
}
.main-navigation.toggled .main-navigation__drawer {
  visibility: visible;
  transform: none;
}

.admin-bar .main-navigation__drawer {
  top: var(--wp-admin--admin-bar--height);
}

.site-footer {
  background-color: rgb(var(--colour-loch));
  color: rgb(var(--colour-off-white));
  font-size: 12px;
  font-weight: 18px;
  letter-spacing: 0.01em;
}

.site-footer__social-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__legal-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -8px;
}
.site-footer__legal-menu a {
  display: inline-flex;
  padding: 8px 0;
}

.max-w-0 {
  max-width: 0px;
}

.max-w-px {
  max-width: 1px;
}

.max-w-0.\5  {
  max-width: 2px;
}

.max-w-1 {
  max-width: 4px;
}

.max-w-2 {
  max-width: 8px;
}

.max-w-3 {
  max-width: 12px;
}

.max-w-4 {
  max-width: 16px;
}

.max-w-6 {
  max-width: 24px;
}

.max-w-8 {
  max-width: 32px;
}

.max-w-10 {
  max-width: 40px;
}

.max-w-12 {
  max-width: 48px;
}

.max-w-20 {
  max-width: 80px;
}

.max-w-24 {
  max-width: 96px;
}

.max-w-30 {
  max-width: 120px;
}

@media (min-width: 480px) {
  .max-w-0\@xsmall {
    max-width: 0px;
  }
  .max-w-px\@xsmall {
    max-width: 1px;
  }
  .max-w-0.\5 \@xsmall {
    max-width: 2px;
  }
  .max-w-1\@xsmall {
    max-width: 4px;
  }
  .max-w-2\@xsmall {
    max-width: 8px;
  }
  .max-w-3\@xsmall {
    max-width: 12px;
  }
  .max-w-4\@xsmall {
    max-width: 16px;
  }
  .max-w-6\@xsmall {
    max-width: 24px;
  }
  .max-w-8\@xsmall {
    max-width: 32px;
  }
  .max-w-10\@xsmall {
    max-width: 40px;
  }
  .max-w-12\@xsmall {
    max-width: 48px;
  }
  .max-w-20\@xsmall {
    max-width: 80px;
  }
  .max-w-24\@xsmall {
    max-width: 96px;
  }
  .max-w-30\@xsmall {
    max-width: 120px;
  }
}
@media (min-width: 767px) {
  .max-w-0\@small {
    max-width: 0px;
  }
  .max-w-px\@small {
    max-width: 1px;
  }
  .max-w-0.\5 \@small {
    max-width: 2px;
  }
  .max-w-1\@small {
    max-width: 4px;
  }
  .max-w-2\@small {
    max-width: 8px;
  }
  .max-w-3\@small {
    max-width: 12px;
  }
  .max-w-4\@small {
    max-width: 16px;
  }
  .max-w-6\@small {
    max-width: 24px;
  }
  .max-w-8\@small {
    max-width: 32px;
  }
  .max-w-10\@small {
    max-width: 40px;
  }
  .max-w-12\@small {
    max-width: 48px;
  }
  .max-w-20\@small {
    max-width: 80px;
  }
  .max-w-24\@small {
    max-width: 96px;
  }
  .max-w-30\@small {
    max-width: 120px;
  }
}
@media (min-width: 1080px) {
  .max-w-0\@medium {
    max-width: 0px;
  }
  .max-w-px\@medium {
    max-width: 1px;
  }
  .max-w-0.\5 \@medium {
    max-width: 2px;
  }
  .max-w-1\@medium {
    max-width: 4px;
  }
  .max-w-2\@medium {
    max-width: 8px;
  }
  .max-w-3\@medium {
    max-width: 12px;
  }
  .max-w-4\@medium {
    max-width: 16px;
  }
  .max-w-6\@medium {
    max-width: 24px;
  }
  .max-w-8\@medium {
    max-width: 32px;
  }
  .max-w-10\@medium {
    max-width: 40px;
  }
  .max-w-12\@medium {
    max-width: 48px;
  }
  .max-w-20\@medium {
    max-width: 80px;
  }
  .max-w-24\@medium {
    max-width: 96px;
  }
  .max-w-30\@medium {
    max-width: 120px;
  }
}
@media (min-width: 1200px) {
  .max-w-0\@large {
    max-width: 0px;
  }
  .max-w-px\@large {
    max-width: 1px;
  }
  .max-w-0.\5 \@large {
    max-width: 2px;
  }
  .max-w-1\@large {
    max-width: 4px;
  }
  .max-w-2\@large {
    max-width: 8px;
  }
  .max-w-3\@large {
    max-width: 12px;
  }
  .max-w-4\@large {
    max-width: 16px;
  }
  .max-w-6\@large {
    max-width: 24px;
  }
  .max-w-8\@large {
    max-width: 32px;
  }
  .max-w-10\@large {
    max-width: 40px;
  }
  .max-w-12\@large {
    max-width: 48px;
  }
  .max-w-20\@large {
    max-width: 80px;
  }
  .max-w-24\@large {
    max-width: 96px;
  }
  .max-w-30\@large {
    max-width: 120px;
  }
}
.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

@media (min-width: 480px) {
  .order-0\@xsmall {
    order: 0;
  }
  .order-1\@xsmall {
    order: 1;
  }
  .order-2\@xsmall {
    order: 2;
  }
  .order-3\@xsmall {
    order: 3;
  }
  .order-4\@xsmall {
    order: 4;
  }
  .order-5\@xsmall {
    order: 5;
  }
  .order-6\@xsmall {
    order: 6;
  }
}
@media (min-width: 767px) {
  .order-0\@small {
    order: 0;
  }
  .order-1\@small {
    order: 1;
  }
  .order-2\@small {
    order: 2;
  }
  .order-3\@small {
    order: 3;
  }
  .order-4\@small {
    order: 4;
  }
  .order-5\@small {
    order: 5;
  }
  .order-6\@small {
    order: 6;
  }
}
@media (min-width: 1080px) {
  .order-0\@medium {
    order: 0;
  }
  .order-1\@medium {
    order: 1;
  }
  .order-2\@medium {
    order: 2;
  }
  .order-3\@medium {
    order: 3;
  }
  .order-4\@medium {
    order: 4;
  }
  .order-5\@medium {
    order: 5;
  }
  .order-6\@medium {
    order: 6;
  }
}
@media (min-width: 1200px) {
  .order-0\@large {
    order: 0;
  }
  .order-1\@large {
    order: 1;
  }
  .order-2\@large {
    order: 2;
  }
  .order-3\@large {
    order: 3;
  }
  .order-4\@large {
    order: 4;
  }
  .order-5\@large {
    order: 5;
  }
  .order-6\@large {
    order: 6;
  }
}
.gap-0 {
  gap: 0px;
}

.gap-x-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-px {
  gap: 1px;
}

.gap-x-px {
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.gap-y-px {
  row-gap: 1px;
}

.gap-0.\5  {
  gap: 2px;
}

.gap-x-0.\5  {
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.gap-y-0.\5  {
  row-gap: 2px;
}

.gap-1 {
  gap: 4px;
}

.gap-x-1 {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.gap-y-1 {
  row-gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-x-2 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.gap-y-2 {
  row-gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-x-3 {
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.gap-y-3 {
  row-gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-x-4 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.gap-y-4 {
  row-gap: 16px;
}

.gap-6 {
  gap: 24px;
}

.gap-x-6 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-y-6 {
  row-gap: 24px;
}

.gap-8 {
  gap: 32px;
}

.gap-x-8 {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.gap-y-8 {
  row-gap: 32px;
}

.gap-10 {
  gap: 40px;
}

.gap-x-10 {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.gap-y-10 {
  row-gap: 40px;
}

.gap-12 {
  gap: 48px;
}

.gap-x-12 {
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.gap-y-12 {
  row-gap: 48px;
}

.gap-20 {
  gap: 80px;
}

.gap-x-20 {
  -moz-column-gap: 80px;
       column-gap: 80px;
}

.gap-y-20 {
  row-gap: 80px;
}

.gap-24 {
  gap: 96px;
}

.gap-x-24 {
  -moz-column-gap: 96px;
       column-gap: 96px;
}

.gap-y-24 {
  row-gap: 96px;
}

.gap-30 {
  gap: 120px;
}

.gap-x-30 {
  -moz-column-gap: 120px;
       column-gap: 120px;
}

.gap-y-30 {
  row-gap: 120px;
}

@media (min-width: 480px) {
  .gap-0\@xsmall {
    gap: 0px;
  }
  .gap-x-0\@xsmall {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .gap-y-0\@xsmall {
    row-gap: 0px;
  }
  .gap-px\@xsmall {
    gap: 1px;
  }
  .gap-x-px\@xsmall {
    -moz-column-gap: 1px;
         column-gap: 1px;
  }
  .gap-y-px\@xsmall {
    row-gap: 1px;
  }
  .gap-0.\5 \@xsmall {
    gap: 2px;
  }
  .gap-x-0.\5 \@xsmall {
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  .gap-y-0.\5 \@xsmall {
    row-gap: 2px;
  }
  .gap-1\@xsmall {
    gap: 4px;
  }
  .gap-x-1\@xsmall {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-y-1\@xsmall {
    row-gap: 4px;
  }
  .gap-2\@xsmall {
    gap: 8px;
  }
  .gap-x-2\@xsmall {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-y-2\@xsmall {
    row-gap: 8px;
  }
  .gap-3\@xsmall {
    gap: 12px;
  }
  .gap-x-3\@xsmall {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .gap-y-3\@xsmall {
    row-gap: 12px;
  }
  .gap-4\@xsmall {
    gap: 16px;
  }
  .gap-x-4\@xsmall {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-y-4\@xsmall {
    row-gap: 16px;
  }
  .gap-6\@xsmall {
    gap: 24px;
  }
  .gap-x-6\@xsmall {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-y-6\@xsmall {
    row-gap: 24px;
  }
  .gap-8\@xsmall {
    gap: 32px;
  }
  .gap-x-8\@xsmall {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-y-8\@xsmall {
    row-gap: 32px;
  }
  .gap-10\@xsmall {
    gap: 40px;
  }
  .gap-x-10\@xsmall {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-y-10\@xsmall {
    row-gap: 40px;
  }
  .gap-12\@xsmall {
    gap: 48px;
  }
  .gap-x-12\@xsmall {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
  .gap-y-12\@xsmall {
    row-gap: 48px;
  }
  .gap-20\@xsmall {
    gap: 80px;
  }
  .gap-x-20\@xsmall {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .gap-y-20\@xsmall {
    row-gap: 80px;
  }
  .gap-24\@xsmall {
    gap: 96px;
  }
  .gap-x-24\@xsmall {
    -moz-column-gap: 96px;
         column-gap: 96px;
  }
  .gap-y-24\@xsmall {
    row-gap: 96px;
  }
  .gap-30\@xsmall {
    gap: 120px;
  }
  .gap-x-30\@xsmall {
    -moz-column-gap: 120px;
         column-gap: 120px;
  }
  .gap-y-30\@xsmall {
    row-gap: 120px;
  }
}
@media (min-width: 767px) {
  .gap-0\@small {
    gap: 0px;
  }
  .gap-x-0\@small {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .gap-y-0\@small {
    row-gap: 0px;
  }
  .gap-px\@small {
    gap: 1px;
  }
  .gap-x-px\@small {
    -moz-column-gap: 1px;
         column-gap: 1px;
  }
  .gap-y-px\@small {
    row-gap: 1px;
  }
  .gap-0.\5 \@small {
    gap: 2px;
  }
  .gap-x-0.\5 \@small {
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  .gap-y-0.\5 \@small {
    row-gap: 2px;
  }
  .gap-1\@small {
    gap: 4px;
  }
  .gap-x-1\@small {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-y-1\@small {
    row-gap: 4px;
  }
  .gap-2\@small {
    gap: 8px;
  }
  .gap-x-2\@small {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-y-2\@small {
    row-gap: 8px;
  }
  .gap-3\@small {
    gap: 12px;
  }
  .gap-x-3\@small {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .gap-y-3\@small {
    row-gap: 12px;
  }
  .gap-4\@small {
    gap: 16px;
  }
  .gap-x-4\@small {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-y-4\@small {
    row-gap: 16px;
  }
  .gap-6\@small {
    gap: 24px;
  }
  .gap-x-6\@small {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-y-6\@small {
    row-gap: 24px;
  }
  .gap-8\@small {
    gap: 32px;
  }
  .gap-x-8\@small {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-y-8\@small {
    row-gap: 32px;
  }
  .gap-10\@small {
    gap: 40px;
  }
  .gap-x-10\@small {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-y-10\@small {
    row-gap: 40px;
  }
  .gap-12\@small {
    gap: 48px;
  }
  .gap-x-12\@small {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
  .gap-y-12\@small {
    row-gap: 48px;
  }
  .gap-20\@small {
    gap: 80px;
  }
  .gap-x-20\@small {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .gap-y-20\@small {
    row-gap: 80px;
  }
  .gap-24\@small {
    gap: 96px;
  }
  .gap-x-24\@small {
    -moz-column-gap: 96px;
         column-gap: 96px;
  }
  .gap-y-24\@small {
    row-gap: 96px;
  }
  .gap-30\@small {
    gap: 120px;
  }
  .gap-x-30\@small {
    -moz-column-gap: 120px;
         column-gap: 120px;
  }
  .gap-y-30\@small {
    row-gap: 120px;
  }
}
@media (min-width: 1080px) {
  .gap-0\@medium {
    gap: 0px;
  }
  .gap-x-0\@medium {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .gap-y-0\@medium {
    row-gap: 0px;
  }
  .gap-px\@medium {
    gap: 1px;
  }
  .gap-x-px\@medium {
    -moz-column-gap: 1px;
         column-gap: 1px;
  }
  .gap-y-px\@medium {
    row-gap: 1px;
  }
  .gap-0.\5 \@medium {
    gap: 2px;
  }
  .gap-x-0.\5 \@medium {
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  .gap-y-0.\5 \@medium {
    row-gap: 2px;
  }
  .gap-1\@medium {
    gap: 4px;
  }
  .gap-x-1\@medium {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-y-1\@medium {
    row-gap: 4px;
  }
  .gap-2\@medium {
    gap: 8px;
  }
  .gap-x-2\@medium {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-y-2\@medium {
    row-gap: 8px;
  }
  .gap-3\@medium {
    gap: 12px;
  }
  .gap-x-3\@medium {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .gap-y-3\@medium {
    row-gap: 12px;
  }
  .gap-4\@medium {
    gap: 16px;
  }
  .gap-x-4\@medium {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-y-4\@medium {
    row-gap: 16px;
  }
  .gap-6\@medium {
    gap: 24px;
  }
  .gap-x-6\@medium {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-y-6\@medium {
    row-gap: 24px;
  }
  .gap-8\@medium {
    gap: 32px;
  }
  .gap-x-8\@medium {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-y-8\@medium {
    row-gap: 32px;
  }
  .gap-10\@medium {
    gap: 40px;
  }
  .gap-x-10\@medium {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-y-10\@medium {
    row-gap: 40px;
  }
  .gap-12\@medium {
    gap: 48px;
  }
  .gap-x-12\@medium {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
  .gap-y-12\@medium {
    row-gap: 48px;
  }
  .gap-20\@medium {
    gap: 80px;
  }
  .gap-x-20\@medium {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .gap-y-20\@medium {
    row-gap: 80px;
  }
  .gap-24\@medium {
    gap: 96px;
  }
  .gap-x-24\@medium {
    -moz-column-gap: 96px;
         column-gap: 96px;
  }
  .gap-y-24\@medium {
    row-gap: 96px;
  }
  .gap-30\@medium {
    gap: 120px;
  }
  .gap-x-30\@medium {
    -moz-column-gap: 120px;
         column-gap: 120px;
  }
  .gap-y-30\@medium {
    row-gap: 120px;
  }
}
@media (min-width: 1200px) {
  .gap-0\@large {
    gap: 0px;
  }
  .gap-x-0\@large {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .gap-y-0\@large {
    row-gap: 0px;
  }
  .gap-px\@large {
    gap: 1px;
  }
  .gap-x-px\@large {
    -moz-column-gap: 1px;
         column-gap: 1px;
  }
  .gap-y-px\@large {
    row-gap: 1px;
  }
  .gap-0.\5 \@large {
    gap: 2px;
  }
  .gap-x-0.\5 \@large {
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  .gap-y-0.\5 \@large {
    row-gap: 2px;
  }
  .gap-1\@large {
    gap: 4px;
  }
  .gap-x-1\@large {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-y-1\@large {
    row-gap: 4px;
  }
  .gap-2\@large {
    gap: 8px;
  }
  .gap-x-2\@large {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-y-2\@large {
    row-gap: 8px;
  }
  .gap-3\@large {
    gap: 12px;
  }
  .gap-x-3\@large {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .gap-y-3\@large {
    row-gap: 12px;
  }
  .gap-4\@large {
    gap: 16px;
  }
  .gap-x-4\@large {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-y-4\@large {
    row-gap: 16px;
  }
  .gap-6\@large {
    gap: 24px;
  }
  .gap-x-6\@large {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-y-6\@large {
    row-gap: 24px;
  }
  .gap-8\@large {
    gap: 32px;
  }
  .gap-x-8\@large {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-y-8\@large {
    row-gap: 32px;
  }
  .gap-10\@large {
    gap: 40px;
  }
  .gap-x-10\@large {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-y-10\@large {
    row-gap: 40px;
  }
  .gap-12\@large {
    gap: 48px;
  }
  .gap-x-12\@large {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
  .gap-y-12\@large {
    row-gap: 48px;
  }
  .gap-20\@large {
    gap: 80px;
  }
  .gap-x-20\@large {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
  .gap-y-20\@large {
    row-gap: 80px;
  }
  .gap-24\@large {
    gap: 96px;
  }
  .gap-x-24\@large {
    -moz-column-gap: 96px;
         column-gap: 96px;
  }
  .gap-y-24\@large {
    row-gap: 96px;
  }
  .gap-30\@large {
    gap: 120px;
  }
  .gap-x-30\@large {
    -moz-column-gap: 120px;
         column-gap: 120px;
  }
  .gap-y-30\@large {
    row-gap: 120px;
  }
}
.m-0 {
  margin: 0px;
}

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

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.m-px {
  margin: 1px;
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.ml-px {
  margin-left: 1px;
}

.mr-px {
  margin-right: 1px;
}

.-m-px {
  margin: -1px;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.-ml-px {
  margin-left: -1px;
}

.-mr-px {
  margin-right: -1px;
}

.m-0.\5  {
  margin: 2px;
}

.mx-0.\5  {
  margin-left: 2px;
  margin-right: 2px;
}

.my-0.\5  {
  margin-top: 2px;
  margin-bottom: 2px;
}

.ml-0.\5  {
  margin-left: 2px;
}

.mr-0.\5  {
  margin-right: 2px;
}

.-m-0.\5  {
  margin: -2px;
}

.-mx-0.\5  {
  margin-left: -2px;
  margin-right: -2px;
}

.-my-0.\5  {
  margin-top: -2px;
  margin-bottom: -2px;
}

.-ml-0.\5  {
  margin-left: -2px;
}

.-mr-0.\5  {
  margin-right: -2px;
}

.m-1 {
  margin: 4px;
}

.mx-1 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.mr-1 {
  margin-right: 4px;
}

.-m-1 {
  margin: -4px;
}

.-mx-1 {
  margin-left: -4px;
  margin-right: -4px;
}

.-my-1 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.-ml-1 {
  margin-left: -4px;
}

.-mr-1 {
  margin-right: -4px;
}

.m-2 {
  margin: 8px;
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.ml-2 {
  margin-left: 8px;
}

.mr-2 {
  margin-right: 8px;
}

.-m-2 {
  margin: -8px;
}

.-mx-2 {
  margin-left: -8px;
  margin-right: -8px;
}

.-my-2 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.-ml-2 {
  margin-left: -8px;
}

.-mr-2 {
  margin-right: -8px;
}

.m-3 {
  margin: 12px;
}

.mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.ml-3 {
  margin-left: 12px;
}

.mr-3 {
  margin-right: 12px;
}

.-m-3 {
  margin: -12px;
}

.-mx-3 {
  margin-left: -12px;
  margin-right: -12px;
}

.-my-3 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.-ml-3 {
  margin-left: -12px;
}

.-mr-3 {
  margin-right: -12px;
}

.m-4 {
  margin: 16px;
}

.mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.ml-4 {
  margin-left: 16px;
}

.mr-4 {
  margin-right: 16px;
}

.-m-4 {
  margin: -16px;
}

.-mx-4 {
  margin-left: -16px;
  margin-right: -16px;
}

.-my-4 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.-ml-4 {
  margin-left: -16px;
}

.-mr-4 {
  margin-right: -16px;
}

.m-6 {
  margin: 24px;
}

.mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.ml-6 {
  margin-left: 24px;
}

.mr-6 {
  margin-right: 24px;
}

.-m-6 {
  margin: -24px;
}

.-mx-6 {
  margin-left: -24px;
  margin-right: -24px;
}

.-my-6 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.-ml-6 {
  margin-left: -24px;
}

.-mr-6 {
  margin-right: -24px;
}

.m-8 {
  margin: 32px;
}

.mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.ml-8 {
  margin-left: 32px;
}

.mr-8 {
  margin-right: 32px;
}

.-m-8 {
  margin: -32px;
}

.-mx-8 {
  margin-left: -32px;
  margin-right: -32px;
}

.-my-8 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.-ml-8 {
  margin-left: -32px;
}

.-mr-8 {
  margin-right: -32px;
}

.m-10 {
  margin: 40px;
}

.mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.ml-10 {
  margin-left: 40px;
}

.mr-10 {
  margin-right: 40px;
}

.-m-10 {
  margin: -40px;
}

.-mx-10 {
  margin-left: -40px;
  margin-right: -40px;
}

.-my-10 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.-ml-10 {
  margin-left: -40px;
}

.-mr-10 {
  margin-right: -40px;
}

.m-12 {
  margin: 48px;
}

.mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.ml-12 {
  margin-left: 48px;
}

.mr-12 {
  margin-right: 48px;
}

.-m-12 {
  margin: -48px;
}

.-mx-12 {
  margin-left: -48px;
  margin-right: -48px;
}

.-my-12 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.-ml-12 {
  margin-left: -48px;
}

.-mr-12 {
  margin-right: -48px;
}

.m-20 {
  margin: 80px;
}

.mx-20 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-20 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.ml-20 {
  margin-left: 80px;
}

.mr-20 {
  margin-right: 80px;
}

.-m-20 {
  margin: -80px;
}

.-mx-20 {
  margin-left: -80px;
  margin-right: -80px;
}

.-my-20 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.-ml-20 {
  margin-left: -80px;
}

.-mr-20 {
  margin-right: -80px;
}

.m-24 {
  margin: 96px;
}

.mx-24 {
  margin-left: 96px;
  margin-right: 96px;
}

.my-24 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.ml-24 {
  margin-left: 96px;
}

.mr-24 {
  margin-right: 96px;
}

.-m-24 {
  margin: -96px;
}

.-mx-24 {
  margin-left: -96px;
  margin-right: -96px;
}

.-my-24 {
  margin-top: -96px;
  margin-bottom: -96px;
}

.-ml-24 {
  margin-left: -96px;
}

.-mr-24 {
  margin-right: -96px;
}

.m-30 {
  margin: 120px;
}

.mx-30 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-30 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.ml-30 {
  margin-left: 120px;
}

.mr-30 {
  margin-right: 120px;
}

.-m-30 {
  margin: -120px;
}

.-mx-30 {
  margin-left: -120px;
  margin-right: -120px;
}

.-my-30 {
  margin-top: -120px;
  margin-bottom: -120px;
}

.-ml-30 {
  margin-left: -120px;
}

.-mr-30 {
  margin-right: -120px;
}

@media (min-width: 480px) {
  .m-0\@xsmall {
    margin: 0px;
  }
  .mx-0\@xsmall {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-0\@xsmall {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .ml-0\@xsmall {
    margin-left: 0px;
  }
  .mr-0\@xsmall {
    margin-right: 0px;
  }
  .m-px\@xsmall {
    margin: 1px;
  }
  .mx-px\@xsmall {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-px\@xsmall {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .ml-px\@xsmall {
    margin-left: 1px;
  }
  .mr-px\@xsmall {
    margin-right: 1px;
  }
  .-m-px\@xsmall {
    margin: -1px;
  }
  .-mx-px\@xsmall {
    margin-left: -1px;
    margin-right: -1px;
  }
  .-my-px\@xsmall {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .-ml-px\@xsmall {
    margin-left: -1px;
  }
  .-mr-px\@xsmall {
    margin-right: -1px;
  }
  .m-0.\5 \@xsmall {
    margin: 2px;
  }
  .mx-0.\5 \@xsmall {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-0.\5 \@xsmall {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .ml-0.\5 \@xsmall {
    margin-left: 2px;
  }
  .mr-0.\5 \@xsmall {
    margin-right: 2px;
  }
  .-m-0.\5 \@xsmall {
    margin: -2px;
  }
  .-mx-0.\5 \@xsmall {
    margin-left: -2px;
    margin-right: -2px;
  }
  .-my-0.\5 \@xsmall {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .-ml-0.\5 \@xsmall {
    margin-left: -2px;
  }
  .-mr-0.\5 \@xsmall {
    margin-right: -2px;
  }
  .m-1\@xsmall {
    margin: 4px;
  }
  .mx-1\@xsmall {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-1\@xsmall {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .ml-1\@xsmall {
    margin-left: 4px;
  }
  .mr-1\@xsmall {
    margin-right: 4px;
  }
  .-m-1\@xsmall {
    margin: -4px;
  }
  .-mx-1\@xsmall {
    margin-left: -4px;
    margin-right: -4px;
  }
  .-my-1\@xsmall {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .-ml-1\@xsmall {
    margin-left: -4px;
  }
  .-mr-1\@xsmall {
    margin-right: -4px;
  }
  .m-2\@xsmall {
    margin: 8px;
  }
  .mx-2\@xsmall {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-2\@xsmall {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .ml-2\@xsmall {
    margin-left: 8px;
  }
  .mr-2\@xsmall {
    margin-right: 8px;
  }
  .-m-2\@xsmall {
    margin: -8px;
  }
  .-mx-2\@xsmall {
    margin-left: -8px;
    margin-right: -8px;
  }
  .-my-2\@xsmall {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .-ml-2\@xsmall {
    margin-left: -8px;
  }
  .-mr-2\@xsmall {
    margin-right: -8px;
  }
  .m-3\@xsmall {
    margin: 12px;
  }
  .mx-3\@xsmall {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-3\@xsmall {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .ml-3\@xsmall {
    margin-left: 12px;
  }
  .mr-3\@xsmall {
    margin-right: 12px;
  }
  .-m-3\@xsmall {
    margin: -12px;
  }
  .-mx-3\@xsmall {
    margin-left: -12px;
    margin-right: -12px;
  }
  .-my-3\@xsmall {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .-ml-3\@xsmall {
    margin-left: -12px;
  }
  .-mr-3\@xsmall {
    margin-right: -12px;
  }
  .m-4\@xsmall {
    margin: 16px;
  }
  .mx-4\@xsmall {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-4\@xsmall {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .ml-4\@xsmall {
    margin-left: 16px;
  }
  .mr-4\@xsmall {
    margin-right: 16px;
  }
  .-m-4\@xsmall {
    margin: -16px;
  }
  .-mx-4\@xsmall {
    margin-left: -16px;
    margin-right: -16px;
  }
  .-my-4\@xsmall {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .-ml-4\@xsmall {
    margin-left: -16px;
  }
  .-mr-4\@xsmall {
    margin-right: -16px;
  }
  .m-6\@xsmall {
    margin: 24px;
  }
  .mx-6\@xsmall {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-6\@xsmall {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .ml-6\@xsmall {
    margin-left: 24px;
  }
  .mr-6\@xsmall {
    margin-right: 24px;
  }
  .-m-6\@xsmall {
    margin: -24px;
  }
  .-mx-6\@xsmall {
    margin-left: -24px;
    margin-right: -24px;
  }
  .-my-6\@xsmall {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .-ml-6\@xsmall {
    margin-left: -24px;
  }
  .-mr-6\@xsmall {
    margin-right: -24px;
  }
  .m-8\@xsmall {
    margin: 32px;
  }
  .mx-8\@xsmall {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-8\@xsmall {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .ml-8\@xsmall {
    margin-left: 32px;
  }
  .mr-8\@xsmall {
    margin-right: 32px;
  }
  .-m-8\@xsmall {
    margin: -32px;
  }
  .-mx-8\@xsmall {
    margin-left: -32px;
    margin-right: -32px;
  }
  .-my-8\@xsmall {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .-ml-8\@xsmall {
    margin-left: -32px;
  }
  .-mr-8\@xsmall {
    margin-right: -32px;
  }
  .m-10\@xsmall {
    margin: 40px;
  }
  .mx-10\@xsmall {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-10\@xsmall {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .ml-10\@xsmall {
    margin-left: 40px;
  }
  .mr-10\@xsmall {
    margin-right: 40px;
  }
  .-m-10\@xsmall {
    margin: -40px;
  }
  .-mx-10\@xsmall {
    margin-left: -40px;
    margin-right: -40px;
  }
  .-my-10\@xsmall {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .-ml-10\@xsmall {
    margin-left: -40px;
  }
  .-mr-10\@xsmall {
    margin-right: -40px;
  }
  .m-12\@xsmall {
    margin: 48px;
  }
  .mx-12\@xsmall {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-12\@xsmall {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .ml-12\@xsmall {
    margin-left: 48px;
  }
  .mr-12\@xsmall {
    margin-right: 48px;
  }
  .-m-12\@xsmall {
    margin: -48px;
  }
  .-mx-12\@xsmall {
    margin-left: -48px;
    margin-right: -48px;
  }
  .-my-12\@xsmall {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .-ml-12\@xsmall {
    margin-left: -48px;
  }
  .-mr-12\@xsmall {
    margin-right: -48px;
  }
  .m-20\@xsmall {
    margin: 80px;
  }
  .mx-20\@xsmall {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-20\@xsmall {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .ml-20\@xsmall {
    margin-left: 80px;
  }
  .mr-20\@xsmall {
    margin-right: 80px;
  }
  .-m-20\@xsmall {
    margin: -80px;
  }
  .-mx-20\@xsmall {
    margin-left: -80px;
    margin-right: -80px;
  }
  .-my-20\@xsmall {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .-ml-20\@xsmall {
    margin-left: -80px;
  }
  .-mr-20\@xsmall {
    margin-right: -80px;
  }
  .m-24\@xsmall {
    margin: 96px;
  }
  .mx-24\@xsmall {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-24\@xsmall {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .ml-24\@xsmall {
    margin-left: 96px;
  }
  .mr-24\@xsmall {
    margin-right: 96px;
  }
  .-m-24\@xsmall {
    margin: -96px;
  }
  .-mx-24\@xsmall {
    margin-left: -96px;
    margin-right: -96px;
  }
  .-my-24\@xsmall {
    margin-top: -96px;
    margin-bottom: -96px;
  }
  .-ml-24\@xsmall {
    margin-left: -96px;
  }
  .-mr-24\@xsmall {
    margin-right: -96px;
  }
  .m-30\@xsmall {
    margin: 120px;
  }
  .mx-30\@xsmall {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-30\@xsmall {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .ml-30\@xsmall {
    margin-left: 120px;
  }
  .mr-30\@xsmall {
    margin-right: 120px;
  }
  .-m-30\@xsmall {
    margin: -120px;
  }
  .-mx-30\@xsmall {
    margin-left: -120px;
    margin-right: -120px;
  }
  .-my-30\@xsmall {
    margin-top: -120px;
    margin-bottom: -120px;
  }
  .-ml-30\@xsmall {
    margin-left: -120px;
  }
  .-mr-30\@xsmall {
    margin-right: -120px;
  }
}
@media (min-width: 767px) {
  .m-0\@small {
    margin: 0px;
  }
  .mx-0\@small {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-0\@small {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .ml-0\@small {
    margin-left: 0px;
  }
  .mr-0\@small {
    margin-right: 0px;
  }
  .m-px\@small {
    margin: 1px;
  }
  .mx-px\@small {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-px\@small {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .ml-px\@small {
    margin-left: 1px;
  }
  .mr-px\@small {
    margin-right: 1px;
  }
  .-m-px\@small {
    margin: -1px;
  }
  .-mx-px\@small {
    margin-left: -1px;
    margin-right: -1px;
  }
  .-my-px\@small {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .-ml-px\@small {
    margin-left: -1px;
  }
  .-mr-px\@small {
    margin-right: -1px;
  }
  .m-0.\5 \@small {
    margin: 2px;
  }
  .mx-0.\5 \@small {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-0.\5 \@small {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .ml-0.\5 \@small {
    margin-left: 2px;
  }
  .mr-0.\5 \@small {
    margin-right: 2px;
  }
  .-m-0.\5 \@small {
    margin: -2px;
  }
  .-mx-0.\5 \@small {
    margin-left: -2px;
    margin-right: -2px;
  }
  .-my-0.\5 \@small {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .-ml-0.\5 \@small {
    margin-left: -2px;
  }
  .-mr-0.\5 \@small {
    margin-right: -2px;
  }
  .m-1\@small {
    margin: 4px;
  }
  .mx-1\@small {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-1\@small {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .ml-1\@small {
    margin-left: 4px;
  }
  .mr-1\@small {
    margin-right: 4px;
  }
  .-m-1\@small {
    margin: -4px;
  }
  .-mx-1\@small {
    margin-left: -4px;
    margin-right: -4px;
  }
  .-my-1\@small {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .-ml-1\@small {
    margin-left: -4px;
  }
  .-mr-1\@small {
    margin-right: -4px;
  }
  .m-2\@small {
    margin: 8px;
  }
  .mx-2\@small {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-2\@small {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .ml-2\@small {
    margin-left: 8px;
  }
  .mr-2\@small {
    margin-right: 8px;
  }
  .-m-2\@small {
    margin: -8px;
  }
  .-mx-2\@small {
    margin-left: -8px;
    margin-right: -8px;
  }
  .-my-2\@small {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .-ml-2\@small {
    margin-left: -8px;
  }
  .-mr-2\@small {
    margin-right: -8px;
  }
  .m-3\@small {
    margin: 12px;
  }
  .mx-3\@small {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-3\@small {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .ml-3\@small {
    margin-left: 12px;
  }
  .mr-3\@small {
    margin-right: 12px;
  }
  .-m-3\@small {
    margin: -12px;
  }
  .-mx-3\@small {
    margin-left: -12px;
    margin-right: -12px;
  }
  .-my-3\@small {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .-ml-3\@small {
    margin-left: -12px;
  }
  .-mr-3\@small {
    margin-right: -12px;
  }
  .m-4\@small {
    margin: 16px;
  }
  .mx-4\@small {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-4\@small {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .ml-4\@small {
    margin-left: 16px;
  }
  .mr-4\@small {
    margin-right: 16px;
  }
  .-m-4\@small {
    margin: -16px;
  }
  .-mx-4\@small {
    margin-left: -16px;
    margin-right: -16px;
  }
  .-my-4\@small {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .-ml-4\@small {
    margin-left: -16px;
  }
  .-mr-4\@small {
    margin-right: -16px;
  }
  .m-6\@small {
    margin: 24px;
  }
  .mx-6\@small {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-6\@small {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .ml-6\@small {
    margin-left: 24px;
  }
  .mr-6\@small {
    margin-right: 24px;
  }
  .-m-6\@small {
    margin: -24px;
  }
  .-mx-6\@small {
    margin-left: -24px;
    margin-right: -24px;
  }
  .-my-6\@small {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .-ml-6\@small {
    margin-left: -24px;
  }
  .-mr-6\@small {
    margin-right: -24px;
  }
  .m-8\@small {
    margin: 32px;
  }
  .mx-8\@small {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-8\@small {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .ml-8\@small {
    margin-left: 32px;
  }
  .mr-8\@small {
    margin-right: 32px;
  }
  .-m-8\@small {
    margin: -32px;
  }
  .-mx-8\@small {
    margin-left: -32px;
    margin-right: -32px;
  }
  .-my-8\@small {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .-ml-8\@small {
    margin-left: -32px;
  }
  .-mr-8\@small {
    margin-right: -32px;
  }
  .m-10\@small {
    margin: 40px;
  }
  .mx-10\@small {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-10\@small {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .ml-10\@small {
    margin-left: 40px;
  }
  .mr-10\@small {
    margin-right: 40px;
  }
  .-m-10\@small {
    margin: -40px;
  }
  .-mx-10\@small {
    margin-left: -40px;
    margin-right: -40px;
  }
  .-my-10\@small {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .-ml-10\@small {
    margin-left: -40px;
  }
  .-mr-10\@small {
    margin-right: -40px;
  }
  .m-12\@small {
    margin: 48px;
  }
  .mx-12\@small {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-12\@small {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .ml-12\@small {
    margin-left: 48px;
  }
  .mr-12\@small {
    margin-right: 48px;
  }
  .-m-12\@small {
    margin: -48px;
  }
  .-mx-12\@small {
    margin-left: -48px;
    margin-right: -48px;
  }
  .-my-12\@small {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .-ml-12\@small {
    margin-left: -48px;
  }
  .-mr-12\@small {
    margin-right: -48px;
  }
  .m-20\@small {
    margin: 80px;
  }
  .mx-20\@small {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-20\@small {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .ml-20\@small {
    margin-left: 80px;
  }
  .mr-20\@small {
    margin-right: 80px;
  }
  .-m-20\@small {
    margin: -80px;
  }
  .-mx-20\@small {
    margin-left: -80px;
    margin-right: -80px;
  }
  .-my-20\@small {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .-ml-20\@small {
    margin-left: -80px;
  }
  .-mr-20\@small {
    margin-right: -80px;
  }
  .m-24\@small {
    margin: 96px;
  }
  .mx-24\@small {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-24\@small {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .ml-24\@small {
    margin-left: 96px;
  }
  .mr-24\@small {
    margin-right: 96px;
  }
  .-m-24\@small {
    margin: -96px;
  }
  .-mx-24\@small {
    margin-left: -96px;
    margin-right: -96px;
  }
  .-my-24\@small {
    margin-top: -96px;
    margin-bottom: -96px;
  }
  .-ml-24\@small {
    margin-left: -96px;
  }
  .-mr-24\@small {
    margin-right: -96px;
  }
  .m-30\@small {
    margin: 120px;
  }
  .mx-30\@small {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-30\@small {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .ml-30\@small {
    margin-left: 120px;
  }
  .mr-30\@small {
    margin-right: 120px;
  }
  .-m-30\@small {
    margin: -120px;
  }
  .-mx-30\@small {
    margin-left: -120px;
    margin-right: -120px;
  }
  .-my-30\@small {
    margin-top: -120px;
    margin-bottom: -120px;
  }
  .-ml-30\@small {
    margin-left: -120px;
  }
  .-mr-30\@small {
    margin-right: -120px;
  }
}
@media (min-width: 1080px) {
  .m-0\@medium {
    margin: 0px;
  }
  .mx-0\@medium {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-0\@medium {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .ml-0\@medium {
    margin-left: 0px;
  }
  .mr-0\@medium {
    margin-right: 0px;
  }
  .m-px\@medium {
    margin: 1px;
  }
  .mx-px\@medium {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-px\@medium {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .ml-px\@medium {
    margin-left: 1px;
  }
  .mr-px\@medium {
    margin-right: 1px;
  }
  .-m-px\@medium {
    margin: -1px;
  }
  .-mx-px\@medium {
    margin-left: -1px;
    margin-right: -1px;
  }
  .-my-px\@medium {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .-ml-px\@medium {
    margin-left: -1px;
  }
  .-mr-px\@medium {
    margin-right: -1px;
  }
  .m-0.\5 \@medium {
    margin: 2px;
  }
  .mx-0.\5 \@medium {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-0.\5 \@medium {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .ml-0.\5 \@medium {
    margin-left: 2px;
  }
  .mr-0.\5 \@medium {
    margin-right: 2px;
  }
  .-m-0.\5 \@medium {
    margin: -2px;
  }
  .-mx-0.\5 \@medium {
    margin-left: -2px;
    margin-right: -2px;
  }
  .-my-0.\5 \@medium {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .-ml-0.\5 \@medium {
    margin-left: -2px;
  }
  .-mr-0.\5 \@medium {
    margin-right: -2px;
  }
  .m-1\@medium {
    margin: 4px;
  }
  .mx-1\@medium {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-1\@medium {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .ml-1\@medium {
    margin-left: 4px;
  }
  .mr-1\@medium {
    margin-right: 4px;
  }
  .-m-1\@medium {
    margin: -4px;
  }
  .-mx-1\@medium {
    margin-left: -4px;
    margin-right: -4px;
  }
  .-my-1\@medium {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .-ml-1\@medium {
    margin-left: -4px;
  }
  .-mr-1\@medium {
    margin-right: -4px;
  }
  .m-2\@medium {
    margin: 8px;
  }
  .mx-2\@medium {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-2\@medium {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .ml-2\@medium {
    margin-left: 8px;
  }
  .mr-2\@medium {
    margin-right: 8px;
  }
  .-m-2\@medium {
    margin: -8px;
  }
  .-mx-2\@medium {
    margin-left: -8px;
    margin-right: -8px;
  }
  .-my-2\@medium {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .-ml-2\@medium {
    margin-left: -8px;
  }
  .-mr-2\@medium {
    margin-right: -8px;
  }
  .m-3\@medium {
    margin: 12px;
  }
  .mx-3\@medium {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-3\@medium {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .ml-3\@medium {
    margin-left: 12px;
  }
  .mr-3\@medium {
    margin-right: 12px;
  }
  .-m-3\@medium {
    margin: -12px;
  }
  .-mx-3\@medium {
    margin-left: -12px;
    margin-right: -12px;
  }
  .-my-3\@medium {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .-ml-3\@medium {
    margin-left: -12px;
  }
  .-mr-3\@medium {
    margin-right: -12px;
  }
  .m-4\@medium {
    margin: 16px;
  }
  .mx-4\@medium {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-4\@medium {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .ml-4\@medium {
    margin-left: 16px;
  }
  .mr-4\@medium {
    margin-right: 16px;
  }
  .-m-4\@medium {
    margin: -16px;
  }
  .-mx-4\@medium {
    margin-left: -16px;
    margin-right: -16px;
  }
  .-my-4\@medium {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .-ml-4\@medium {
    margin-left: -16px;
  }
  .-mr-4\@medium {
    margin-right: -16px;
  }
  .m-6\@medium {
    margin: 24px;
  }
  .mx-6\@medium {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-6\@medium {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .ml-6\@medium {
    margin-left: 24px;
  }
  .mr-6\@medium {
    margin-right: 24px;
  }
  .-m-6\@medium {
    margin: -24px;
  }
  .-mx-6\@medium {
    margin-left: -24px;
    margin-right: -24px;
  }
  .-my-6\@medium {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .-ml-6\@medium {
    margin-left: -24px;
  }
  .-mr-6\@medium {
    margin-right: -24px;
  }
  .m-8\@medium {
    margin: 32px;
  }
  .mx-8\@medium {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-8\@medium {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .ml-8\@medium {
    margin-left: 32px;
  }
  .mr-8\@medium {
    margin-right: 32px;
  }
  .-m-8\@medium {
    margin: -32px;
  }
  .-mx-8\@medium {
    margin-left: -32px;
    margin-right: -32px;
  }
  .-my-8\@medium {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .-ml-8\@medium {
    margin-left: -32px;
  }
  .-mr-8\@medium {
    margin-right: -32px;
  }
  .m-10\@medium {
    margin: 40px;
  }
  .mx-10\@medium {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-10\@medium {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .ml-10\@medium {
    margin-left: 40px;
  }
  .mr-10\@medium {
    margin-right: 40px;
  }
  .-m-10\@medium {
    margin: -40px;
  }
  .-mx-10\@medium {
    margin-left: -40px;
    margin-right: -40px;
  }
  .-my-10\@medium {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .-ml-10\@medium {
    margin-left: -40px;
  }
  .-mr-10\@medium {
    margin-right: -40px;
  }
  .m-12\@medium {
    margin: 48px;
  }
  .mx-12\@medium {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-12\@medium {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .ml-12\@medium {
    margin-left: 48px;
  }
  .mr-12\@medium {
    margin-right: 48px;
  }
  .-m-12\@medium {
    margin: -48px;
  }
  .-mx-12\@medium {
    margin-left: -48px;
    margin-right: -48px;
  }
  .-my-12\@medium {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .-ml-12\@medium {
    margin-left: -48px;
  }
  .-mr-12\@medium {
    margin-right: -48px;
  }
  .m-20\@medium {
    margin: 80px;
  }
  .mx-20\@medium {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-20\@medium {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .ml-20\@medium {
    margin-left: 80px;
  }
  .mr-20\@medium {
    margin-right: 80px;
  }
  .-m-20\@medium {
    margin: -80px;
  }
  .-mx-20\@medium {
    margin-left: -80px;
    margin-right: -80px;
  }
  .-my-20\@medium {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .-ml-20\@medium {
    margin-left: -80px;
  }
  .-mr-20\@medium {
    margin-right: -80px;
  }
  .m-24\@medium {
    margin: 96px;
  }
  .mx-24\@medium {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-24\@medium {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .ml-24\@medium {
    margin-left: 96px;
  }
  .mr-24\@medium {
    margin-right: 96px;
  }
  .-m-24\@medium {
    margin: -96px;
  }
  .-mx-24\@medium {
    margin-left: -96px;
    margin-right: -96px;
  }
  .-my-24\@medium {
    margin-top: -96px;
    margin-bottom: -96px;
  }
  .-ml-24\@medium {
    margin-left: -96px;
  }
  .-mr-24\@medium {
    margin-right: -96px;
  }
  .m-30\@medium {
    margin: 120px;
  }
  .mx-30\@medium {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-30\@medium {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .ml-30\@medium {
    margin-left: 120px;
  }
  .mr-30\@medium {
    margin-right: 120px;
  }
  .-m-30\@medium {
    margin: -120px;
  }
  .-mx-30\@medium {
    margin-left: -120px;
    margin-right: -120px;
  }
  .-my-30\@medium {
    margin-top: -120px;
    margin-bottom: -120px;
  }
  .-ml-30\@medium {
    margin-left: -120px;
  }
  .-mr-30\@medium {
    margin-right: -120px;
  }
}
@media (min-width: 1200px) {
  .m-0\@large {
    margin: 0px;
  }
  .mx-0\@large {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-0\@large {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .ml-0\@large {
    margin-left: 0px;
  }
  .mr-0\@large {
    margin-right: 0px;
  }
  .m-px\@large {
    margin: 1px;
  }
  .mx-px\@large {
    margin-left: 1px;
    margin-right: 1px;
  }
  .my-px\@large {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .ml-px\@large {
    margin-left: 1px;
  }
  .mr-px\@large {
    margin-right: 1px;
  }
  .-m-px\@large {
    margin: -1px;
  }
  .-mx-px\@large {
    margin-left: -1px;
    margin-right: -1px;
  }
  .-my-px\@large {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .-ml-px\@large {
    margin-left: -1px;
  }
  .-mr-px\@large {
    margin-right: -1px;
  }
  .m-0.\5 \@large {
    margin: 2px;
  }
  .mx-0.\5 \@large {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-0.\5 \@large {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .ml-0.\5 \@large {
    margin-left: 2px;
  }
  .mr-0.\5 \@large {
    margin-right: 2px;
  }
  .-m-0.\5 \@large {
    margin: -2px;
  }
  .-mx-0.\5 \@large {
    margin-left: -2px;
    margin-right: -2px;
  }
  .-my-0.\5 \@large {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .-ml-0.\5 \@large {
    margin-left: -2px;
  }
  .-mr-0.\5 \@large {
    margin-right: -2px;
  }
  .m-1\@large {
    margin: 4px;
  }
  .mx-1\@large {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-1\@large {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .ml-1\@large {
    margin-left: 4px;
  }
  .mr-1\@large {
    margin-right: 4px;
  }
  .-m-1\@large {
    margin: -4px;
  }
  .-mx-1\@large {
    margin-left: -4px;
    margin-right: -4px;
  }
  .-my-1\@large {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .-ml-1\@large {
    margin-left: -4px;
  }
  .-mr-1\@large {
    margin-right: -4px;
  }
  .m-2\@large {
    margin: 8px;
  }
  .mx-2\@large {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-2\@large {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .ml-2\@large {
    margin-left: 8px;
  }
  .mr-2\@large {
    margin-right: 8px;
  }
  .-m-2\@large {
    margin: -8px;
  }
  .-mx-2\@large {
    margin-left: -8px;
    margin-right: -8px;
  }
  .-my-2\@large {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .-ml-2\@large {
    margin-left: -8px;
  }
  .-mr-2\@large {
    margin-right: -8px;
  }
  .m-3\@large {
    margin: 12px;
  }
  .mx-3\@large {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-3\@large {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .ml-3\@large {
    margin-left: 12px;
  }
  .mr-3\@large {
    margin-right: 12px;
  }
  .-m-3\@large {
    margin: -12px;
  }
  .-mx-3\@large {
    margin-left: -12px;
    margin-right: -12px;
  }
  .-my-3\@large {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .-ml-3\@large {
    margin-left: -12px;
  }
  .-mr-3\@large {
    margin-right: -12px;
  }
  .m-4\@large {
    margin: 16px;
  }
  .mx-4\@large {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-4\@large {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .ml-4\@large {
    margin-left: 16px;
  }
  .mr-4\@large {
    margin-right: 16px;
  }
  .-m-4\@large {
    margin: -16px;
  }
  .-mx-4\@large {
    margin-left: -16px;
    margin-right: -16px;
  }
  .-my-4\@large {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .-ml-4\@large {
    margin-left: -16px;
  }
  .-mr-4\@large {
    margin-right: -16px;
  }
  .m-6\@large {
    margin: 24px;
  }
  .mx-6\@large {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-6\@large {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .ml-6\@large {
    margin-left: 24px;
  }
  .mr-6\@large {
    margin-right: 24px;
  }
  .-m-6\@large {
    margin: -24px;
  }
  .-mx-6\@large {
    margin-left: -24px;
    margin-right: -24px;
  }
  .-my-6\@large {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .-ml-6\@large {
    margin-left: -24px;
  }
  .-mr-6\@large {
    margin-right: -24px;
  }
  .m-8\@large {
    margin: 32px;
  }
  .mx-8\@large {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-8\@large {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .ml-8\@large {
    margin-left: 32px;
  }
  .mr-8\@large {
    margin-right: 32px;
  }
  .-m-8\@large {
    margin: -32px;
  }
  .-mx-8\@large {
    margin-left: -32px;
    margin-right: -32px;
  }
  .-my-8\@large {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .-ml-8\@large {
    margin-left: -32px;
  }
  .-mr-8\@large {
    margin-right: -32px;
  }
  .m-10\@large {
    margin: 40px;
  }
  .mx-10\@large {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-10\@large {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .ml-10\@large {
    margin-left: 40px;
  }
  .mr-10\@large {
    margin-right: 40px;
  }
  .-m-10\@large {
    margin: -40px;
  }
  .-mx-10\@large {
    margin-left: -40px;
    margin-right: -40px;
  }
  .-my-10\@large {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .-ml-10\@large {
    margin-left: -40px;
  }
  .-mr-10\@large {
    margin-right: -40px;
  }
  .m-12\@large {
    margin: 48px;
  }
  .mx-12\@large {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-12\@large {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .ml-12\@large {
    margin-left: 48px;
  }
  .mr-12\@large {
    margin-right: 48px;
  }
  .-m-12\@large {
    margin: -48px;
  }
  .-mx-12\@large {
    margin-left: -48px;
    margin-right: -48px;
  }
  .-my-12\@large {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .-ml-12\@large {
    margin-left: -48px;
  }
  .-mr-12\@large {
    margin-right: -48px;
  }
  .m-20\@large {
    margin: 80px;
  }
  .mx-20\@large {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-20\@large {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .ml-20\@large {
    margin-left: 80px;
  }
  .mr-20\@large {
    margin-right: 80px;
  }
  .-m-20\@large {
    margin: -80px;
  }
  .-mx-20\@large {
    margin-left: -80px;
    margin-right: -80px;
  }
  .-my-20\@large {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .-ml-20\@large {
    margin-left: -80px;
  }
  .-mr-20\@large {
    margin-right: -80px;
  }
  .m-24\@large {
    margin: 96px;
  }
  .mx-24\@large {
    margin-left: 96px;
    margin-right: 96px;
  }
  .my-24\@large {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .ml-24\@large {
    margin-left: 96px;
  }
  .mr-24\@large {
    margin-right: 96px;
  }
  .-m-24\@large {
    margin: -96px;
  }
  .-mx-24\@large {
    margin-left: -96px;
    margin-right: -96px;
  }
  .-my-24\@large {
    margin-top: -96px;
    margin-bottom: -96px;
  }
  .-ml-24\@large {
    margin-left: -96px;
  }
  .-mr-24\@large {
    margin-right: -96px;
  }
  .m-30\@large {
    margin: 120px;
  }
  .mx-30\@large {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-30\@large {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .ml-30\@large {
    margin-left: 120px;
  }
  .mr-30\@large {
    margin-right: 120px;
  }
  .-m-30\@large {
    margin: -120px;
  }
  .-mx-30\@large {
    margin-left: -120px;
    margin-right: -120px;
  }
  .-my-30\@large {
    margin-top: -120px;
    margin-bottom: -120px;
  }
  .-ml-30\@large {
    margin-left: -120px;
  }
  .-mr-30\@large {
    margin-right: -120px;
  }
}
.p-0 {
  padding: 0px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.p-px {
  padding: 1px;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pl-px {
  padding-left: 1px;
}

.pr-px {
  padding-right: 1px;
}

.pb-px {
  padding-bottom: 1px;
}

.p-0.\5  {
  padding: 2px;
}

.px-0.\5  {
  padding-left: 2px;
  padding-right: 2px;
}

.py-0.\5  {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pl-0.\5  {
  padding-left: 2px;
}

.pr-0.\5  {
  padding-right: 2px;
}

.pb-0.\5  {
  padding-bottom: 2px;
}

.p-1 {
  padding: 4px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pl-1 {
  padding-left: 4px;
}

.pr-1 {
  padding-right: 4px;
}

.pb-1 {
  padding-bottom: 4px;
}

.p-2 {
  padding: 8px;
}

.px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pl-2 {
  padding-left: 8px;
}

.pr-2 {
  padding-right: 8px;
}

.pb-2 {
  padding-bottom: 8px;
}

.p-3 {
  padding: 12px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pl-3 {
  padding-left: 12px;
}

.pr-3 {
  padding-right: 12px;
}

.pb-3 {
  padding-bottom: 12px;
}

.p-4 {
  padding: 16px;
}

.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pl-4 {
  padding-left: 16px;
}

.pr-4 {
  padding-right: 16px;
}

.pb-4 {
  padding-bottom: 16px;
}

.p-6 {
  padding: 24px;
}

.px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.pl-6 {
  padding-left: 24px;
}

.pr-6 {
  padding-right: 24px;
}

.pb-6 {
  padding-bottom: 24px;
}

.p-8 {
  padding: 32px;
}

.px-8 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pl-8 {
  padding-left: 32px;
}

.pr-8 {
  padding-right: 32px;
}

.pb-8 {
  padding-bottom: 32px;
}

.p-10 {
  padding: 40px;
}

.px-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pl-10 {
  padding-left: 40px;
}

.pr-10 {
  padding-right: 40px;
}

.pb-10 {
  padding-bottom: 40px;
}

.p-12 {
  padding: 48px;
}

.px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.pl-12 {
  padding-left: 48px;
}

.pr-12 {
  padding-right: 48px;
}

.pb-12 {
  padding-bottom: 48px;
}

.p-20 {
  padding: 80px;
}

.px-20 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-20 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pl-20 {
  padding-left: 80px;
}

.pr-20 {
  padding-right: 80px;
}

.pb-20 {
  padding-bottom: 80px;
}

.p-24 {
  padding: 96px;
}

.px-24 {
  padding-left: 96px;
  padding-right: 96px;
}

.py-24 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.pl-24 {
  padding-left: 96px;
}

.pr-24 {
  padding-right: 96px;
}

.pb-24 {
  padding-bottom: 96px;
}

.p-30 {
  padding: 120px;
}

.px-30 {
  padding-left: 120px;
  padding-right: 120px;
}

.py-30 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pl-30 {
  padding-left: 120px;
}

.pr-30 {
  padding-right: 120px;
}

.pb-30 {
  padding-bottom: 120px;
}

@media (min-width: 480px) {
  .p-0\@xsmall {
    padding: 0px;
  }
  .px-0\@xsmall {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-0\@xsmall {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pl-0\@xsmall {
    padding-left: 0px;
  }
  .pr-0\@xsmall {
    padding-right: 0px;
  }
  .pb-0\@xsmall {
    padding-bottom: 0px;
  }
  .p-px\@xsmall {
    padding: 1px;
  }
  .px-px\@xsmall {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-px\@xsmall {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pl-px\@xsmall {
    padding-left: 1px;
  }
  .pr-px\@xsmall {
    padding-right: 1px;
  }
  .pb-px\@xsmall {
    padding-bottom: 1px;
  }
  .p-0.\5 \@xsmall {
    padding: 2px;
  }
  .px-0.\5 \@xsmall {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-0.\5 \@xsmall {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pl-0.\5 \@xsmall {
    padding-left: 2px;
  }
  .pr-0.\5 \@xsmall {
    padding-right: 2px;
  }
  .pb-0.\5 \@xsmall {
    padding-bottom: 2px;
  }
  .p-1\@xsmall {
    padding: 4px;
  }
  .px-1\@xsmall {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-1\@xsmall {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pl-1\@xsmall {
    padding-left: 4px;
  }
  .pr-1\@xsmall {
    padding-right: 4px;
  }
  .pb-1\@xsmall {
    padding-bottom: 4px;
  }
  .p-2\@xsmall {
    padding: 8px;
  }
  .px-2\@xsmall {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-2\@xsmall {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pl-2\@xsmall {
    padding-left: 8px;
  }
  .pr-2\@xsmall {
    padding-right: 8px;
  }
  .pb-2\@xsmall {
    padding-bottom: 8px;
  }
  .p-3\@xsmall {
    padding: 12px;
  }
  .px-3\@xsmall {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-3\@xsmall {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .pl-3\@xsmall {
    padding-left: 12px;
  }
  .pr-3\@xsmall {
    padding-right: 12px;
  }
  .pb-3\@xsmall {
    padding-bottom: 12px;
  }
  .p-4\@xsmall {
    padding: 16px;
  }
  .px-4\@xsmall {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-4\@xsmall {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .pl-4\@xsmall {
    padding-left: 16px;
  }
  .pr-4\@xsmall {
    padding-right: 16px;
  }
  .pb-4\@xsmall {
    padding-bottom: 16px;
  }
  .p-6\@xsmall {
    padding: 24px;
  }
  .px-6\@xsmall {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-6\@xsmall {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .pl-6\@xsmall {
    padding-left: 24px;
  }
  .pr-6\@xsmall {
    padding-right: 24px;
  }
  .pb-6\@xsmall {
    padding-bottom: 24px;
  }
  .p-8\@xsmall {
    padding: 32px;
  }
  .px-8\@xsmall {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-8\@xsmall {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .pl-8\@xsmall {
    padding-left: 32px;
  }
  .pr-8\@xsmall {
    padding-right: 32px;
  }
  .pb-8\@xsmall {
    padding-bottom: 32px;
  }
  .p-10\@xsmall {
    padding: 40px;
  }
  .px-10\@xsmall {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-10\@xsmall {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pl-10\@xsmall {
    padding-left: 40px;
  }
  .pr-10\@xsmall {
    padding-right: 40px;
  }
  .pb-10\@xsmall {
    padding-bottom: 40px;
  }
  .p-12\@xsmall {
    padding: 48px;
  }
  .px-12\@xsmall {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-12\@xsmall {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .pl-12\@xsmall {
    padding-left: 48px;
  }
  .pr-12\@xsmall {
    padding-right: 48px;
  }
  .pb-12\@xsmall {
    padding-bottom: 48px;
  }
  .p-20\@xsmall {
    padding: 80px;
  }
  .px-20\@xsmall {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-20\@xsmall {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pl-20\@xsmall {
    padding-left: 80px;
  }
  .pr-20\@xsmall {
    padding-right: 80px;
  }
  .pb-20\@xsmall {
    padding-bottom: 80px;
  }
  .p-24\@xsmall {
    padding: 96px;
  }
  .px-24\@xsmall {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-24\@xsmall {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .pl-24\@xsmall {
    padding-left: 96px;
  }
  .pr-24\@xsmall {
    padding-right: 96px;
  }
  .pb-24\@xsmall {
    padding-bottom: 96px;
  }
  .p-30\@xsmall {
    padding: 120px;
  }
  .px-30\@xsmall {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-30\@xsmall {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pl-30\@xsmall {
    padding-left: 120px;
  }
  .pr-30\@xsmall {
    padding-right: 120px;
  }
  .pb-30\@xsmall {
    padding-bottom: 120px;
  }
}
@media (min-width: 767px) {
  .p-0\@small {
    padding: 0px;
  }
  .px-0\@small {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-0\@small {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pl-0\@small {
    padding-left: 0px;
  }
  .pr-0\@small {
    padding-right: 0px;
  }
  .pb-0\@small {
    padding-bottom: 0px;
  }
  .p-px\@small {
    padding: 1px;
  }
  .px-px\@small {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-px\@small {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pl-px\@small {
    padding-left: 1px;
  }
  .pr-px\@small {
    padding-right: 1px;
  }
  .pb-px\@small {
    padding-bottom: 1px;
  }
  .p-0.\5 \@small {
    padding: 2px;
  }
  .px-0.\5 \@small {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-0.\5 \@small {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pl-0.\5 \@small {
    padding-left: 2px;
  }
  .pr-0.\5 \@small {
    padding-right: 2px;
  }
  .pb-0.\5 \@small {
    padding-bottom: 2px;
  }
  .p-1\@small {
    padding: 4px;
  }
  .px-1\@small {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-1\@small {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pl-1\@small {
    padding-left: 4px;
  }
  .pr-1\@small {
    padding-right: 4px;
  }
  .pb-1\@small {
    padding-bottom: 4px;
  }
  .p-2\@small {
    padding: 8px;
  }
  .px-2\@small {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-2\@small {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pl-2\@small {
    padding-left: 8px;
  }
  .pr-2\@small {
    padding-right: 8px;
  }
  .pb-2\@small {
    padding-bottom: 8px;
  }
  .p-3\@small {
    padding: 12px;
  }
  .px-3\@small {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-3\@small {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .pl-3\@small {
    padding-left: 12px;
  }
  .pr-3\@small {
    padding-right: 12px;
  }
  .pb-3\@small {
    padding-bottom: 12px;
  }
  .p-4\@small {
    padding: 16px;
  }
  .px-4\@small {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-4\@small {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .pl-4\@small {
    padding-left: 16px;
  }
  .pr-4\@small {
    padding-right: 16px;
  }
  .pb-4\@small {
    padding-bottom: 16px;
  }
  .p-6\@small {
    padding: 24px;
  }
  .px-6\@small {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-6\@small {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .pl-6\@small {
    padding-left: 24px;
  }
  .pr-6\@small {
    padding-right: 24px;
  }
  .pb-6\@small {
    padding-bottom: 24px;
  }
  .p-8\@small {
    padding: 32px;
  }
  .px-8\@small {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-8\@small {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .pl-8\@small {
    padding-left: 32px;
  }
  .pr-8\@small {
    padding-right: 32px;
  }
  .pb-8\@small {
    padding-bottom: 32px;
  }
  .p-10\@small {
    padding: 40px;
  }
  .px-10\@small {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-10\@small {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pl-10\@small {
    padding-left: 40px;
  }
  .pr-10\@small {
    padding-right: 40px;
  }
  .pb-10\@small {
    padding-bottom: 40px;
  }
  .p-12\@small {
    padding: 48px;
  }
  .px-12\@small {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-12\@small {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .pl-12\@small {
    padding-left: 48px;
  }
  .pr-12\@small {
    padding-right: 48px;
  }
  .pb-12\@small {
    padding-bottom: 48px;
  }
  .p-20\@small {
    padding: 80px;
  }
  .px-20\@small {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-20\@small {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pl-20\@small {
    padding-left: 80px;
  }
  .pr-20\@small {
    padding-right: 80px;
  }
  .pb-20\@small {
    padding-bottom: 80px;
  }
  .p-24\@small {
    padding: 96px;
  }
  .px-24\@small {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-24\@small {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .pl-24\@small {
    padding-left: 96px;
  }
  .pr-24\@small {
    padding-right: 96px;
  }
  .pb-24\@small {
    padding-bottom: 96px;
  }
  .p-30\@small {
    padding: 120px;
  }
  .px-30\@small {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-30\@small {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pl-30\@small {
    padding-left: 120px;
  }
  .pr-30\@small {
    padding-right: 120px;
  }
  .pb-30\@small {
    padding-bottom: 120px;
  }
}
@media (min-width: 1080px) {
  .p-0\@medium {
    padding: 0px;
  }
  .px-0\@medium {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-0\@medium {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pl-0\@medium {
    padding-left: 0px;
  }
  .pr-0\@medium {
    padding-right: 0px;
  }
  .pb-0\@medium {
    padding-bottom: 0px;
  }
  .p-px\@medium {
    padding: 1px;
  }
  .px-px\@medium {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-px\@medium {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pl-px\@medium {
    padding-left: 1px;
  }
  .pr-px\@medium {
    padding-right: 1px;
  }
  .pb-px\@medium {
    padding-bottom: 1px;
  }
  .p-0.\5 \@medium {
    padding: 2px;
  }
  .px-0.\5 \@medium {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-0.\5 \@medium {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pl-0.\5 \@medium {
    padding-left: 2px;
  }
  .pr-0.\5 \@medium {
    padding-right: 2px;
  }
  .pb-0.\5 \@medium {
    padding-bottom: 2px;
  }
  .p-1\@medium {
    padding: 4px;
  }
  .px-1\@medium {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-1\@medium {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pl-1\@medium {
    padding-left: 4px;
  }
  .pr-1\@medium {
    padding-right: 4px;
  }
  .pb-1\@medium {
    padding-bottom: 4px;
  }
  .p-2\@medium {
    padding: 8px;
  }
  .px-2\@medium {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-2\@medium {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pl-2\@medium {
    padding-left: 8px;
  }
  .pr-2\@medium {
    padding-right: 8px;
  }
  .pb-2\@medium {
    padding-bottom: 8px;
  }
  .p-3\@medium {
    padding: 12px;
  }
  .px-3\@medium {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-3\@medium {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .pl-3\@medium {
    padding-left: 12px;
  }
  .pr-3\@medium {
    padding-right: 12px;
  }
  .pb-3\@medium {
    padding-bottom: 12px;
  }
  .p-4\@medium {
    padding: 16px;
  }
  .px-4\@medium {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-4\@medium {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .pl-4\@medium {
    padding-left: 16px;
  }
  .pr-4\@medium {
    padding-right: 16px;
  }
  .pb-4\@medium {
    padding-bottom: 16px;
  }
  .p-6\@medium {
    padding: 24px;
  }
  .px-6\@medium {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-6\@medium {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .pl-6\@medium {
    padding-left: 24px;
  }
  .pr-6\@medium {
    padding-right: 24px;
  }
  .pb-6\@medium {
    padding-bottom: 24px;
  }
  .p-8\@medium {
    padding: 32px;
  }
  .px-8\@medium {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-8\@medium {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .pl-8\@medium {
    padding-left: 32px;
  }
  .pr-8\@medium {
    padding-right: 32px;
  }
  .pb-8\@medium {
    padding-bottom: 32px;
  }
  .p-10\@medium {
    padding: 40px;
  }
  .px-10\@medium {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-10\@medium {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pl-10\@medium {
    padding-left: 40px;
  }
  .pr-10\@medium {
    padding-right: 40px;
  }
  .pb-10\@medium {
    padding-bottom: 40px;
  }
  .p-12\@medium {
    padding: 48px;
  }
  .px-12\@medium {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-12\@medium {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .pl-12\@medium {
    padding-left: 48px;
  }
  .pr-12\@medium {
    padding-right: 48px;
  }
  .pb-12\@medium {
    padding-bottom: 48px;
  }
  .p-20\@medium {
    padding: 80px;
  }
  .px-20\@medium {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-20\@medium {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pl-20\@medium {
    padding-left: 80px;
  }
  .pr-20\@medium {
    padding-right: 80px;
  }
  .pb-20\@medium {
    padding-bottom: 80px;
  }
  .p-24\@medium {
    padding: 96px;
  }
  .px-24\@medium {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-24\@medium {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .pl-24\@medium {
    padding-left: 96px;
  }
  .pr-24\@medium {
    padding-right: 96px;
  }
  .pb-24\@medium {
    padding-bottom: 96px;
  }
  .p-30\@medium {
    padding: 120px;
  }
  .px-30\@medium {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-30\@medium {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pl-30\@medium {
    padding-left: 120px;
  }
  .pr-30\@medium {
    padding-right: 120px;
  }
  .pb-30\@medium {
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .p-0\@large {
    padding: 0px;
  }
  .px-0\@large {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-0\@large {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pl-0\@large {
    padding-left: 0px;
  }
  .pr-0\@large {
    padding-right: 0px;
  }
  .pb-0\@large {
    padding-bottom: 0px;
  }
  .p-px\@large {
    padding: 1px;
  }
  .px-px\@large {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-px\@large {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pl-px\@large {
    padding-left: 1px;
  }
  .pr-px\@large {
    padding-right: 1px;
  }
  .pb-px\@large {
    padding-bottom: 1px;
  }
  .p-0.\5 \@large {
    padding: 2px;
  }
  .px-0.\5 \@large {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-0.\5 \@large {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pl-0.\5 \@large {
    padding-left: 2px;
  }
  .pr-0.\5 \@large {
    padding-right: 2px;
  }
  .pb-0.\5 \@large {
    padding-bottom: 2px;
  }
  .p-1\@large {
    padding: 4px;
  }
  .px-1\@large {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-1\@large {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pl-1\@large {
    padding-left: 4px;
  }
  .pr-1\@large {
    padding-right: 4px;
  }
  .pb-1\@large {
    padding-bottom: 4px;
  }
  .p-2\@large {
    padding: 8px;
  }
  .px-2\@large {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-2\@large {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pl-2\@large {
    padding-left: 8px;
  }
  .pr-2\@large {
    padding-right: 8px;
  }
  .pb-2\@large {
    padding-bottom: 8px;
  }
  .p-3\@large {
    padding: 12px;
  }
  .px-3\@large {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-3\@large {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .pl-3\@large {
    padding-left: 12px;
  }
  .pr-3\@large {
    padding-right: 12px;
  }
  .pb-3\@large {
    padding-bottom: 12px;
  }
  .p-4\@large {
    padding: 16px;
  }
  .px-4\@large {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-4\@large {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .pl-4\@large {
    padding-left: 16px;
  }
  .pr-4\@large {
    padding-right: 16px;
  }
  .pb-4\@large {
    padding-bottom: 16px;
  }
  .p-6\@large {
    padding: 24px;
  }
  .px-6\@large {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-6\@large {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .pl-6\@large {
    padding-left: 24px;
  }
  .pr-6\@large {
    padding-right: 24px;
  }
  .pb-6\@large {
    padding-bottom: 24px;
  }
  .p-8\@large {
    padding: 32px;
  }
  .px-8\@large {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-8\@large {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .pl-8\@large {
    padding-left: 32px;
  }
  .pr-8\@large {
    padding-right: 32px;
  }
  .pb-8\@large {
    padding-bottom: 32px;
  }
  .p-10\@large {
    padding: 40px;
  }
  .px-10\@large {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-10\@large {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pl-10\@large {
    padding-left: 40px;
  }
  .pr-10\@large {
    padding-right: 40px;
  }
  .pb-10\@large {
    padding-bottom: 40px;
  }
  .p-12\@large {
    padding: 48px;
  }
  .px-12\@large {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-12\@large {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .pl-12\@large {
    padding-left: 48px;
  }
  .pr-12\@large {
    padding-right: 48px;
  }
  .pb-12\@large {
    padding-bottom: 48px;
  }
  .p-20\@large {
    padding: 80px;
  }
  .px-20\@large {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-20\@large {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pl-20\@large {
    padding-left: 80px;
  }
  .pr-20\@large {
    padding-right: 80px;
  }
  .pb-20\@large {
    padding-bottom: 80px;
  }
  .p-24\@large {
    padding: 96px;
  }
  .px-24\@large {
    padding-left: 96px;
    padding-right: 96px;
  }
  .py-24\@large {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .pl-24\@large {
    padding-left: 96px;
  }
  .pr-24\@large {
    padding-right: 96px;
  }
  .pb-24\@large {
    padding-bottom: 96px;
  }
  .p-30\@large {
    padding: 120px;
  }
  .px-30\@large {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-30\@large {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pl-30\@large {
    padding-left: 120px;
  }
  .pr-30\@large {
    padding-right: 120px;
  }
  .pb-30\@large {
    padding-bottom: 120px;
  }
}
.flex {
  display: flex;
}

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

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

.inline-flex {
  display: inline-flex;
}

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

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

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

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

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

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

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

@media (min-width: 480px) {
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
  .flex\@xsmall {
    display: flex;
  }
}
@media (min-width: 767px) {
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
  .flex\@small {
    display: flex;
  }
}
@media (min-width: 1080px) {
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
  .flex\@medium {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
  .flex\@large {
    display: flex;
  }
}
.grid {
  display: grid;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-end-1 {
  grid-column-end: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-start-auto {
  grid-column-start: auto;
}

.col-end-auto {
  grid-column-end: auto;
}

@media (min-width: 480px) {
  .grid\@xsmall {
    display: grid;
  }
  .grid-cols-1\@xsmall {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-span-1\@xsmall {
    grid-column: span 1/span 1;
  }
  .col-start-1\@xsmall {
    grid-column-start: 1;
  }
  .grid-cols-2\@xsmall {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-span-2\@xsmall {
    grid-column: span 2/span 2;
  }
  .col-start-2\@xsmall {
    grid-column-start: 2;
  }
  .grid-cols-3\@xsmall {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-span-3\@xsmall {
    grid-column: span 3/span 3;
  }
  .col-start-3\@xsmall {
    grid-column-start: 3;
  }
  .grid-cols-4\@xsmall {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-span-4\@xsmall {
    grid-column: span 4/span 4;
  }
  .col-start-4\@xsmall {
    grid-column-start: 4;
  }
  .grid-cols-5\@xsmall {
    grid-template-columns: repeat(5, 1fr);
  }
  .col-span-5\@xsmall {
    grid-column: span 5/span 5;
  }
  .col-start-5\@xsmall {
    grid-column-start: 5;
  }
  .grid-cols-6\@xsmall {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-span-6\@xsmall {
    grid-column: span 6/span 6;
  }
  .col-start-6\@xsmall {
    grid-column-start: 6;
  }
  .grid-cols-7\@xsmall {
    grid-template-columns: repeat(7, 1fr);
  }
  .col-span-7\@xsmall {
    grid-column: span 7/span 7;
  }
  .col-start-7\@xsmall {
    grid-column-start: 7;
  }
  .grid-cols-8\@xsmall {
    grid-template-columns: repeat(8, 1fr);
  }
  .col-span-8\@xsmall {
    grid-column: span 8/span 8;
  }
  .col-start-8\@xsmall {
    grid-column-start: 8;
  }
  .grid-cols-9\@xsmall {
    grid-template-columns: repeat(9, 1fr);
  }
  .col-span-9\@xsmall {
    grid-column: span 9/span 9;
  }
  .col-start-9\@xsmall {
    grid-column-start: 9;
  }
  .grid-cols-10\@xsmall {
    grid-template-columns: repeat(10, 1fr);
  }
  .col-span-10\@xsmall {
    grid-column: span 10/span 10;
  }
  .col-start-10\@xsmall {
    grid-column-start: 10;
  }
  .grid-cols-11\@xsmall {
    grid-template-columns: repeat(11, 1fr);
  }
  .col-span-11\@xsmall {
    grid-column: span 11/span 11;
  }
  .col-start-11\@xsmall {
    grid-column-start: 11;
  }
  .grid-cols-12\@xsmall {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-span-12\@xsmall {
    grid-column: span 12/span 12;
  }
  .col-start-12\@xsmall {
    grid-column-start: 12;
  }
  .col-span-full\@xsmall {
    grid-column: 1/-1;
  }
  .col-end-1\@xsmall {
    grid-column-end: 1;
  }
  .col-end-2\@xsmall {
    grid-column-end: 2;
  }
  .col-end-3\@xsmall {
    grid-column-end: 3;
  }
  .col-end-4\@xsmall {
    grid-column-end: 4;
  }
  .col-end-5\@xsmall {
    grid-column-end: 5;
  }
  .col-end-6\@xsmall {
    grid-column-end: 6;
  }
  .col-end-7\@xsmall {
    grid-column-end: 7;
  }
  .col-end-8\@xsmall {
    grid-column-end: 8;
  }
  .col-end-9\@xsmall {
    grid-column-end: 9;
  }
  .col-end-10\@xsmall {
    grid-column-end: 10;
  }
  .col-end-11\@xsmall {
    grid-column-end: 11;
  }
  .col-end-12\@xsmall {
    grid-column-end: 12;
  }
  .col-end-13\@xsmall {
    grid-column-end: 13;
  }
}
@media (min-width: 767px) {
  .grid\@small {
    display: grid;
  }
  .grid-cols-1\@small {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-span-1\@small {
    grid-column: span 1/span 1;
  }
  .col-start-1\@small {
    grid-column-start: 1;
  }
  .grid-cols-2\@small {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-span-2\@small {
    grid-column: span 2/span 2;
  }
  .col-start-2\@small {
    grid-column-start: 2;
  }
  .grid-cols-3\@small {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-span-3\@small {
    grid-column: span 3/span 3;
  }
  .col-start-3\@small {
    grid-column-start: 3;
  }
  .grid-cols-4\@small {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-span-4\@small {
    grid-column: span 4/span 4;
  }
  .col-start-4\@small {
    grid-column-start: 4;
  }
  .grid-cols-5\@small {
    grid-template-columns: repeat(5, 1fr);
  }
  .col-span-5\@small {
    grid-column: span 5/span 5;
  }
  .col-start-5\@small {
    grid-column-start: 5;
  }
  .grid-cols-6\@small {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-span-6\@small {
    grid-column: span 6/span 6;
  }
  .col-start-6\@small {
    grid-column-start: 6;
  }
  .grid-cols-7\@small {
    grid-template-columns: repeat(7, 1fr);
  }
  .col-span-7\@small {
    grid-column: span 7/span 7;
  }
  .col-start-7\@small {
    grid-column-start: 7;
  }
  .grid-cols-8\@small {
    grid-template-columns: repeat(8, 1fr);
  }
  .col-span-8\@small {
    grid-column: span 8/span 8;
  }
  .col-start-8\@small {
    grid-column-start: 8;
  }
  .grid-cols-9\@small {
    grid-template-columns: repeat(9, 1fr);
  }
  .col-span-9\@small {
    grid-column: span 9/span 9;
  }
  .col-start-9\@small {
    grid-column-start: 9;
  }
  .grid-cols-10\@small {
    grid-template-columns: repeat(10, 1fr);
  }
  .col-span-10\@small {
    grid-column: span 10/span 10;
  }
  .col-start-10\@small {
    grid-column-start: 10;
  }
  .grid-cols-11\@small {
    grid-template-columns: repeat(11, 1fr);
  }
  .col-span-11\@small {
    grid-column: span 11/span 11;
  }
  .col-start-11\@small {
    grid-column-start: 11;
  }
  .grid-cols-12\@small {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-span-12\@small {
    grid-column: span 12/span 12;
  }
  .col-start-12\@small {
    grid-column-start: 12;
  }
  .col-span-full\@small {
    grid-column: 1/-1;
  }
  .col-end-1\@small {
    grid-column-end: 1;
  }
  .col-end-2\@small {
    grid-column-end: 2;
  }
  .col-end-3\@small {
    grid-column-end: 3;
  }
  .col-end-4\@small {
    grid-column-end: 4;
  }
  .col-end-5\@small {
    grid-column-end: 5;
  }
  .col-end-6\@small {
    grid-column-end: 6;
  }
  .col-end-7\@small {
    grid-column-end: 7;
  }
  .col-end-8\@small {
    grid-column-end: 8;
  }
  .col-end-9\@small {
    grid-column-end: 9;
  }
  .col-end-10\@small {
    grid-column-end: 10;
  }
  .col-end-11\@small {
    grid-column-end: 11;
  }
  .col-end-12\@small {
    grid-column-end: 12;
  }
  .col-end-13\@small {
    grid-column-end: 13;
  }
}
@media (min-width: 1080px) {
  .grid\@medium {
    display: grid;
  }
  .grid-cols-1\@medium {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-span-1\@medium {
    grid-column: span 1/span 1;
  }
  .col-start-1\@medium {
    grid-column-start: 1;
  }
  .grid-cols-2\@medium {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-span-2\@medium {
    grid-column: span 2/span 2;
  }
  .col-start-2\@medium {
    grid-column-start: 2;
  }
  .grid-cols-3\@medium {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-span-3\@medium {
    grid-column: span 3/span 3;
  }
  .col-start-3\@medium {
    grid-column-start: 3;
  }
  .grid-cols-4\@medium {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-span-4\@medium {
    grid-column: span 4/span 4;
  }
  .col-start-4\@medium {
    grid-column-start: 4;
  }
  .grid-cols-5\@medium {
    grid-template-columns: repeat(5, 1fr);
  }
  .col-span-5\@medium {
    grid-column: span 5/span 5;
  }
  .col-start-5\@medium {
    grid-column-start: 5;
  }
  .grid-cols-6\@medium {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-span-6\@medium {
    grid-column: span 6/span 6;
  }
  .col-start-6\@medium {
    grid-column-start: 6;
  }
  .grid-cols-7\@medium {
    grid-template-columns: repeat(7, 1fr);
  }
  .col-span-7\@medium {
    grid-column: span 7/span 7;
  }
  .col-start-7\@medium {
    grid-column-start: 7;
  }
  .grid-cols-8\@medium {
    grid-template-columns: repeat(8, 1fr);
  }
  .col-span-8\@medium {
    grid-column: span 8/span 8;
  }
  .col-start-8\@medium {
    grid-column-start: 8;
  }
  .grid-cols-9\@medium {
    grid-template-columns: repeat(9, 1fr);
  }
  .col-span-9\@medium {
    grid-column: span 9/span 9;
  }
  .col-start-9\@medium {
    grid-column-start: 9;
  }
  .grid-cols-10\@medium {
    grid-template-columns: repeat(10, 1fr);
  }
  .col-span-10\@medium {
    grid-column: span 10/span 10;
  }
  .col-start-10\@medium {
    grid-column-start: 10;
  }
  .grid-cols-11\@medium {
    grid-template-columns: repeat(11, 1fr);
  }
  .col-span-11\@medium {
    grid-column: span 11/span 11;
  }
  .col-start-11\@medium {
    grid-column-start: 11;
  }
  .grid-cols-12\@medium {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-span-12\@medium {
    grid-column: span 12/span 12;
  }
  .col-start-12\@medium {
    grid-column-start: 12;
  }
  .col-span-full\@medium {
    grid-column: 1/-1;
  }
  .col-end-1\@medium {
    grid-column-end: 1;
  }
  .col-end-2\@medium {
    grid-column-end: 2;
  }
  .col-end-3\@medium {
    grid-column-end: 3;
  }
  .col-end-4\@medium {
    grid-column-end: 4;
  }
  .col-end-5\@medium {
    grid-column-end: 5;
  }
  .col-end-6\@medium {
    grid-column-end: 6;
  }
  .col-end-7\@medium {
    grid-column-end: 7;
  }
  .col-end-8\@medium {
    grid-column-end: 8;
  }
  .col-end-9\@medium {
    grid-column-end: 9;
  }
  .col-end-10\@medium {
    grid-column-end: 10;
  }
  .col-end-11\@medium {
    grid-column-end: 11;
  }
  .col-end-12\@medium {
    grid-column-end: 12;
  }
  .col-end-13\@medium {
    grid-column-end: 13;
  }
}
@media (min-width: 1200px) {
  .grid\@large {
    display: grid;
  }
  .grid-cols-1\@large {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-span-1\@large {
    grid-column: span 1/span 1;
  }
  .col-start-1\@large {
    grid-column-start: 1;
  }
  .grid-cols-2\@large {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-span-2\@large {
    grid-column: span 2/span 2;
  }
  .col-start-2\@large {
    grid-column-start: 2;
  }
  .grid-cols-3\@large {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-span-3\@large {
    grid-column: span 3/span 3;
  }
  .col-start-3\@large {
    grid-column-start: 3;
  }
  .grid-cols-4\@large {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-span-4\@large {
    grid-column: span 4/span 4;
  }
  .col-start-4\@large {
    grid-column-start: 4;
  }
  .grid-cols-5\@large {
    grid-template-columns: repeat(5, 1fr);
  }
  .col-span-5\@large {
    grid-column: span 5/span 5;
  }
  .col-start-5\@large {
    grid-column-start: 5;
  }
  .grid-cols-6\@large {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-span-6\@large {
    grid-column: span 6/span 6;
  }
  .col-start-6\@large {
    grid-column-start: 6;
  }
  .grid-cols-7\@large {
    grid-template-columns: repeat(7, 1fr);
  }
  .col-span-7\@large {
    grid-column: span 7/span 7;
  }
  .col-start-7\@large {
    grid-column-start: 7;
  }
  .grid-cols-8\@large {
    grid-template-columns: repeat(8, 1fr);
  }
  .col-span-8\@large {
    grid-column: span 8/span 8;
  }
  .col-start-8\@large {
    grid-column-start: 8;
  }
  .grid-cols-9\@large {
    grid-template-columns: repeat(9, 1fr);
  }
  .col-span-9\@large {
    grid-column: span 9/span 9;
  }
  .col-start-9\@large {
    grid-column-start: 9;
  }
  .grid-cols-10\@large {
    grid-template-columns: repeat(10, 1fr);
  }
  .col-span-10\@large {
    grid-column: span 10/span 10;
  }
  .col-start-10\@large {
    grid-column-start: 10;
  }
  .grid-cols-11\@large {
    grid-template-columns: repeat(11, 1fr);
  }
  .col-span-11\@large {
    grid-column: span 11/span 11;
  }
  .col-start-11\@large {
    grid-column-start: 11;
  }
  .grid-cols-12\@large {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-span-12\@large {
    grid-column: span 12/span 12;
  }
  .col-start-12\@large {
    grid-column-start: 12;
  }
  .col-span-full\@large {
    grid-column: 1/-1;
  }
  .col-end-1\@large {
    grid-column-end: 1;
  }
  .col-end-2\@large {
    grid-column-end: 2;
  }
  .col-end-3\@large {
    grid-column-end: 3;
  }
  .col-end-4\@large {
    grid-column-end: 4;
  }
  .col-end-5\@large {
    grid-column-end: 5;
  }
  .col-end-6\@large {
    grid-column-end: 6;
  }
  .col-end-7\@large {
    grid-column-end: 7;
  }
  .col-end-8\@large {
    grid-column-end: 8;
  }
  .col-end-9\@large {
    grid-column-end: 9;
  }
  .col-end-10\@large {
    grid-column-end: 10;
  }
  .col-end-11\@large {
    grid-column-end: 11;
  }
  .col-end-12\@large {
    grid-column-end: 12;
  }
  .col-end-13\@large {
    grid-column-end: 13;
  }
}
.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}/*# sourceMappingURL=style.css.map */