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

html {
  font-family: var(--font-family-base);
  line-height: var(--line-height-body);
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  background-color: var(--color-base);
  color: var(--color-text);
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: 0;
}

a {
  background-color: #0000;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

[hidden] {
  display: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 1em;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

table {
  border-color: currentColor;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

:root {
  --color-text: #251605;
  --color-accent: #f6e27f;
  --color-warm-sand: #e2c391;
  --color-sage: #a8b7ab;
  --color-sky: #9bbec7;
  --color-base: #fff;
  --color-transparent: transparent;
  --font-family-base: "Nunito", sans-serif;
  --font-weight-body: 400;
  --font-weight-heading: 700;
  --line-height-body: 1.6;
  --line-height-heading: 1.15;
  --content-size: 78.75rem;
  --container-size: 98.75rem;
  --black: var(--color-text);
  --white: var(--color-base);
  --background-dark: var(--color-text);
  --background-light: var(--color-accent);
  --t-300: all .3s ease-in-out;
  --s-4: clamp(.25rem, .25rem + 0vw, .25rem);
  --s-8: clamp(.5rem, .5rem + 0vw, .5rem);
  --s-12: clamp(.5625rem, .46875rem + .375vw, .75rem);
  --s-14: clamp(.6875rem, .59375rem + .375vw, .875rem);
  --s-16: clamp(.75rem, .625rem + .5vw, 1rem);
  --s-18: clamp(.875rem, .75rem + .5vw, 1.125rem);
  --s-20: clamp(1rem, .875rem + .5vw, 1.25rem);
  --s-22: clamp(1.125rem, 1rem + .5vw, 1.375rem);
  --s-24: clamp(1.25rem, 1.125rem + .5vw, 1.5rem);
  --s-28: clamp(1.375rem, 1.1875rem + .75vw, 1.75rem);
  --s-32: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --s-40: clamp(1.875rem, 1.5625rem + 1.25vw, 2.5rem);
  --s-45: clamp(2.25rem, 1.96875rem + 1.125vw, 2.8125rem);
  --s-48: clamp(2.25rem, 1.875rem + 1.5vw, 3rem);
  --s-56: clamp(2.625rem, 2.1875rem + 1.75vw, 3.5rem);
  --s-64: clamp(3rem, 2.5rem + 2vw, 4rem);
  --s-72: clamp(3.375rem, 2.8125rem + 2.25vw, 4.5rem);
  --s-80: clamp(3.75rem, 3.125rem + 2.5vw, 5rem);
  --s-90: clamp(4.125rem, 3.375rem + 3vw, 5.625rem);
  --s-96: clamp(4.5rem, 3.75rem + 3vw, 6rem);
  --s-104: clamp(4.875rem, 4.0625rem + 3.25vw, 6.5rem);
  --s-112: clamp(5.25rem, 4.375rem + 3.5vw, 7rem);
  --s-120: clamp(5.625rem, 4.6875rem + 3.75vw, 7.5rem);
  --s-135: clamp(6.25rem, 5.15625rem + 4.375vw, 8.4375rem);
  --s-144: clamp(6.75rem, 5.625rem + 4.5vw, 9rem);
  --s-150: clamp(6.875rem, 5.625rem + 5vw, 9.375rem);
  --s-160: clamp(7.5rem, 6.25rem + 5vw, 10rem);
  --s-180: clamp(8.4375rem, 7.03125rem + 5.625vw, 11.25rem);
  --s-200: clamp(9.375rem, 7.8125rem + 6.25vw, 12.5rem);
  --s-225: clamp(10rem, 7.96875rem + 8.125vw, 14.0625rem);
  --s-240: clamp(11.25rem, 9.375rem + 7.5vw, 15rem);
  --s-270: clamp(12.5rem, 10.3125rem + 8.75vw, 16.875rem);
}

.container-fluid, .container {
  margin-left: auto;
  margin-right: auto;
}

.container-fluid {
  padding-right: var(--grid-padding);
  padding-left: var(--grid-padding);
  background-color: #ff69b4;
  margin-top: 66px;
}

.row {
  box-sizing: border-box;
  z-index: 1;
  flex-flow: wrap;
  flex: 0 auto;
  width: 100%;
  display: flex;
  position: relative;
}

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

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

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

.col-xs-offset-12, .col-xs-offset-11, .col-xs-offset-10, .col-xs-offset-9, .col-xs-offset-8, .col-xs-offset-7, .col-xs-offset-6, .col-xs-offset-5, .col-xs-offset-4, .col-xs-offset-3, .col-xs-offset-2, .col-xs-offset-1, .col-xs-offset-0, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-xs {
  box-sizing: border-box;
  padding-right: var(--s-16);
  padding-left: var(--s-16);
  flex: none;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.col-xs-2 {
  flex-basis: 16.6667%;
  max-width: 16.6667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}

.col-xs-5 {
  flex-basis: 41.6667%;
  max-width: 41.6667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.3333%;
  max-width: 58.3333%;
}

.col-xs-8 {
  flex-basis: 66.6667%;
  max-width: 66.6667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.3333%;
  max-width: 83.3333%;
}

.col-xs-11 {
  flex-basis: 91.6667%;
  max-width: 91.6667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.6667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333%;
}

.col-xs-offset-5 {
  margin-left: 41.6667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333%;
}

.col-xs-offset-8 {
  margin-left: 66.6667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333%;
}

.col-xs-offset-11 {
  margin-left: 91.6667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

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

.center-xs {
  text-align: center;
  justify-content: center;
}

.end-xs {
  text-align: end;
  justify-content: flex-end;
}

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

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

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

.stretch-xs {
  align-items: stretch;
}

.around-xs {
  justify-content: space-around;
}

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

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

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.grid-top-xs {
  align-items: start;
}

.grid-middle-xs {
  align-items: center;
}

.grid-bottom-xs {
  align-items: end;
}

.grid-stretch-xs {
  align-items: stretch;
}

.grid-left-xs {
  justify-items: start;
}

.grid-center-xs {
  justify-items: center;
}

.grid-right-xs {
  justify-items: end;
}

.grid-stretch-x-xs {
  justify-items: stretch;
}

.gap-xs-0 {
  gap: 0;
}

.gap-x-xs-0 {
  column-gap: 0;
}

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

.gap-xs-4 {
  gap: var(--s-4);
}

.gap-x-xs-4 {
  column-gap: var(--s-4);
}

.gap-y-xs-4 {
  row-gap: var(--s-4);
}

.gap-xs-8 {
  gap: var(--s-8);
}

.gap-x-xs-8 {
  column-gap: var(--s-8);
}

.gap-y-xs-8 {
  row-gap: var(--s-8);
}

.gap-xs-12 {
  gap: var(--s-12);
}

.gap-x-xs-12 {
  column-gap: var(--s-12);
}

.gap-y-xs-12 {
  row-gap: var(--s-12);
}

.gap-xs-14 {
  gap: var(--s-14);
}

.gap-x-xs-14 {
  column-gap: var(--s-14);
}

.gap-y-xs-14 {
  row-gap: var(--s-14);
}

.gap-xs-16 {
  gap: var(--s-16);
}

.gap-x-xs-16 {
  column-gap: var(--s-16);
}

.gap-y-xs-16 {
  row-gap: var(--s-16);
}

.gap-xs-18 {
  gap: var(--s-18);
}

.gap-x-xs-18 {
  column-gap: var(--s-18);
}

.gap-y-xs-18 {
  row-gap: var(--s-18);
}

.gap-xs-20 {
  gap: var(--s-20);
}

.gap-x-xs-20 {
  column-gap: var(--s-20);
}

.gap-y-xs-20 {
  row-gap: var(--s-20);
}

.gap-xs-22 {
  gap: var(--s-22);
}

.gap-x-xs-22 {
  column-gap: var(--s-22);
}

.gap-y-xs-22 {
  row-gap: var(--s-22);
}

.gap-xs-24 {
  gap: var(--s-24);
}

.gap-x-xs-24 {
  column-gap: var(--s-24);
}

.gap-y-xs-24 {
  row-gap: var(--s-24);
}

.gap-xs-28 {
  gap: var(--s-28);
}

.gap-x-xs-28 {
  column-gap: var(--s-28);
}

.gap-y-xs-28 {
  row-gap: var(--s-28);
}

.gap-xs-32 {
  gap: var(--s-32);
}

.gap-x-xs-32 {
  column-gap: var(--s-32);
}

.gap-y-xs-32 {
  row-gap: var(--s-32);
}

.gap-xs-40 {
  gap: var(--s-40);
}

.gap-x-xs-40 {
  column-gap: var(--s-40);
}

.gap-y-xs-40 {
  row-gap: var(--s-40);
}

.gap-xs-45 {
  gap: var(--s-45);
}

.gap-x-xs-45 {
  column-gap: var(--s-45);
}

.gap-y-xs-45 {
  row-gap: var(--s-45);
}

.gap-xs-48 {
  gap: var(--s-48);
}

.gap-x-xs-48 {
  column-gap: var(--s-48);
}

.gap-y-xs-48 {
  row-gap: var(--s-48);
}

.gap-xs-56 {
  gap: var(--s-56);
}

.gap-x-xs-56 {
  column-gap: var(--s-56);
}

.gap-y-xs-56 {
  row-gap: var(--s-56);
}

.gap-xs-64 {
  gap: var(--s-64);
}

.gap-x-xs-64 {
  column-gap: var(--s-64);
}

.gap-y-xs-64 {
  row-gap: var(--s-64);
}

.gap-xs-72 {
  gap: var(--s-72);
}

.gap-x-xs-72 {
  column-gap: var(--s-72);
}

.gap-y-xs-72 {
  row-gap: var(--s-72);
}

.gap-xs-80 {
  gap: var(--s-80);
}

.gap-x-xs-80 {
  column-gap: var(--s-80);
}

.gap-y-xs-80 {
  row-gap: var(--s-80);
}

.gap-xs-90 {
  gap: var(--s-90);
}

.gap-x-xs-90 {
  column-gap: var(--s-90);
}

.gap-y-xs-90 {
  row-gap: var(--s-90);
}

.gap-xs-96 {
  gap: var(--s-96);
}

.gap-x-xs-96 {
  column-gap: var(--s-96);
}

.gap-y-xs-96 {
  row-gap: var(--s-96);
}

.gap-xs-104 {
  gap: var(--s-104);
}

.gap-x-xs-104 {
  column-gap: var(--s-104);
}

.gap-y-xs-104 {
  row-gap: var(--s-104);
}

.gap-xs-112 {
  gap: var(--s-112);
}

.gap-x-xs-112 {
  column-gap: var(--s-112);
}

.gap-y-xs-112 {
  row-gap: var(--s-112);
}

.gap-xs-120 {
  gap: var(--s-120);
}

.gap-x-xs-120 {
  column-gap: var(--s-120);
}

.gap-y-xs-120 {
  row-gap: var(--s-120);
}

.gap-xs-135 {
  gap: var(--s-135);
}

.gap-x-xs-135 {
  column-gap: var(--s-135);
}

.gap-y-xs-135 {
  row-gap: var(--s-135);
}

.gap-xs-144 {
  gap: var(--s-144);
}

.gap-x-xs-144 {
  column-gap: var(--s-144);
}

.gap-y-xs-144 {
  row-gap: var(--s-144);
}

.gap-xs-150 {
  gap: var(--s-150);
}

.gap-x-xs-150 {
  column-gap: var(--s-150);
}

.gap-y-xs-150 {
  row-gap: var(--s-150);
}

.gap-xs-160 {
  gap: var(--s-160);
}

.gap-x-xs-160 {
  column-gap: var(--s-160);
}

.gap-y-xs-160 {
  row-gap: var(--s-160);
}

.gap-xs-180 {
  gap: var(--s-180);
}

.gap-x-xs-180 {
  column-gap: var(--s-180);
}

.gap-y-xs-180 {
  row-gap: var(--s-180);
}

.gap-xs-200 {
  gap: var(--s-200);
}

.gap-x-xs-200 {
  column-gap: var(--s-200);
}

.gap-y-xs-200 {
  row-gap: var(--s-200);
}

.gap-xs-225 {
  gap: var(--s-225);
}

.gap-x-xs-225 {
  column-gap: var(--s-225);
}

.gap-y-xs-225 {
  row-gap: var(--s-225);
}

.gap-xs-240 {
  gap: var(--s-240);
}

.gap-x-xs-240 {
  column-gap: var(--s-240);
}

.gap-y-xs-240 {
  row-gap: var(--s-240);
}

.gap-xs-270 {
  gap: var(--s-270);
}

.gap-x-xs-270 {
  column-gap: var(--s-270);
}

.gap-y-xs-270 {
  row-gap: var(--s-270);
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.gap-0 {
  gap: 0;
}

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

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

.gap-4 {
  gap: var(--s-4);
}

.gap-x-4 {
  column-gap: var(--s-4);
}

.gap-y-4 {
  row-gap: var(--s-4);
}

.gap-8 {
  gap: var(--s-8);
}

.gap-x-8 {
  column-gap: var(--s-8);
}

.gap-y-8 {
  row-gap: var(--s-8);
}

.gap-12 {
  gap: var(--s-12);
}

.gap-x-12 {
  column-gap: var(--s-12);
}

.gap-y-12 {
  row-gap: var(--s-12);
}

.gap-14 {
  gap: var(--s-14);
}

.gap-x-14 {
  column-gap: var(--s-14);
}

.gap-y-14 {
  row-gap: var(--s-14);
}

.gap-16 {
  gap: var(--s-16);
}

.gap-x-16 {
  column-gap: var(--s-16);
}

.gap-y-16 {
  row-gap: var(--s-16);
}

.gap-18 {
  gap: var(--s-18);
}

.gap-x-18 {
  column-gap: var(--s-18);
}

.gap-y-18 {
  row-gap: var(--s-18);
}

.gap-20 {
  gap: var(--s-20);
}

.gap-x-20 {
  column-gap: var(--s-20);
}

.gap-y-20 {
  row-gap: var(--s-20);
}

.gap-22 {
  gap: var(--s-22);
}

.gap-x-22 {
  column-gap: var(--s-22);
}

.gap-y-22 {
  row-gap: var(--s-22);
}

.gap-24 {
  gap: var(--s-24);
}

.gap-x-24 {
  column-gap: var(--s-24);
}

.gap-y-24 {
  row-gap: var(--s-24);
}

.gap-28 {
  gap: var(--s-28);
}

.gap-x-28 {
  column-gap: var(--s-28);
}

.gap-y-28 {
  row-gap: var(--s-28);
}

.gap-32 {
  gap: var(--s-32);
}

.gap-x-32 {
  column-gap: var(--s-32);
}

.gap-y-32 {
  row-gap: var(--s-32);
}

.gap-40 {
  gap: var(--s-40);
}

.gap-x-40 {
  column-gap: var(--s-40);
}

.gap-y-40 {
  row-gap: var(--s-40);
}

.gap-45 {
  gap: var(--s-45);
}

.gap-x-45 {
  column-gap: var(--s-45);
}

.gap-y-45 {
  row-gap: var(--s-45);
}

.gap-48 {
  gap: var(--s-48);
}

.gap-x-48 {
  column-gap: var(--s-48);
}

.gap-y-48 {
  row-gap: var(--s-48);
}

.gap-56 {
  gap: var(--s-56);
}

.gap-x-56 {
  column-gap: var(--s-56);
}

.gap-y-56 {
  row-gap: var(--s-56);
}

.gap-64 {
  gap: var(--s-64);
}

.gap-x-64 {
  column-gap: var(--s-64);
}

.gap-y-64 {
  row-gap: var(--s-64);
}

.gap-72 {
  gap: var(--s-72);
}

.gap-x-72 {
  column-gap: var(--s-72);
}

.gap-y-72 {
  row-gap: var(--s-72);
}

.gap-80 {
  gap: var(--s-80);
}

.gap-x-80 {
  column-gap: var(--s-80);
}

.gap-y-80 {
  row-gap: var(--s-80);
}

.gap-90 {
  gap: var(--s-90);
}

.gap-x-90 {
  column-gap: var(--s-90);
}

.gap-y-90 {
  row-gap: var(--s-90);
}

.gap-96 {
  gap: var(--s-96);
}

.gap-x-96 {
  column-gap: var(--s-96);
}

.gap-y-96 {
  row-gap: var(--s-96);
}

.gap-104 {
  gap: var(--s-104);
}

.gap-x-104 {
  column-gap: var(--s-104);
}

.gap-y-104 {
  row-gap: var(--s-104);
}

.gap-112 {
  gap: var(--s-112);
}

.gap-x-112 {
  column-gap: var(--s-112);
}

.gap-y-112 {
  row-gap: var(--s-112);
}

.gap-120 {
  gap: var(--s-120);
}

.gap-x-120 {
  column-gap: var(--s-120);
}

.gap-y-120 {
  row-gap: var(--s-120);
}

.gap-135 {
  gap: var(--s-135);
}

.gap-x-135 {
  column-gap: var(--s-135);
}

.gap-y-135 {
  row-gap: var(--s-135);
}

.gap-144 {
  gap: var(--s-144);
}

.gap-x-144 {
  column-gap: var(--s-144);
}

.gap-y-144 {
  row-gap: var(--s-144);
}

.gap-150 {
  gap: var(--s-150);
}

.gap-x-150 {
  column-gap: var(--s-150);
}

.gap-y-150 {
  row-gap: var(--s-150);
}

.gap-160 {
  gap: var(--s-160);
}

.gap-x-160 {
  column-gap: var(--s-160);
}

.gap-y-160 {
  row-gap: var(--s-160);
}

.gap-180 {
  gap: var(--s-180);
}

.gap-x-180 {
  column-gap: var(--s-180);
}

.gap-y-180 {
  row-gap: var(--s-180);
}

.gap-200 {
  gap: var(--s-200);
}

.gap-x-200 {
  column-gap: var(--s-200);
}

.gap-y-200 {
  row-gap: var(--s-200);
}

.gap-225 {
  gap: var(--s-225);
}

.gap-x-225 {
  column-gap: var(--s-225);
}

.gap-y-225 {
  row-gap: var(--s-225);
}

.gap-240 {
  gap: var(--s-240);
}

.gap-x-240 {
  column-gap: var(--s-240);
}

.gap-y-240 {
  row-gap: var(--s-240);
}

.gap-270 {
  gap: var(--s-270);
}

.gap-x-270 {
  column-gap: var(--s-270);
}

.gap-y-270 {
  row-gap: var(--s-270);
}

@media only screen and (width >= 36em) {
  .container {
    width: 34rem;
  }

  .col-sm-offset-12, .col-sm-offset-11, .col-sm-offset-10, .col-sm-offset-9, .col-sm-offset-8, .col-sm-offset-7, .col-sm-offset-6, .col-sm-offset-5, .col-sm-offset-4, .col-sm-offset-3, .col-sm-offset-2, .col-sm-offset-1, .col-sm-offset-0, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-sm-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-sm-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-sm-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

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

  .center-sm {
    text-align: center;
    justify-content: center;
  }

  .end-sm {
    text-align: end;
    justify-content: flex-end;
  }

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

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

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

  .stretch-sm {
    align-items: stretch;
  }

  .around-sm {
    justify-content: space-around;
  }

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

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

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .grid-top-sm {
    align-items: start;
  }

  .grid-middle-sm {
    align-items: center;
  }

  .grid-bottom-sm {
    align-items: end;
  }

  .grid-stretch-sm {
    align-items: stretch;
  }

  .grid-left-sm {
    justify-items: start;
  }

  .grid-center-sm {
    justify-items: center;
  }

  .grid-right-sm {
    justify-items: end;
  }

  .grid-stretch-x-sm {
    justify-items: stretch;
  }

  .gap-sm-0 {
    gap: 0;
  }

  .gap-x-sm-0 {
    column-gap: 0;
  }

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

  .gap-sm-4 {
    gap: var(--s-4);
  }

  .gap-x-sm-4 {
    column-gap: var(--s-4);
  }

  .gap-y-sm-4 {
    row-gap: var(--s-4);
  }

  .gap-sm-8 {
    gap: var(--s-8);
  }

  .gap-x-sm-8 {
    column-gap: var(--s-8);
  }

  .gap-y-sm-8 {
    row-gap: var(--s-8);
  }

  .gap-sm-12 {
    gap: var(--s-12);
  }

  .gap-x-sm-12 {
    column-gap: var(--s-12);
  }

  .gap-y-sm-12 {
    row-gap: var(--s-12);
  }

  .gap-sm-14 {
    gap: var(--s-14);
  }

  .gap-x-sm-14 {
    column-gap: var(--s-14);
  }

  .gap-y-sm-14 {
    row-gap: var(--s-14);
  }

  .gap-sm-16 {
    gap: var(--s-16);
  }

  .gap-x-sm-16 {
    column-gap: var(--s-16);
  }

  .gap-y-sm-16 {
    row-gap: var(--s-16);
  }

  .gap-sm-18 {
    gap: var(--s-18);
  }

  .gap-x-sm-18 {
    column-gap: var(--s-18);
  }

  .gap-y-sm-18 {
    row-gap: var(--s-18);
  }

  .gap-sm-20 {
    gap: var(--s-20);
  }

  .gap-x-sm-20 {
    column-gap: var(--s-20);
  }

  .gap-y-sm-20 {
    row-gap: var(--s-20);
  }

  .gap-sm-22 {
    gap: var(--s-22);
  }

  .gap-x-sm-22 {
    column-gap: var(--s-22);
  }

  .gap-y-sm-22 {
    row-gap: var(--s-22);
  }

  .gap-sm-24 {
    gap: var(--s-24);
  }

  .gap-x-sm-24 {
    column-gap: var(--s-24);
  }

  .gap-y-sm-24 {
    row-gap: var(--s-24);
  }

  .gap-sm-28 {
    gap: var(--s-28);
  }

  .gap-x-sm-28 {
    column-gap: var(--s-28);
  }

  .gap-y-sm-28 {
    row-gap: var(--s-28);
  }

  .gap-sm-32 {
    gap: var(--s-32);
  }

  .gap-x-sm-32 {
    column-gap: var(--s-32);
  }

  .gap-y-sm-32 {
    row-gap: var(--s-32);
  }

  .gap-sm-40 {
    gap: var(--s-40);
  }

  .gap-x-sm-40 {
    column-gap: var(--s-40);
  }

  .gap-y-sm-40 {
    row-gap: var(--s-40);
  }

  .gap-sm-45 {
    gap: var(--s-45);
  }

  .gap-x-sm-45 {
    column-gap: var(--s-45);
  }

  .gap-y-sm-45 {
    row-gap: var(--s-45);
  }

  .gap-sm-48 {
    gap: var(--s-48);
  }

  .gap-x-sm-48 {
    column-gap: var(--s-48);
  }

  .gap-y-sm-48 {
    row-gap: var(--s-48);
  }

  .gap-sm-56 {
    gap: var(--s-56);
  }

  .gap-x-sm-56 {
    column-gap: var(--s-56);
  }

  .gap-y-sm-56 {
    row-gap: var(--s-56);
  }

  .gap-sm-64 {
    gap: var(--s-64);
  }

  .gap-x-sm-64 {
    column-gap: var(--s-64);
  }

  .gap-y-sm-64 {
    row-gap: var(--s-64);
  }

  .gap-sm-72 {
    gap: var(--s-72);
  }

  .gap-x-sm-72 {
    column-gap: var(--s-72);
  }

  .gap-y-sm-72 {
    row-gap: var(--s-72);
  }

  .gap-sm-80 {
    gap: var(--s-80);
  }

  .gap-x-sm-80 {
    column-gap: var(--s-80);
  }

  .gap-y-sm-80 {
    row-gap: var(--s-80);
  }

  .gap-sm-90 {
    gap: var(--s-90);
  }

  .gap-x-sm-90 {
    column-gap: var(--s-90);
  }

  .gap-y-sm-90 {
    row-gap: var(--s-90);
  }

  .gap-sm-96 {
    gap: var(--s-96);
  }

  .gap-x-sm-96 {
    column-gap: var(--s-96);
  }

  .gap-y-sm-96 {
    row-gap: var(--s-96);
  }

  .gap-sm-104 {
    gap: var(--s-104);
  }

  .gap-x-sm-104 {
    column-gap: var(--s-104);
  }

  .gap-y-sm-104 {
    row-gap: var(--s-104);
  }

  .gap-sm-112 {
    gap: var(--s-112);
  }

  .gap-x-sm-112 {
    column-gap: var(--s-112);
  }

  .gap-y-sm-112 {
    row-gap: var(--s-112);
  }

  .gap-sm-120 {
    gap: var(--s-120);
  }

  .gap-x-sm-120 {
    column-gap: var(--s-120);
  }

  .gap-y-sm-120 {
    row-gap: var(--s-120);
  }

  .gap-sm-135 {
    gap: var(--s-135);
  }

  .gap-x-sm-135 {
    column-gap: var(--s-135);
  }

  .gap-y-sm-135 {
    row-gap: var(--s-135);
  }

  .gap-sm-144 {
    gap: var(--s-144);
  }

  .gap-x-sm-144 {
    column-gap: var(--s-144);
  }

  .gap-y-sm-144 {
    row-gap: var(--s-144);
  }

  .gap-sm-150 {
    gap: var(--s-150);
  }

  .gap-x-sm-150 {
    column-gap: var(--s-150);
  }

  .gap-y-sm-150 {
    row-gap: var(--s-150);
  }

  .gap-sm-160 {
    gap: var(--s-160);
  }

  .gap-x-sm-160 {
    column-gap: var(--s-160);
  }

  .gap-y-sm-160 {
    row-gap: var(--s-160);
  }

  .gap-sm-180 {
    gap: var(--s-180);
  }

  .gap-x-sm-180 {
    column-gap: var(--s-180);
  }

  .gap-y-sm-180 {
    row-gap: var(--s-180);
  }

  .gap-sm-200 {
    gap: var(--s-200);
  }

  .gap-x-sm-200 {
    column-gap: var(--s-200);
  }

  .gap-y-sm-200 {
    row-gap: var(--s-200);
  }

  .gap-sm-225 {
    gap: var(--s-225);
  }

  .gap-x-sm-225 {
    column-gap: var(--s-225);
  }

  .gap-y-sm-225 {
    row-gap: var(--s-225);
  }

  .gap-sm-240 {
    gap: var(--s-240);
  }

  .gap-x-sm-240 {
    column-gap: var(--s-240);
  }

  .gap-y-sm-240 {
    row-gap: var(--s-240);
  }

  .gap-sm-270 {
    gap: var(--s-270);
  }

  .gap-x-sm-270 {
    column-gap: var(--s-270);
  }

  .gap-y-sm-270 {
    row-gap: var(--s-270);
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 48em) {
  .container {
    width: 45rem;
  }

  .col-md-offset-12, .col-md-offset-11, .col-md-offset-10, .col-md-offset-9, .col-md-offset-8, .col-md-offset-7, .col-md-offset-6, .col-md-offset-5, .col-md-offset-4, .col-md-offset-3, .col-md-offset-2, .col-md-offset-1, .col-md-offset-0, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-md-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-md-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-md-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

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

  .center-md {
    text-align: center;
    justify-content: center;
  }

  .end-md {
    text-align: end;
    justify-content: flex-end;
  }

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

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

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

  .stretch-md {
    align-items: stretch;
  }

  .around-md {
    justify-content: space-around;
  }

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

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

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .grid-top-md {
    align-items: start;
  }

  .grid-middle-md {
    align-items: center;
  }

  .grid-bottom-md {
    align-items: end;
  }

  .grid-stretch-md {
    align-items: stretch;
  }

  .grid-left-md {
    justify-items: start;
  }

  .grid-center-md {
    justify-items: center;
  }

  .grid-right-md {
    justify-items: end;
  }

  .grid-stretch-x-md {
    justify-items: stretch;
  }

  .gap-md-0 {
    gap: 0;
  }

  .gap-x-md-0 {
    column-gap: 0;
  }

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

  .gap-md-4 {
    gap: var(--s-4);
  }

  .gap-x-md-4 {
    column-gap: var(--s-4);
  }

  .gap-y-md-4 {
    row-gap: var(--s-4);
  }

  .gap-md-8 {
    gap: var(--s-8);
  }

  .gap-x-md-8 {
    column-gap: var(--s-8);
  }

  .gap-y-md-8 {
    row-gap: var(--s-8);
  }

  .gap-md-12 {
    gap: var(--s-12);
  }

  .gap-x-md-12 {
    column-gap: var(--s-12);
  }

  .gap-y-md-12 {
    row-gap: var(--s-12);
  }

  .gap-md-14 {
    gap: var(--s-14);
  }

  .gap-x-md-14 {
    column-gap: var(--s-14);
  }

  .gap-y-md-14 {
    row-gap: var(--s-14);
  }

  .gap-md-16 {
    gap: var(--s-16);
  }

  .gap-x-md-16 {
    column-gap: var(--s-16);
  }

  .gap-y-md-16 {
    row-gap: var(--s-16);
  }

  .gap-md-18 {
    gap: var(--s-18);
  }

  .gap-x-md-18 {
    column-gap: var(--s-18);
  }

  .gap-y-md-18 {
    row-gap: var(--s-18);
  }

  .gap-md-20 {
    gap: var(--s-20);
  }

  .gap-x-md-20 {
    column-gap: var(--s-20);
  }

  .gap-y-md-20 {
    row-gap: var(--s-20);
  }

  .gap-md-22 {
    gap: var(--s-22);
  }

  .gap-x-md-22 {
    column-gap: var(--s-22);
  }

  .gap-y-md-22 {
    row-gap: var(--s-22);
  }

  .gap-md-24 {
    gap: var(--s-24);
  }

  .gap-x-md-24 {
    column-gap: var(--s-24);
  }

  .gap-y-md-24 {
    row-gap: var(--s-24);
  }

  .gap-md-28 {
    gap: var(--s-28);
  }

  .gap-x-md-28 {
    column-gap: var(--s-28);
  }

  .gap-y-md-28 {
    row-gap: var(--s-28);
  }

  .gap-md-32 {
    gap: var(--s-32);
  }

  .gap-x-md-32 {
    column-gap: var(--s-32);
  }

  .gap-y-md-32 {
    row-gap: var(--s-32);
  }

  .gap-md-40 {
    gap: var(--s-40);
  }

  .gap-x-md-40 {
    column-gap: var(--s-40);
  }

  .gap-y-md-40 {
    row-gap: var(--s-40);
  }

  .gap-md-45 {
    gap: var(--s-45);
  }

  .gap-x-md-45 {
    column-gap: var(--s-45);
  }

  .gap-y-md-45 {
    row-gap: var(--s-45);
  }

  .gap-md-48 {
    gap: var(--s-48);
  }

  .gap-x-md-48 {
    column-gap: var(--s-48);
  }

  .gap-y-md-48 {
    row-gap: var(--s-48);
  }

  .gap-md-56 {
    gap: var(--s-56);
  }

  .gap-x-md-56 {
    column-gap: var(--s-56);
  }

  .gap-y-md-56 {
    row-gap: var(--s-56);
  }

  .gap-md-64 {
    gap: var(--s-64);
  }

  .gap-x-md-64 {
    column-gap: var(--s-64);
  }

  .gap-y-md-64 {
    row-gap: var(--s-64);
  }

  .gap-md-72 {
    gap: var(--s-72);
  }

  .gap-x-md-72 {
    column-gap: var(--s-72);
  }

  .gap-y-md-72 {
    row-gap: var(--s-72);
  }

  .gap-md-80 {
    gap: var(--s-80);
  }

  .gap-x-md-80 {
    column-gap: var(--s-80);
  }

  .gap-y-md-80 {
    row-gap: var(--s-80);
  }

  .gap-md-90 {
    gap: var(--s-90);
  }

  .gap-x-md-90 {
    column-gap: var(--s-90);
  }

  .gap-y-md-90 {
    row-gap: var(--s-90);
  }

  .gap-md-96 {
    gap: var(--s-96);
  }

  .gap-x-md-96 {
    column-gap: var(--s-96);
  }

  .gap-y-md-96 {
    row-gap: var(--s-96);
  }

  .gap-md-104 {
    gap: var(--s-104);
  }

  .gap-x-md-104 {
    column-gap: var(--s-104);
  }

  .gap-y-md-104 {
    row-gap: var(--s-104);
  }

  .gap-md-112 {
    gap: var(--s-112);
  }

  .gap-x-md-112 {
    column-gap: var(--s-112);
  }

  .gap-y-md-112 {
    row-gap: var(--s-112);
  }

  .gap-md-120 {
    gap: var(--s-120);
  }

  .gap-x-md-120 {
    column-gap: var(--s-120);
  }

  .gap-y-md-120 {
    row-gap: var(--s-120);
  }

  .gap-md-135 {
    gap: var(--s-135);
  }

  .gap-x-md-135 {
    column-gap: var(--s-135);
  }

  .gap-y-md-135 {
    row-gap: var(--s-135);
  }

  .gap-md-144 {
    gap: var(--s-144);
  }

  .gap-x-md-144 {
    column-gap: var(--s-144);
  }

  .gap-y-md-144 {
    row-gap: var(--s-144);
  }

  .gap-md-150 {
    gap: var(--s-150);
  }

  .gap-x-md-150 {
    column-gap: var(--s-150);
  }

  .gap-y-md-150 {
    row-gap: var(--s-150);
  }

  .gap-md-160 {
    gap: var(--s-160);
  }

  .gap-x-md-160 {
    column-gap: var(--s-160);
  }

  .gap-y-md-160 {
    row-gap: var(--s-160);
  }

  .gap-md-180 {
    gap: var(--s-180);
  }

  .gap-x-md-180 {
    column-gap: var(--s-180);
  }

  .gap-y-md-180 {
    row-gap: var(--s-180);
  }

  .gap-md-200 {
    gap: var(--s-200);
  }

  .gap-x-md-200 {
    column-gap: var(--s-200);
  }

  .gap-y-md-200 {
    row-gap: var(--s-200);
  }

  .gap-md-225 {
    gap: var(--s-225);
  }

  .gap-x-md-225 {
    column-gap: var(--s-225);
  }

  .gap-y-md-225 {
    row-gap: var(--s-225);
  }

  .gap-md-240 {
    gap: var(--s-240);
  }

  .gap-x-md-240 {
    column-gap: var(--s-240);
  }

  .gap-y-md-240 {
    row-gap: var(--s-240);
  }

  .gap-md-270 {
    gap: var(--s-270);
  }

  .gap-x-md-270 {
    column-gap: var(--s-270);
  }

  .gap-y-md-270 {
    row-gap: var(--s-270);
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 64em) {
  .container {
    width: 60rem;
  }

  .col-lg-offset-12, .col-lg-offset-11, .col-lg-offset-10, .col-lg-offset-9, .col-lg-offset-8, .col-lg-offset-7, .col-lg-offset-6, .col-lg-offset-5, .col-lg-offset-4, .col-lg-offset-3, .col-lg-offset-2, .col-lg-offset-1, .col-lg-offset-0, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-lg-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-lg-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-lg-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

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

  .center-lg {
    text-align: center;
    justify-content: center;
  }

  .end-lg {
    text-align: end;
    justify-content: flex-end;
  }

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

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

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

  .stretch-lg {
    align-items: stretch;
  }

  .around-lg {
    justify-content: space-around;
  }

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

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

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .grid-top-lg {
    align-items: start;
  }

  .grid-middle-lg {
    align-items: center;
  }

  .grid-bottom-lg {
    align-items: end;
  }

  .grid-stretch-lg {
    align-items: stretch;
  }

  .grid-left-lg {
    justify-items: start;
  }

  .grid-center-lg {
    justify-items: center;
  }

  .grid-right-lg {
    justify-items: end;
  }

  .grid-stretch-x-lg {
    justify-items: stretch;
  }

  .gap-lg-0 {
    gap: 0;
  }

  .gap-x-lg-0 {
    column-gap: 0;
  }

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

  .gap-lg-4 {
    gap: var(--s-4);
  }

  .gap-x-lg-4 {
    column-gap: var(--s-4);
  }

  .gap-y-lg-4 {
    row-gap: var(--s-4);
  }

  .gap-lg-8 {
    gap: var(--s-8);
  }

  .gap-x-lg-8 {
    column-gap: var(--s-8);
  }

  .gap-y-lg-8 {
    row-gap: var(--s-8);
  }

  .gap-lg-12 {
    gap: var(--s-12);
  }

  .gap-x-lg-12 {
    column-gap: var(--s-12);
  }

  .gap-y-lg-12 {
    row-gap: var(--s-12);
  }

  .gap-lg-14 {
    gap: var(--s-14);
  }

  .gap-x-lg-14 {
    column-gap: var(--s-14);
  }

  .gap-y-lg-14 {
    row-gap: var(--s-14);
  }

  .gap-lg-16 {
    gap: var(--s-16);
  }

  .gap-x-lg-16 {
    column-gap: var(--s-16);
  }

  .gap-y-lg-16 {
    row-gap: var(--s-16);
  }

  .gap-lg-18 {
    gap: var(--s-18);
  }

  .gap-x-lg-18 {
    column-gap: var(--s-18);
  }

  .gap-y-lg-18 {
    row-gap: var(--s-18);
  }

  .gap-lg-20 {
    gap: var(--s-20);
  }

  .gap-x-lg-20 {
    column-gap: var(--s-20);
  }

  .gap-y-lg-20 {
    row-gap: var(--s-20);
  }

  .gap-lg-22 {
    gap: var(--s-22);
  }

  .gap-x-lg-22 {
    column-gap: var(--s-22);
  }

  .gap-y-lg-22 {
    row-gap: var(--s-22);
  }

  .gap-lg-24 {
    gap: var(--s-24);
  }

  .gap-x-lg-24 {
    column-gap: var(--s-24);
  }

  .gap-y-lg-24 {
    row-gap: var(--s-24);
  }

  .gap-lg-28 {
    gap: var(--s-28);
  }

  .gap-x-lg-28 {
    column-gap: var(--s-28);
  }

  .gap-y-lg-28 {
    row-gap: var(--s-28);
  }

  .gap-lg-32 {
    gap: var(--s-32);
  }

  .gap-x-lg-32 {
    column-gap: var(--s-32);
  }

  .gap-y-lg-32 {
    row-gap: var(--s-32);
  }

  .gap-lg-40 {
    gap: var(--s-40);
  }

  .gap-x-lg-40 {
    column-gap: var(--s-40);
  }

  .gap-y-lg-40 {
    row-gap: var(--s-40);
  }

  .gap-lg-45 {
    gap: var(--s-45);
  }

  .gap-x-lg-45 {
    column-gap: var(--s-45);
  }

  .gap-y-lg-45 {
    row-gap: var(--s-45);
  }

  .gap-lg-48 {
    gap: var(--s-48);
  }

  .gap-x-lg-48 {
    column-gap: var(--s-48);
  }

  .gap-y-lg-48 {
    row-gap: var(--s-48);
  }

  .gap-lg-56 {
    gap: var(--s-56);
  }

  .gap-x-lg-56 {
    column-gap: var(--s-56);
  }

  .gap-y-lg-56 {
    row-gap: var(--s-56);
  }

  .gap-lg-64 {
    gap: var(--s-64);
  }

  .gap-x-lg-64 {
    column-gap: var(--s-64);
  }

  .gap-y-lg-64 {
    row-gap: var(--s-64);
  }

  .gap-lg-72 {
    gap: var(--s-72);
  }

  .gap-x-lg-72 {
    column-gap: var(--s-72);
  }

  .gap-y-lg-72 {
    row-gap: var(--s-72);
  }

  .gap-lg-80 {
    gap: var(--s-80);
  }

  .gap-x-lg-80 {
    column-gap: var(--s-80);
  }

  .gap-y-lg-80 {
    row-gap: var(--s-80);
  }

  .gap-lg-90 {
    gap: var(--s-90);
  }

  .gap-x-lg-90 {
    column-gap: var(--s-90);
  }

  .gap-y-lg-90 {
    row-gap: var(--s-90);
  }

  .gap-lg-96 {
    gap: var(--s-96);
  }

  .gap-x-lg-96 {
    column-gap: var(--s-96);
  }

  .gap-y-lg-96 {
    row-gap: var(--s-96);
  }

  .gap-lg-104 {
    gap: var(--s-104);
  }

  .gap-x-lg-104 {
    column-gap: var(--s-104);
  }

  .gap-y-lg-104 {
    row-gap: var(--s-104);
  }

  .gap-lg-112 {
    gap: var(--s-112);
  }

  .gap-x-lg-112 {
    column-gap: var(--s-112);
  }

  .gap-y-lg-112 {
    row-gap: var(--s-112);
  }

  .gap-lg-120 {
    gap: var(--s-120);
  }

  .gap-x-lg-120 {
    column-gap: var(--s-120);
  }

  .gap-y-lg-120 {
    row-gap: var(--s-120);
  }

  .gap-lg-135 {
    gap: var(--s-135);
  }

  .gap-x-lg-135 {
    column-gap: var(--s-135);
  }

  .gap-y-lg-135 {
    row-gap: var(--s-135);
  }

  .gap-lg-144 {
    gap: var(--s-144);
  }

  .gap-x-lg-144 {
    column-gap: var(--s-144);
  }

  .gap-y-lg-144 {
    row-gap: var(--s-144);
  }

  .gap-lg-150 {
    gap: var(--s-150);
  }

  .gap-x-lg-150 {
    column-gap: var(--s-150);
  }

  .gap-y-lg-150 {
    row-gap: var(--s-150);
  }

  .gap-lg-160 {
    gap: var(--s-160);
  }

  .gap-x-lg-160 {
    column-gap: var(--s-160);
  }

  .gap-y-lg-160 {
    row-gap: var(--s-160);
  }

  .gap-lg-180 {
    gap: var(--s-180);
  }

  .gap-x-lg-180 {
    column-gap: var(--s-180);
  }

  .gap-y-lg-180 {
    row-gap: var(--s-180);
  }

  .gap-lg-200 {
    gap: var(--s-200);
  }

  .gap-x-lg-200 {
    column-gap: var(--s-200);
  }

  .gap-y-lg-200 {
    row-gap: var(--s-200);
  }

  .gap-lg-225 {
    gap: var(--s-225);
  }

  .gap-x-lg-225 {
    column-gap: var(--s-225);
  }

  .gap-y-lg-225 {
    row-gap: var(--s-225);
  }

  .gap-lg-240 {
    gap: var(--s-240);
  }

  .gap-x-lg-240 {
    column-gap: var(--s-240);
  }

  .gap-y-lg-240 {
    row-gap: var(--s-240);
  }

  .gap-lg-270 {
    gap: var(--s-270);
  }

  .gap-x-lg-270 {
    column-gap: var(--s-270);
  }

  .gap-y-lg-270 {
    row-gap: var(--s-270);
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 82.5em) {
  .container {
    width: 77.5rem;
  }

  .col-xl-offset-12, .col-xl-offset-11, .col-xl-offset-10, .col-xl-offset-9, .col-xl-offset-8, .col-xl-offset-7, .col-xl-offset-6, .col-xl-offset-5, .col-xl-offset-4, .col-xl-offset-3, .col-xl-offset-2, .col-xl-offset-1, .col-xl-offset-0, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xl-offset-0 {
    margin-left: 0%;
  }

  .col-xl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xl-offset-2 {
    margin-left: 16.6667%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-4 {
    margin-left: 33.3333%;
  }

  .col-xl-offset-5 {
    margin-left: 41.6667%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-7 {
    margin-left: 58.3333%;
  }

  .col-xl-offset-8 {
    margin-left: 66.6667%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-10 {
    margin-left: 83.3333%;
  }

  .col-xl-offset-11 {
    margin-left: 91.6667%;
  }

  .col-xl-offset-12 {
    margin-left: 100%;
  }

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

  .center-xl {
    text-align: center;
    justify-content: center;
  }

  .end-xl {
    text-align: end;
    justify-content: flex-end;
  }

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

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

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

  .stretch-xl {
    align-items: stretch;
  }

  .around-xl {
    justify-content: space-around;
  }

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

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

  .first-xl {
    order: -1;
  }

  .last-xl {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .grid-top-xl {
    align-items: start;
  }

  .grid-middle-xl {
    align-items: center;
  }

  .grid-bottom-xl {
    align-items: end;
  }

  .grid-stretch-xl {
    align-items: stretch;
  }

  .grid-left-xl {
    justify-items: start;
  }

  .grid-center-xl {
    justify-items: center;
  }

  .grid-right-xl {
    justify-items: end;
  }

  .grid-stretch-x-xl {
    justify-items: stretch;
  }

  .gap-xl-0 {
    gap: 0;
  }

  .gap-x-xl-0 {
    column-gap: 0;
  }

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

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

  .gap-x-xl-4 {
    column-gap: var(--s-4);
  }

  .gap-y-xl-4 {
    row-gap: var(--s-4);
  }

  .gap-xl-8 {
    gap: var(--s-8);
  }

  .gap-x-xl-8 {
    column-gap: var(--s-8);
  }

  .gap-y-xl-8 {
    row-gap: var(--s-8);
  }

  .gap-xl-12 {
    gap: var(--s-12);
  }

  .gap-x-xl-12 {
    column-gap: var(--s-12);
  }

  .gap-y-xl-12 {
    row-gap: var(--s-12);
  }

  .gap-xl-14 {
    gap: var(--s-14);
  }

  .gap-x-xl-14 {
    column-gap: var(--s-14);
  }

  .gap-y-xl-14 {
    row-gap: var(--s-14);
  }

  .gap-xl-16 {
    gap: var(--s-16);
  }

  .gap-x-xl-16 {
    column-gap: var(--s-16);
  }

  .gap-y-xl-16 {
    row-gap: var(--s-16);
  }

  .gap-xl-18 {
    gap: var(--s-18);
  }

  .gap-x-xl-18 {
    column-gap: var(--s-18);
  }

  .gap-y-xl-18 {
    row-gap: var(--s-18);
  }

  .gap-xl-20 {
    gap: var(--s-20);
  }

  .gap-x-xl-20 {
    column-gap: var(--s-20);
  }

  .gap-y-xl-20 {
    row-gap: var(--s-20);
  }

  .gap-xl-22 {
    gap: var(--s-22);
  }

  .gap-x-xl-22 {
    column-gap: var(--s-22);
  }

  .gap-y-xl-22 {
    row-gap: var(--s-22);
  }

  .gap-xl-24 {
    gap: var(--s-24);
  }

  .gap-x-xl-24 {
    column-gap: var(--s-24);
  }

  .gap-y-xl-24 {
    row-gap: var(--s-24);
  }

  .gap-xl-28 {
    gap: var(--s-28);
  }

  .gap-x-xl-28 {
    column-gap: var(--s-28);
  }

  .gap-y-xl-28 {
    row-gap: var(--s-28);
  }

  .gap-xl-32 {
    gap: var(--s-32);
  }

  .gap-x-xl-32 {
    column-gap: var(--s-32);
  }

  .gap-y-xl-32 {
    row-gap: var(--s-32);
  }

  .gap-xl-40 {
    gap: var(--s-40);
  }

  .gap-x-xl-40 {
    column-gap: var(--s-40);
  }

  .gap-y-xl-40 {
    row-gap: var(--s-40);
  }

  .gap-xl-45 {
    gap: var(--s-45);
  }

  .gap-x-xl-45 {
    column-gap: var(--s-45);
  }

  .gap-y-xl-45 {
    row-gap: var(--s-45);
  }

  .gap-xl-48 {
    gap: var(--s-48);
  }

  .gap-x-xl-48 {
    column-gap: var(--s-48);
  }

  .gap-y-xl-48 {
    row-gap: var(--s-48);
  }

  .gap-xl-56 {
    gap: var(--s-56);
  }

  .gap-x-xl-56 {
    column-gap: var(--s-56);
  }

  .gap-y-xl-56 {
    row-gap: var(--s-56);
  }

  .gap-xl-64 {
    gap: var(--s-64);
  }

  .gap-x-xl-64 {
    column-gap: var(--s-64);
  }

  .gap-y-xl-64 {
    row-gap: var(--s-64);
  }

  .gap-xl-72 {
    gap: var(--s-72);
  }

  .gap-x-xl-72 {
    column-gap: var(--s-72);
  }

  .gap-y-xl-72 {
    row-gap: var(--s-72);
  }

  .gap-xl-80 {
    gap: var(--s-80);
  }

  .gap-x-xl-80 {
    column-gap: var(--s-80);
  }

  .gap-y-xl-80 {
    row-gap: var(--s-80);
  }

  .gap-xl-90 {
    gap: var(--s-90);
  }

  .gap-x-xl-90 {
    column-gap: var(--s-90);
  }

  .gap-y-xl-90 {
    row-gap: var(--s-90);
  }

  .gap-xl-96 {
    gap: var(--s-96);
  }

  .gap-x-xl-96 {
    column-gap: var(--s-96);
  }

  .gap-y-xl-96 {
    row-gap: var(--s-96);
  }

  .gap-xl-104 {
    gap: var(--s-104);
  }

  .gap-x-xl-104 {
    column-gap: var(--s-104);
  }

  .gap-y-xl-104 {
    row-gap: var(--s-104);
  }

  .gap-xl-112 {
    gap: var(--s-112);
  }

  .gap-x-xl-112 {
    column-gap: var(--s-112);
  }

  .gap-y-xl-112 {
    row-gap: var(--s-112);
  }

  .gap-xl-120 {
    gap: var(--s-120);
  }

  .gap-x-xl-120 {
    column-gap: var(--s-120);
  }

  .gap-y-xl-120 {
    row-gap: var(--s-120);
  }

  .gap-xl-135 {
    gap: var(--s-135);
  }

  .gap-x-xl-135 {
    column-gap: var(--s-135);
  }

  .gap-y-xl-135 {
    row-gap: var(--s-135);
  }

  .gap-xl-144 {
    gap: var(--s-144);
  }

  .gap-x-xl-144 {
    column-gap: var(--s-144);
  }

  .gap-y-xl-144 {
    row-gap: var(--s-144);
  }

  .gap-xl-150 {
    gap: var(--s-150);
  }

  .gap-x-xl-150 {
    column-gap: var(--s-150);
  }

  .gap-y-xl-150 {
    row-gap: var(--s-150);
  }

  .gap-xl-160 {
    gap: var(--s-160);
  }

  .gap-x-xl-160 {
    column-gap: var(--s-160);
  }

  .gap-y-xl-160 {
    row-gap: var(--s-160);
  }

  .gap-xl-180 {
    gap: var(--s-180);
  }

  .gap-x-xl-180 {
    column-gap: var(--s-180);
  }

  .gap-y-xl-180 {
    row-gap: var(--s-180);
  }

  .gap-xl-200 {
    gap: var(--s-200);
  }

  .gap-x-xl-200 {
    column-gap: var(--s-200);
  }

  .gap-y-xl-200 {
    row-gap: var(--s-200);
  }

  .gap-xl-225 {
    gap: var(--s-225);
  }

  .gap-x-xl-225 {
    column-gap: var(--s-225);
  }

  .gap-y-xl-225 {
    row-gap: var(--s-225);
  }

  .gap-xl-240 {
    gap: var(--s-240);
  }

  .gap-x-xl-240 {
    column-gap: var(--s-240);
  }

  .gap-y-xl-240 {
    row-gap: var(--s-240);
  }

  .gap-xl-270 {
    gap: var(--s-270);
  }

  .gap-x-xl-270 {
    column-gap: var(--s-270);
  }

  .gap-y-xl-270 {
    row-gap: var(--s-270);
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 100em) {
  .container {
    width: 95rem;
  }

  .col-xxl-offset-12, .col-xxl-offset-11, .col-xxl-offset-10, .col-xxl-offset-9, .col-xxl-offset-8, .col-xxl-offset-7, .col-xxl-offset-6, .col-xxl-offset-5, .col-xxl-offset-4, .col-xxl-offset-3, .col-xxl-offset-2, .col-xxl-offset-1, .col-xxl-offset-0, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xxl {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-xxl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xxl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xxl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xxl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xxl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xxl-offset-0 {
    margin-left: 0%;
  }

  .col-xxl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xxl-offset-2 {
    margin-left: 16.6667%;
  }

  .col-xxl-offset-3 {
    margin-left: 25%;
  }

  .col-xxl-offset-4 {
    margin-left: 33.3333%;
  }

  .col-xxl-offset-5 {
    margin-left: 41.6667%;
  }

  .col-xxl-offset-6 {
    margin-left: 50%;
  }

  .col-xxl-offset-7 {
    margin-left: 58.3333%;
  }

  .col-xxl-offset-8 {
    margin-left: 66.6667%;
  }

  .col-xxl-offset-9 {
    margin-left: 75%;
  }

  .col-xxl-offset-10 {
    margin-left: 83.3333%;
  }

  .col-xxl-offset-11 {
    margin-left: 91.6667%;
  }

  .col-xxl-offset-12 {
    margin-left: 100%;
  }

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

  .center-xxl {
    text-align: center;
    justify-content: center;
  }

  .end-xxl {
    text-align: end;
    justify-content: flex-end;
  }

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

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

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

  .stretch-xxl {
    align-items: stretch;
  }

  .around-xxl {
    justify-content: space-around;
  }

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

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

  .first-xxl {
    order: -1;
  }

  .last-xxl {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .grid-top-xxl {
    align-items: start;
  }

  .grid-middle-xxl {
    align-items: center;
  }

  .grid-bottom-xxl {
    align-items: end;
  }

  .grid-stretch-xxl {
    align-items: stretch;
  }

  .grid-left-xxl {
    justify-items: start;
  }

  .grid-center-xxl {
    justify-items: center;
  }

  .grid-right-xxl {
    justify-items: end;
  }

  .grid-stretch-x-xxl {
    justify-items: stretch;
  }

  .gap-xxl-0 {
    gap: 0;
  }

  .gap-x-xxl-0 {
    column-gap: 0;
  }

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

  .gap-xxl-4 {
    gap: var(--s-4);
  }

  .gap-x-xxl-4 {
    column-gap: var(--s-4);
  }

  .gap-y-xxl-4 {
    row-gap: var(--s-4);
  }

  .gap-xxl-8 {
    gap: var(--s-8);
  }

  .gap-x-xxl-8 {
    column-gap: var(--s-8);
  }

  .gap-y-xxl-8 {
    row-gap: var(--s-8);
  }

  .gap-xxl-12 {
    gap: var(--s-12);
  }

  .gap-x-xxl-12 {
    column-gap: var(--s-12);
  }

  .gap-y-xxl-12 {
    row-gap: var(--s-12);
  }

  .gap-xxl-14 {
    gap: var(--s-14);
  }

  .gap-x-xxl-14 {
    column-gap: var(--s-14);
  }

  .gap-y-xxl-14 {
    row-gap: var(--s-14);
  }

  .gap-xxl-16 {
    gap: var(--s-16);
  }

  .gap-x-xxl-16 {
    column-gap: var(--s-16);
  }

  .gap-y-xxl-16 {
    row-gap: var(--s-16);
  }

  .gap-xxl-18 {
    gap: var(--s-18);
  }

  .gap-x-xxl-18 {
    column-gap: var(--s-18);
  }

  .gap-y-xxl-18 {
    row-gap: var(--s-18);
  }

  .gap-xxl-20 {
    gap: var(--s-20);
  }

  .gap-x-xxl-20 {
    column-gap: var(--s-20);
  }

  .gap-y-xxl-20 {
    row-gap: var(--s-20);
  }

  .gap-xxl-22 {
    gap: var(--s-22);
  }

  .gap-x-xxl-22 {
    column-gap: var(--s-22);
  }

  .gap-y-xxl-22 {
    row-gap: var(--s-22);
  }

  .gap-xxl-24 {
    gap: var(--s-24);
  }

  .gap-x-xxl-24 {
    column-gap: var(--s-24);
  }

  .gap-y-xxl-24 {
    row-gap: var(--s-24);
  }

  .gap-xxl-28 {
    gap: var(--s-28);
  }

  .gap-x-xxl-28 {
    column-gap: var(--s-28);
  }

  .gap-y-xxl-28 {
    row-gap: var(--s-28);
  }

  .gap-xxl-32 {
    gap: var(--s-32);
  }

  .gap-x-xxl-32 {
    column-gap: var(--s-32);
  }

  .gap-y-xxl-32 {
    row-gap: var(--s-32);
  }

  .gap-xxl-40 {
    gap: var(--s-40);
  }

  .gap-x-xxl-40 {
    column-gap: var(--s-40);
  }

  .gap-y-xxl-40 {
    row-gap: var(--s-40);
  }

  .gap-xxl-45 {
    gap: var(--s-45);
  }

  .gap-x-xxl-45 {
    column-gap: var(--s-45);
  }

  .gap-y-xxl-45 {
    row-gap: var(--s-45);
  }

  .gap-xxl-48 {
    gap: var(--s-48);
  }

  .gap-x-xxl-48 {
    column-gap: var(--s-48);
  }

  .gap-y-xxl-48 {
    row-gap: var(--s-48);
  }

  .gap-xxl-56 {
    gap: var(--s-56);
  }

  .gap-x-xxl-56 {
    column-gap: var(--s-56);
  }

  .gap-y-xxl-56 {
    row-gap: var(--s-56);
  }

  .gap-xxl-64 {
    gap: var(--s-64);
  }

  .gap-x-xxl-64 {
    column-gap: var(--s-64);
  }

  .gap-y-xxl-64 {
    row-gap: var(--s-64);
  }

  .gap-xxl-72 {
    gap: var(--s-72);
  }

  .gap-x-xxl-72 {
    column-gap: var(--s-72);
  }

  .gap-y-xxl-72 {
    row-gap: var(--s-72);
  }

  .gap-xxl-80 {
    gap: var(--s-80);
  }

  .gap-x-xxl-80 {
    column-gap: var(--s-80);
  }

  .gap-y-xxl-80 {
    row-gap: var(--s-80);
  }

  .gap-xxl-90 {
    gap: var(--s-90);
  }

  .gap-x-xxl-90 {
    column-gap: var(--s-90);
  }

  .gap-y-xxl-90 {
    row-gap: var(--s-90);
  }

  .gap-xxl-96 {
    gap: var(--s-96);
  }

  .gap-x-xxl-96 {
    column-gap: var(--s-96);
  }

  .gap-y-xxl-96 {
    row-gap: var(--s-96);
  }

  .gap-xxl-104 {
    gap: var(--s-104);
  }

  .gap-x-xxl-104 {
    column-gap: var(--s-104);
  }

  .gap-y-xxl-104 {
    row-gap: var(--s-104);
  }

  .gap-xxl-112 {
    gap: var(--s-112);
  }

  .gap-x-xxl-112 {
    column-gap: var(--s-112);
  }

  .gap-y-xxl-112 {
    row-gap: var(--s-112);
  }

  .gap-xxl-120 {
    gap: var(--s-120);
  }

  .gap-x-xxl-120 {
    column-gap: var(--s-120);
  }

  .gap-y-xxl-120 {
    row-gap: var(--s-120);
  }

  .gap-xxl-135 {
    gap: var(--s-135);
  }

  .gap-x-xxl-135 {
    column-gap: var(--s-135);
  }

  .gap-y-xxl-135 {
    row-gap: var(--s-135);
  }

  .gap-xxl-144 {
    gap: var(--s-144);
  }

  .gap-x-xxl-144 {
    column-gap: var(--s-144);
  }

  .gap-y-xxl-144 {
    row-gap: var(--s-144);
  }

  .gap-xxl-150 {
    gap: var(--s-150);
  }

  .gap-x-xxl-150 {
    column-gap: var(--s-150);
  }

  .gap-y-xxl-150 {
    row-gap: var(--s-150);
  }

  .gap-xxl-160 {
    gap: var(--s-160);
  }

  .gap-x-xxl-160 {
    column-gap: var(--s-160);
  }

  .gap-y-xxl-160 {
    row-gap: var(--s-160);
  }

  .gap-xxl-180 {
    gap: var(--s-180);
  }

  .gap-x-xxl-180 {
    column-gap: var(--s-180);
  }

  .gap-y-xxl-180 {
    row-gap: var(--s-180);
  }

  .gap-xxl-200 {
    gap: var(--s-200);
  }

  .gap-x-xxl-200 {
    column-gap: var(--s-200);
  }

  .gap-y-xxl-200 {
    row-gap: var(--s-200);
  }

  .gap-xxl-225 {
    gap: var(--s-225);
  }

  .gap-x-xxl-225 {
    column-gap: var(--s-225);
  }

  .gap-y-xxl-225 {
    row-gap: var(--s-225);
  }

  .gap-xxl-240 {
    gap: var(--s-240);
  }

  .gap-x-xxl-240 {
    column-gap: var(--s-240);
  }

  .gap-y-xxl-240 {
    row-gap: var(--s-240);
  }

  .gap-xxl-270 {
    gap: var(--s-270);
  }

  .gap-x-xxl-270 {
    column-gap: var(--s-270);
  }

  .gap-y-xxl-270 {
    row-gap: var(--s-270);
  }

  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width >= 120em) {
  .container {
    width: 115rem;
  }

  .col-xxxl-offset-12, .col-xxxl-offset-11, .col-xxxl-offset-10, .col-xxxl-offset-9, .col-xxxl-offset-8, .col-xxxl-offset-7, .col-xxxl-offset-6, .col-xxxl-offset-5, .col-xxxl-offset-4, .col-xxxl-offset-3, .col-xxxl-offset-2, .col-xxxl-offset-1, .col-xxxl-offset-0, .col-xxxl-12, .col-xxxl-11, .col-xxxl-10, .col-xxxl-9, .col-xxxl-8, .col-xxxl-7, .col-xxxl-6, .col-xxxl-5, .col-xxxl-4, .col-xxxl-3, .col-xxxl-2, .col-xxxl-1, .col-xxxl {
    box-sizing: border-box;
    padding-right: var(--s-16);
    padding-left: var(--s-16);
    flex: none;
  }

  .col-xxxl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xxxl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxxl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xxxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xxxl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xxxl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xxxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xxxl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xxxl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xxxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xxxl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xxxl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xxxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xxxl-offset-0 {
    margin-left: 0%;
  }

  .col-xxxl-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xxxl-offset-2 {
    margin-left: 16.6667%;
  }

  .col-xxxl-offset-3 {
    margin-left: 25%;
  }

  .col-xxxl-offset-4 {
    margin-left: 33.3333%;
  }

  .col-xxxl-offset-5 {
    margin-left: 41.6667%;
  }

  .col-xxxl-offset-6 {
    margin-left: 50%;
  }

  .col-xxxl-offset-7 {
    margin-left: 58.3333%;
  }

  .col-xxxl-offset-8 {
    margin-left: 66.6667%;
  }

  .col-xxxl-offset-9 {
    margin-left: 75%;
  }

  .col-xxxl-offset-10 {
    margin-left: 83.3333%;
  }

  .col-xxxl-offset-11 {
    margin-left: 91.6667%;
  }

  .col-xxxl-offset-12 {
    margin-left: 100%;
  }

  .start-xxxl {
    text-align: start;
    justify-content: flex-start;
  }

  .center-xxxl {
    text-align: center;
    justify-content: center;
  }

  .end-xxxl {
    text-align: end;
    justify-content: flex-end;
  }

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

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

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

  .stretch-xxxl {
    align-items: stretch;
  }

  .around-xxxl {
    justify-content: space-around;
  }

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

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

  .first-xxxl {
    order: -1;
  }

  .last-xxxl {
    order: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .grid-top-xxxl {
    align-items: start;
  }

  .grid-middle-xxxl {
    align-items: center;
  }

  .grid-bottom-xxxl {
    align-items: end;
  }

  .grid-stretch-xxxl {
    align-items: stretch;
  }

  .grid-left-xxxl {
    justify-items: start;
  }

  .grid-center-xxxl {
    justify-items: center;
  }

  .grid-right-xxxl {
    justify-items: end;
  }

  .grid-stretch-x-xxxl {
    justify-items: stretch;
  }

  .gap-xxxl-0 {
    gap: 0;
  }

  .gap-x-xxxl-0 {
    column-gap: 0;
  }

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

  .gap-xxxl-4 {
    gap: var(--s-4);
  }

  .gap-x-xxxl-4 {
    column-gap: var(--s-4);
  }

  .gap-y-xxxl-4 {
    row-gap: var(--s-4);
  }

  .gap-xxxl-8 {
    gap: var(--s-8);
  }

  .gap-x-xxxl-8 {
    column-gap: var(--s-8);
  }

  .gap-y-xxxl-8 {
    row-gap: var(--s-8);
  }

  .gap-xxxl-12 {
    gap: var(--s-12);
  }

  .gap-x-xxxl-12 {
    column-gap: var(--s-12);
  }

  .gap-y-xxxl-12 {
    row-gap: var(--s-12);
  }

  .gap-xxxl-14 {
    gap: var(--s-14);
  }

  .gap-x-xxxl-14 {
    column-gap: var(--s-14);
  }

  .gap-y-xxxl-14 {
    row-gap: var(--s-14);
  }

  .gap-xxxl-16 {
    gap: var(--s-16);
  }

  .gap-x-xxxl-16 {
    column-gap: var(--s-16);
  }

  .gap-y-xxxl-16 {
    row-gap: var(--s-16);
  }

  .gap-xxxl-18 {
    gap: var(--s-18);
  }

  .gap-x-xxxl-18 {
    column-gap: var(--s-18);
  }

  .gap-y-xxxl-18 {
    row-gap: var(--s-18);
  }

  .gap-xxxl-20 {
    gap: var(--s-20);
  }

  .gap-x-xxxl-20 {
    column-gap: var(--s-20);
  }

  .gap-y-xxxl-20 {
    row-gap: var(--s-20);
  }

  .gap-xxxl-22 {
    gap: var(--s-22);
  }

  .gap-x-xxxl-22 {
    column-gap: var(--s-22);
  }

  .gap-y-xxxl-22 {
    row-gap: var(--s-22);
  }

  .gap-xxxl-24 {
    gap: var(--s-24);
  }

  .gap-x-xxxl-24 {
    column-gap: var(--s-24);
  }

  .gap-y-xxxl-24 {
    row-gap: var(--s-24);
  }

  .gap-xxxl-28 {
    gap: var(--s-28);
  }

  .gap-x-xxxl-28 {
    column-gap: var(--s-28);
  }

  .gap-y-xxxl-28 {
    row-gap: var(--s-28);
  }

  .gap-xxxl-32 {
    gap: var(--s-32);
  }

  .gap-x-xxxl-32 {
    column-gap: var(--s-32);
  }

  .gap-y-xxxl-32 {
    row-gap: var(--s-32);
  }

  .gap-xxxl-40 {
    gap: var(--s-40);
  }

  .gap-x-xxxl-40 {
    column-gap: var(--s-40);
  }

  .gap-y-xxxl-40 {
    row-gap: var(--s-40);
  }

  .gap-xxxl-45 {
    gap: var(--s-45);
  }

  .gap-x-xxxl-45 {
    column-gap: var(--s-45);
  }

  .gap-y-xxxl-45 {
    row-gap: var(--s-45);
  }

  .gap-xxxl-48 {
    gap: var(--s-48);
  }

  .gap-x-xxxl-48 {
    column-gap: var(--s-48);
  }

  .gap-y-xxxl-48 {
    row-gap: var(--s-48);
  }

  .gap-xxxl-56 {
    gap: var(--s-56);
  }

  .gap-x-xxxl-56 {
    column-gap: var(--s-56);
  }

  .gap-y-xxxl-56 {
    row-gap: var(--s-56);
  }

  .gap-xxxl-64 {
    gap: var(--s-64);
  }

  .gap-x-xxxl-64 {
    column-gap: var(--s-64);
  }

  .gap-y-xxxl-64 {
    row-gap: var(--s-64);
  }

  .gap-xxxl-72 {
    gap: var(--s-72);
  }

  .gap-x-xxxl-72 {
    column-gap: var(--s-72);
  }

  .gap-y-xxxl-72 {
    row-gap: var(--s-72);
  }

  .gap-xxxl-80 {
    gap: var(--s-80);
  }

  .gap-x-xxxl-80 {
    column-gap: var(--s-80);
  }

  .gap-y-xxxl-80 {
    row-gap: var(--s-80);
  }

  .gap-xxxl-90 {
    gap: var(--s-90);
  }

  .gap-x-xxxl-90 {
    column-gap: var(--s-90);
  }

  .gap-y-xxxl-90 {
    row-gap: var(--s-90);
  }

  .gap-xxxl-96 {
    gap: var(--s-96);
  }

  .gap-x-xxxl-96 {
    column-gap: var(--s-96);
  }

  .gap-y-xxxl-96 {
    row-gap: var(--s-96);
  }

  .gap-xxxl-104 {
    gap: var(--s-104);
  }

  .gap-x-xxxl-104 {
    column-gap: var(--s-104);
  }

  .gap-y-xxxl-104 {
    row-gap: var(--s-104);
  }

  .gap-xxxl-112 {
    gap: var(--s-112);
  }

  .gap-x-xxxl-112 {
    column-gap: var(--s-112);
  }

  .gap-y-xxxl-112 {
    row-gap: var(--s-112);
  }

  .gap-xxxl-120 {
    gap: var(--s-120);
  }

  .gap-x-xxxl-120 {
    column-gap: var(--s-120);
  }

  .gap-y-xxxl-120 {
    row-gap: var(--s-120);
  }

  .gap-xxxl-135 {
    gap: var(--s-135);
  }

  .gap-x-xxxl-135 {
    column-gap: var(--s-135);
  }

  .gap-y-xxxl-135 {
    row-gap: var(--s-135);
  }

  .gap-xxxl-144 {
    gap: var(--s-144);
  }

  .gap-x-xxxl-144 {
    column-gap: var(--s-144);
  }

  .gap-y-xxxl-144 {
    row-gap: var(--s-144);
  }

  .gap-xxxl-150 {
    gap: var(--s-150);
  }

  .gap-x-xxxl-150 {
    column-gap: var(--s-150);
  }

  .gap-y-xxxl-150 {
    row-gap: var(--s-150);
  }

  .gap-xxxl-160 {
    gap: var(--s-160);
  }

  .gap-x-xxxl-160 {
    column-gap: var(--s-160);
  }

  .gap-y-xxxl-160 {
    row-gap: var(--s-160);
  }

  .gap-xxxl-180 {
    gap: var(--s-180);
  }

  .gap-x-xxxl-180 {
    column-gap: var(--s-180);
  }

  .gap-y-xxxl-180 {
    row-gap: var(--s-180);
  }

  .gap-xxxl-200 {
    gap: var(--s-200);
  }

  .gap-x-xxxl-200 {
    column-gap: var(--s-200);
  }

  .gap-y-xxxl-200 {
    row-gap: var(--s-200);
  }

  .gap-xxxl-225 {
    gap: var(--s-225);
  }

  .gap-x-xxxl-225 {
    column-gap: var(--s-225);
  }

  .gap-y-xxxl-225 {
    row-gap: var(--s-225);
  }

  .gap-xxxl-240 {
    gap: var(--s-240);
  }

  .gap-x-xxxl-240 {
    column-gap: var(--s-240);
  }

  .gap-y-xxxl-240 {
    row-gap: var(--s-240);
  }

  .gap-xxxl-270 {
    gap: var(--s-270);
  }

  .gap-x-xxxl-270 {
    column-gap: var(--s-270);
  }

  .gap-y-xxxl-270 {
    row-gap: var(--s-270);
  }

  .d-xxxl-none {
    display: none !important;
  }

  .d-xxxl-block {
    display: block !important;
  }

  .d-xxxl-inline {
    display: inline !important;
  }

  .d-xxxl-inline-block {
    display: inline-block !important;
  }

  .d-xxxl-flex {
    display: flex !important;
  }

  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxxl-grid {
    display: grid !important;
  }

  .d-xxxl-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 47.98em) {
  .d-sm-down-none {
    display: none !important;
  }

  .d-sm-down-block {
    display: block !important;
  }

  .d-sm-down-inline {
    display: inline !important;
  }

  .d-sm-down-inline-block {
    display: inline-block !important;
  }

  .d-sm-down-flex {
    display: flex !important;
  }

  .d-sm-down-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-down-grid {
    display: grid !important;
  }

  .d-sm-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 63.98em) {
  .d-md-down-none {
    display: none !important;
  }

  .d-md-down-block {
    display: block !important;
  }

  .d-md-down-inline {
    display: inline !important;
  }

  .d-md-down-inline-block {
    display: inline-block !important;
  }

  .d-md-down-flex {
    display: flex !important;
  }

  .d-md-down-inline-flex {
    display: inline-flex !important;
  }

  .d-md-down-grid {
    display: grid !important;
  }

  .d-md-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 82.48em) {
  .d-lg-down-none {
    display: none !important;
  }

  .d-lg-down-block {
    display: block !important;
  }

  .d-lg-down-inline {
    display: inline !important;
  }

  .d-lg-down-inline-block {
    display: inline-block !important;
  }

  .d-lg-down-flex {
    display: flex !important;
  }

  .d-lg-down-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-down-grid {
    display: grid !important;
  }

  .d-lg-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 99.98em) {
  .d-xl-down-none {
    display: none !important;
  }

  .d-xl-down-block {
    display: block !important;
  }

  .d-xl-down-inline {
    display: inline !important;
  }

  .d-xl-down-inline-block {
    display: inline-block !important;
  }

  .d-xl-down-flex {
    display: flex !important;
  }

  .d-xl-down-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-down-grid {
    display: grid !important;
  }

  .d-xl-down-inline-grid {
    display: inline-grid !important;
  }
}

@media only screen and (width <= 119.98em) {
  .d-xxl-down-none {
    display: none !important;
  }

  .d-xxl-down-block {
    display: block !important;
  }

  .d-xxl-down-inline {
    display: inline !important;
  }

  .d-xxl-down-inline-block {
    display: inline-block !important;
  }

  .d-xxl-down-flex {
    display: flex !important;
  }

  .d-xxl-down-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-down-grid {
    display: grid !important;
  }

  .d-xxl-down-inline-grid {
    display: inline-grid !important;
  }
}

.d-xxxl-down-none {
  display: none !important;
}

.d-xxxl-down-block {
  display: block !important;
}

.d-xxxl-down-inline {
  display: inline !important;
}

.d-xxxl-down-inline-block {
  display: inline-block !important;
}

.d-xxxl-down-flex {
  display: flex !important;
}

.d-xxxl-down-inline-flex {
  display: inline-flex !important;
}

.d-xxxl-down-grid {
  display: grid !important;
}

.d-xxxl-down-inline-grid {
  display: inline-grid !important;
}

body, button, input, select, textarea {
  font-family: var(--font-family-base);
  font-size: var(--s-18);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}

p, li {
  font-size: var(--s-18);
  line-height: var(--line-height-body);
}

p {
  margin-block: 0 1em;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-text);
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  text-wrap: balance;
  margin-block: 0 .5em;
}

h1 {
  font-size: var(--s-40);
}

h2 {
  font-size: var(--s-32);
}

h3 {
  font-size: var(--s-24);
}

h4 {
  font-size: var(--s-20);
}

h5 {
  font-size: var(--s-18);
}

h6 {
  font-size: var(--s-16);
}

a {
  color: var(--color-sky);
  text-underline-offset: .18em;
  transition: var(--t-300);
  text-decoration-thickness: .08em;
}

a:hover, a:focus-visible {
  color: var(--color-text);
}

strong, b {
  font-weight: 700;
}

ul, ol {
  margin-block: 0 1.5em;
  padding-left: 1.25em;
}

body {
  background-color: var(--color-base);
  min-width: 20rem;
  color: var(--color-text);
}

::selection {
  background-color: var(--color-accent);
  color: var(--color-text);
}

img, svg, picture {
  display: block;
}

.wp-site-blocks {
  width: 100%;
}

.wrapper {
  width: min(100%, var(--container-size));
  margin-inline: auto;
}

.wp-site-blocks .alignfull {
  width: calc(100% - 36px);
  margin-inline: auto;
}

main {
  z-index: 1;
  position: relative;
}

.wp-element-button, .wp-block-button__link {
  justify-content: center;
  align-items: center;
  gap: var(--s-8);
  corner-shape: squircle;
  border-radius: 8px;
  display: inline-flex;
}

.wp-block-button__label {
  align-items: center;
  display: inline-flex;
}

.wp-block-button__icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.wp-block-button__icon .icon {
  width: var(--s-18);
  height: var(--s-18);
}

.wp-block-button__icon--before {
  margin-inline-end: var(--s-4);
}

.wp-block-button__icon--after {
  margin-inline-start: var(--s-4);
}

.block-text-image {
  padding: var(--s-80) 0;
}

.block-text-image__inner {
  gap: var(--s-64);
  max-width: var(--content-size);
  padding-inline: var(--s-40);
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-inline: auto;
  display: grid;
}

.block-text-image--image-left .block-text-image__text {
  order: 2;
}

.block-text-image--image-left .block-text-image__media {
  order: 1;
}

.block-text-image__label {
  font-size: var(--s-14);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-text);
  margin-bottom: var(--s-12);
  font-weight: 600;
  display: inline-block;
}

.block-text-image__heading {
  font-size: var(--s-40);
  font-weight: 700;
  line-height: var(--line-height-heading);
  margin-bottom: var(--s-24);
  color: var(--color-text);
}

.block-text-image__content {
  font-size: var(--s-18);
  line-height: var(--line-height-body);
  color: var(--color-text);
  margin-bottom: var(--s-32);
}

.block-text-image__content p:last-child {
  margin-bottom: 0;
}

.block-text-image__cta {
  align-items: center;
  gap: var(--s-8);
  display: inline-flex;
}

.block-text-image__media {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.block-text-image__image {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.block-text-image__placeholder, .block-text-image__media-placeholder {
  opacity: .4;
  font-style: italic;
}

.block-text-image__media-placeholder {
  background: var(--color-accent);
  border-radius: var(--s-4);
  min-height: 240px;
  font-size: var(--s-18);
  border: 2px dashed;
  justify-content: center;
  align-items: center;
  display: flex;
}

.block-text-image__editor-notice {
  align-items: center;
  gap: var(--s-8);
  padding: var(--s-12) var(--s-16);
  background: var(--color-accent);
  border-left: 4px solid var(--color-warm-sand);
  margin-bottom: var(--s-24);
  font-size: var(--s-14);
  border-radius: 0 var(--s-4) var(--s-4) 0;
  display: flex;
}

@media (width <= 768px) {
  .block-text-image__inner {
    gap: var(--s-32);
    grid-template-columns: 1fr;
  }

  .block-text-image--image-left .block-text-image__text, .block-text-image--image-left .block-text-image__media {
    order: unset;
  }
}

.block-carousel {
  width: 100%;
  position: relative;
}

.block-carousel .swiper {
  width: 100%;
  overflow: hidden;
}

.block-carousel .swiper-wrapper {
  align-items: stretch;
}

.block-carousel__slide {
  flex-direction: column;
  height: auto;
  display: flex;
}

.block-carousel__image-wrap {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.block-carousel__image-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.block-carousel__content {
  gap: var(--s-12);
  padding: var(--s-24) 0;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.block-carousel__title {
  margin: 0;
}

.block-carousel__text {
  flex: 1;
  margin: 0;
}

.block-carousel__link {
  align-self: flex-start;
}

.block-carousel .swiper-button-prev, .block-carousel .swiper-button-next {
  color: var(--black);
}

.block-carousel .swiper-button-prev:after, .block-carousel .swiper-button-next:after {
  font-size: var(--s-20);
}

.block-carousel .swiper-pagination-bullet {
  background: var(--black);
  opacity: .35;
  transition: var(--t-300);
}

.block-carousel .swiper-pagination-bullet-active {
  opacity: 1;
}

.block-carousel__editor-notice {
  padding: var(--s-16);
  font-size: var(--s-16);
  margin-bottom: var(--s-16);
  background: #fff3cd;
  border: 1px solid #ffe69c;
  border-radius: 4px;
}

.logo-slider {
  margin-block: var(--s-64);
  padding-block: var(--s-20);
}

.logo-slider__intro {
  color: var(--color-text);
  text-align: center;
  margin-bottom: var(--s-20) !important;
}

.logo-slider__grid {
  justify-content: space-between;
  align-items: center;
  gap: var(--s-20);
  display: flex;
  position: relative;
}

.logo-slider__grid:before, .logo-slider__grid:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  width: min(12vw, 9.375rem);
  position: absolute;
  top: 0;
  bottom: 0;
}

.logo-slider__grid:before {
  background: linear-gradient(to right, var(--color-base), transparent);
  left: 0;
}

.logo-slider__grid:after {
  background: linear-gradient(to left, var(--color-base), transparent);
  right: 0;
}

.logo-slider__item {
  padding: var(--s-16);
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-slider img {
  max-height: var(--s-64);
  object-fit: contain;
  width: auto;
  display: block;
}

.wp-block-list.is-style-checklist {
  padding-left: 0;
  list-style: none;
}

.wp-block-list.is-style-checklist li {
  color: var(--color-text);
  line-height: 2;
  position: relative;
}

.wp-block-list.is-style-checklist li:before {
  content: "✓";
  aspect-ratio: 1;
  width: 16px;
  color: var(--color-base);
  corner-shape: squircle;
  background-color: var(--color-text);
  border-radius: 200px;
  margin-right: 5px;
  padding: 5px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}

footer {
  z-index: 2;
  position: relative;
}

/*# sourceMappingURL=main.css.map */