@charset "UTF-8";
/*
	*  Font imports
*/
@import url("https://use.typekit.net/gxz0inn.css");
:root {
  --font-family-primary: "ff-din-paneuropean";
  /* =========================
     TYPE SCALE (DESKTOP)
     Larger number = larger text
  ========================= */
  --font-size-700: 7rem; /* 112 */
  --font-size-650: 5.5rem; /* 88 */
  --font-size-600: 4.5rem; /* 72 */
  --font-size-700: 5.5rem; /* 88 */
  --font-size-650: 5rem; /* 80 */
  --font-size-600: 4rem; /* 72 */
  --font-size-550: 3rem; /* 48 */
  --font-size-500: 2.25rem; /* 36 */
  --font-size-450: 2rem; /* 32 */
  --font-size-400: 1.75rem; /* 28 */
  --font-size-350: 1.5rem; /* 24 */
  --font-size-300: 1.25rem; /* 20 */
  --font-size-250: 1.125rem; /* 18 */
  --font-size-200: 1rem; /* 16 */
  --font-size-100: 0.875rem; /* 14 */
  --font-size-050: 0.75rem; /* 12 */
  /* =========================
     FONT WEIGHT SCALE
     (Mapped to design tool naming)
  ========================= */
  --fw-thin: 100;
  --fw-extra-light: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;
  --fw-black: 900;
  /* =========================
     LINE HEIGHT SCALE
     (Mapped to semantic naming)
  ========================= */
  --lh-tight: 1.2; /* h1, h2 */
  --lh-heading: 1.4; /* optional middle ground */
  --lh-body: 1.4; /* h3–h6 + body */
  --lh-button: 1.4; /* buttons */
  /* ========================= 
     HEADINGS
  ========================= */
  --fs-page-title: var(--font-size-700); /* h1 */
  --fs-section-heading: var(--font-size-600); /* h2 */
  --fs-subsection-heading: var(--font-size-500); /* h3 */
  --fs-minor-heading: var(--font-size-300); /* h4 */
  --fs-label-heading: var(--font-size-200); /* h5 */
  --fs-micro-heading: var(--font-size-050); /* h6 */
  /* =========================
     BODY
  ========================= */
  --fs-body-message: var(--font-size-500); /* large intro */
  --fs-body-short-form: var(--font-size-300);
  --fs-body-long-form: var(--font-size-200);
  --fs-body-small-print: var(--font-size-050);
  --fs-key-stat-lg: var(--font-size-600);
  --fs-key-stat-md: var(--font-size-500);
  --fs-card-heading: var(--font-size-300);
  /* =========================
     UI
  ========================= */
  --fs-button: var(--font-size-100);
}

/* =========================
	TYPE SCALE (MOBILE)
========================= */
@media (width <= 68.75rem) {
  :root {
    --fs-page-title: var(--font-size-550);
    --fs-section-heading: var(--font-size-500);
    --fs-subsection-heading: var(--font-size-350);
    --fs-minor-heading: var(--font-size-300);
    --fs-body-message: var(--font-size-350);
    --fs-body-short-form: var(--font-size-200);
    --fs-key-stat-lg: var(--font-size-500);
    --fs-key-stat-md: var(--font-size-400);
  }
}
body {
  font-family: var(--font-family-primary);
}

p {
  margin-block-start: 0;
  margin-block-end: 1em;
}
p:last-child {
  margin-block-end: 0;
}

.heading-1, .page-title {
  font-weight: var(--fw-medium);
  font-size: var(--fs-page-title);
  line-height: var(--lh-tight);
  text-wrap: balance;
}

.heading-2, .section-heading {
  font-weight: var(--fw-light);
  font-size: var(--fs-section-heading);
  line-height: var(--lh-tight);
}

.heading-3, .subsection-heading {
  font-weight: var(--fw-medium);
  font-size: var(--fs-subsection-heading);
  line-height: var(--lh-heading);
}

.heading-4, .minor-heading {
  font-weight: var(--font-weight, var(--fw-medium));
  font-size: var(--fs-minor-heading);
  line-height: var(--lh-heading);
  text-transform: var(--text-transform, uppercase);
}

.heading-5, .label-heading, footer .menu-item--depth-0 {
  font-weight: var(--fw-bold);
  font-size: var(--fs-label-heading);
  line-height: var(--lh-heading);
  text-transform: var(--text-transform, uppercase);
}

.heading-6, .micro-heading {
  font-weight: var(--fw-bold);
  font-size: var(--fs-micro-heading);
  line-height: var(--lh-heading);
  text-transform: var(--text-transform, uppercase);
}

h1, h2, h3, h4, h5, h6, .page-title, .section-heading, .subsection-heading, .minor-heading, .label-heading, footer .menu-item--depth-0, .micro-heading, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
  margin: 0 0 0.75rem 0;
}

.heading-1,
.heading-2,
.heading-3,
.heading-4 {
  text-wrap: balance;
}

.body-message {
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-message);
  line-height: var(--lh-body);
}

.body-short-form {
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-short-form);
  line-height: var(--lh-body);
  --font-line-height: calc(var(--fs-body-short-form) * var(--lh-body));
}

.body-long-form, p, ul, ol {
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-long-form);
  line-height: var(--lh-body);
}

.body-small-print {
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-small-print);
  line-height: var(--lh-body);
}

.body-message,
.body-short-form,
.body-long-form,
.body-small-print {
  text-wrap: pretty;
}
.body-message > :is(p, ul, ol),
.body-short-form > :is(p, ul, ol),
.body-long-form > :is(p, ul, ol),
.body-small-print > :is(p, ul, ol) {
  font-size: inherit;
  line-height: inherit;
}
.body-message :is(li, a),
.body-short-form :is(li, a),
.body-long-form :is(li, a),
.body-small-print :is(li, a) {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.key-stat-lg {
  font-weight: var(--fw-medium);
  font-size: var(--fs-key-stat-lg);
  line-height: var(--lh-body);
}

.key-stat-md {
  font-weight: var(--fw-medium);
  font-size: var(--fs-key-stat-md);
  line-height: var(--lh-body);
}

button, .button, .btn {
  font-weight: var(--fw-semi-bold);
  font-size: var(--fs-button);
  line-height: var(--lh-button);
  text-transform: uppercase;
}

.text-link {
  font-weight: var(--fw-semi-bold);
  font-size: var(--fs-button);
  line-height: var(--lh-button);
  text-transform: uppercase;
  text-decoration: underline;
}

.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lines);
}

.line-clamp-2 {
  --lines: 2;
}

.line-clamp-3 {
  --lines: 3;
}

/* ── LISTS ────────────────────────────────────────────────────────────── */
ul,
ol {
  margin: 0 0 1.25em;
  padding-left: 1.5em;
  list-style-position: outside;
}

li {
  margin-bottom: 0.4em;
  line-height: var(--lh-body, 1.6);
}
li:last-child {
  margin-bottom: 0;
}

/* Nested */
ul ul, ul ol,
ol ul, ol ol {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding-left: 1.25em;
}

/* Unordered — square bullets at all depths */
ul {
  list-style: none;
  padding-left: 1.5em;
}
ul > li {
  position: relative;
}
ul > li::before {
  content: "";
  position: absolute;
  left: -1.25em;
  top: 0.6em;
  width: 0.35em;
  height: 0.35em;
  background: var(--color-brand-primary--700, currentColor);
  opacity: 0.7;
  flex-shrink: 0;
}

/* Nested unordered — smaller, lighter */
ul ul > li::before {
  width: 0.25em;
  height: 0.25em;
  opacity: 0.45;
  top: 0.65em;
}

/* Ordered */
ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-roman;
}

/* Blockquote */
blockquote {
  margin: 1.5em 0;
  padding-left: 1em;
  border-left: 2px solid currentColor;
  font-style: italic;
  opacity: 0.9;
}

.pullquote {
  margin: 2em 0;
  padding-left: 1.25em;
  border-left: 3px solid currentColor;
  font-size: var(--font-size-400);
  line-height: var(--lh-heading);
  font-weight: var(--fw-regular);
  max-width: 50ch;
}

/* ========================================
   ASSUMED BASE CONTENT STYLES (TBC)
   Covers common CMS / rich text elements
======================================== */
/* -------------------------
   FLOW / RHYTHM
------------------------- */
.rich-text > * + * {
  margin-top: 1em;
}

/* -------------------------
   TEXT / INLINE
------------------------- */
strong, b {
  font-weight: var(--fw-bold);
}

em {
  font-style: italic;
}

small {
  font-size: var(--font-size-050);
  line-height: var(--lh-body);
  opacity: 0.8;
}

mark {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.1em 0.2em;
}

abbr {
  text-decoration: underline dotted;
  cursor: help;
}

cite {
  font-style: italic;
}

q {
  font-style: italic;
}

/* -------------------------
   LINKS
------------------------- */
a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
a.brand-color {
  color: var(--color-brand-primary--500);
}

a:hover {
  text-decoration-thickness: 2px;
}

a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* -------------------------
   BLOCKQUOTE
------------------------- */
blockquote {
  margin: 1.5em 0;
  padding-left: 1em;
  border-left: 2px solid currentColor;
  font-style: italic;
}

blockquote footer {
  margin-top: 0.5em;
  font-size: var(--font-size-100);
  opacity: 0.7;
}

/* -------------------------
   CODE
------------------------- */
code {
  font-family: monospace;
  font-size: 0.9em;
  background: rgba(0, 0, 0, 0.05);
  padding: 0.1em 0.3em;
  border-radius: 2px;
}

pre {
  margin: 1em 0;
  padding: 1em;
  overflow-x: auto;
  background: rgba(0, 0, 0, 0.05);
}

pre code {
  background: none;
  padding: 0;
}

/* -------------------------
   TABLES
------------------------- */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

th,
td {
  text-align: left;
  padding: 0.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

th {
  font-weight: var(--fw-semi-bold);
}

caption {
  text-align: left;
  font-size: var(--font-size-100);
  margin-bottom: 0.5em;
  opacity: 0.7;
}

/* -------------------------
   MEDIA
------------------------- */
figure {
  margin: 1.5em 0;
}

figcaption {
  margin-top: 0.5em;
  font-size: var(--font-size-100);
  line-height: var(--lh-body);
  opacity: 0.7;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* -------------------------
   HR
------------------------- */
hr {
  border: none;
  border-top: 1px solid currentColor;
  opacity: 0.2;
  margin: 2em 0;
}

/* -------------------------
   FORMS (BASIC ALIGNMENT)
------------------------- */
input,
textarea,
select {
  font-family: inherit;
  font-size: var(--font-size-200);
  line-height: var(--lh-body);
}

label {
  display: block;
  margin-bottom: 0.25em;
  font-weight: var(--fw-semi-bold);
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1em;
}

legend {
  padding: 0 0.5em;
  font-weight: var(--fw-semi-bold);
}

:root {
  --color-base-white: #ffffff;
  --color-base-grey-100: #edeeee;
  --color-base-grey-500: #a7a9ac;
  --color-base-grey-700: #58595a;
  --color-base-black: #000000;
  --color-base-orient: #005287;
  --color-base-glacier: #7399c6;
  --color-base-aqua-island: #a0c3da;
  --color-base-pomegranate: #ee3224;
  --color-base-green-haze: #009641;
  --color-base-green-haze-tint-1: #ACD1AE;
  --color-base-green-haze-shade-1: #097136;
  --color-base-broom: #fff31a;
  --color-base-blue-stone: #00626f;
  --color-brand-primary--300: var(--color-base-aqua-island);
  --color-brand-primary--500: var(--color-base-glacier);
  --color-brand-primary--700: var(--color-base-orient);
  --color-brand-secondary--300: color-mix(in srgb, var(--color-base-pomegranate) 30%, var(--color-base-white));
  --color-brand-secondary--500: var(--color-base-pomegranate);
  --color-brand-secondary--700: color-mix(in srgb, var(--color-base-pomegranate) 70%, var(--color-base-black));
  --color-brand-white: var(--color-base-white);
  --color-brand-grey--300: var(--color-base-grey-100);
  --color-brand-grey--500: var(--color-base-grey-500);
  --color-brand-grey--700: var(--color-base-grey-700);
  --color-brand-black: var(--color-base-black);
  --color-brand-sustainability--300: var(--color-base-green-haze-tint-1);
  --color-brand-sustainability--500: var(--color-base-green-haze);
  --color-brand-sustainability--700: var(--color-base-green-haze-shade-1);
  --color-brand-health_safety--300: color-mix(in srgb, var(--color-base-broom) 30%, var(--color-base-white));
  --color-brand-health_safety--500: var(--color-base-broom);
  --color-brand-health_safety--700: color-mix(in srgb, var(--color-base-broom) 70%, var(--color-base-black));
  --color-context-primary-surface: var(--color-brand-primary--500);
  --color-context-primary-surface-hover: var(--color-brand-primary--300);
  --color-context-primary-surface-active: var(--color-brand-primary--700);
  --color-context-primary-text: var(--color-base-white);
  --color-context-primary-text-hover: var(--color-base-white);
  --color-context-primary-text-active: var(--color-base-white);
  --color-context-secondary-surface: var(--color-brand-secondary--500);
  --color-context-secondary-surface-hover: var(--color-brand-secondary--300);
  --color-context-secondary-surface-active: var(--color-brand-secondary--700);
  --color-context-secondary-text: var(--color-base-white);
  --color-context-secondary-text-hover: var(--color-base-white);
  --color-context-secondary-text-active: var(--color-base-white);
  --color-context-sustainability-surface: var(--color-brand-sustainability--500);
  --color-context-sustainability-surface-hover: var(--color-brand-sustainability--300);
  --color-context-sustainability-surface-active: var(--color-brand-sustainability--700);
  --color-context-sustainability-text: var(--color-base-white);
  --color-context-sustainability-text-hover: var(--color-base-white);
  --color-context-sustainability-text-active: var(--color-base-white);
  --color-context-health_safety-surface: var(--color-brand-health_safety--500);
  --color-context-health_safety-surface-hover: var(--color-brand-health_safety--300);
  --color-context-health_safety-surface-active: var(--color-brand-health_safety--700);
  --color-context-health_safety-text: var(--color-base-black);
  --color-context-health_safety-text-hover: var(--color-base-black);
  --color-context-health_safety-text-active: var(--color-base-black);
}
:root .style-primary {
  --color-surface: var(--color-context-primary-surface);
  --color-surface-hover: var(--color-context-primary-surface-hover);
  --color-surface-active: var(--color-context-primary-surface-active);
  --color-text: var(--color-context-primary-text);
  --color-text-hover: var(--color-context-primary-text-hover);
  --color-text-active: var(--color-context-primary-text-active);
  background-color: var(--color-surface);
  color: var(--color-text);
}
:root .style-primary:hover {
  background-color: var(--color-surface-hover);
  color: var(--color-text-hover);
}
:root .style-primary:active {
  background-color: var(--color-context-primary-surface-active);
  color: var(--color-context-primary-text-active);
}
:root .style-secondary {
  --color-surface: var(--color-context-secondary-surface);
  --color-surface-hover: var(--color-context-secondary-surface-hover);
  --color-surface-active: var(--color-context-secondary-surface-active);
  --color-text: var(--color-context-secondary-text);
  --color-text-hover: var(--color-context-secondary-text-hover);
  --color-text-active: var(--color-context-secondary-text-active);
  background-color: var(--color-surface);
  color: var(--color-text);
}
:root .style-secondary:hover {
  background-color: var(--color-surface-hover);
  color: var(--color-text-hover);
}
:root .style-secondary:active {
  background-color: var(--color-context-secondary-surface-active);
  color: var(--color-context-secondary-text-active);
}
:root .style-sustainability {
  --color-surface: var(--color-context-sustainability-surface);
  --color-surface-hover: var(--color-context-sustainability-surface-hover);
  --color-surface-active: var(--color-context-sustainability-surface-active);
  --color-text: var(--color-context-sustainability-text);
  --color-text-hover: var(--color-context-sustainability-text-hover);
  --color-text-active: var(--color-context-sustainability-text-active);
  background-color: var(--color-surface);
  color: var(--color-text);
}
:root .style-sustainability:hover {
  background-color: var(--color-surface-hover);
  color: var(--color-text-hover);
}
:root .style-sustainability:active {
  background-color: var(--color-context-sustainability-surface-active);
  color: var(--color-context-sustainability-text-active);
}
:root .style-health_safety {
  --color-surface: var(--color-context-health_safety-surface);
  --color-surface-hover: var(--color-context-health_safety-surface-hover);
  --color-surface-active: var(--color-context-health_safety-surface-active);
  --color-text: var(--color-context-health_safety-text);
  --color-text-hover: var(--color-context-health_safety-text-hover);
  --color-text-active: var(--color-context-health_safety-text-active);
  background-color: var(--color-surface);
  color: var(--color-text);
}
:root .style-health_safety:hover {
  background-color: var(--color-surface-hover);
  color: var(--color-text-hover);
}
:root .style-health_safety:active {
  background-color: var(--color-context-health_safety-surface-active);
  color: var(--color-context-health_safety-text-active);
}

button.search-submit {
  border: none;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
}

button.button-unstyled {
  border: none;
  border-radius: 0;
  text-decoration: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.btn, .button:not(.search-submit) {
  border: none;
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  padding: 0.8125rem 1.5rem;
  transition: background 0.3s ease, color 0.3s ease;
  display: inline-flex;
  --height: 2.78125rem;
  --angle: 30deg;
  --angle: 0deg;
  margin-inline: calc(var(--height) / 2 * tan(var(--angle)));
  transform: skew(var(--angle));
  background-color: var(--color-brand-primary--500);
  color: var(--color-brand-white);
}
.btn .btn-inner, .button:not(.search-submit) .btn-inner {
  transform: skew(calc(var(--angle) * -1));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  white-space: nowrap;
  max-width: 48ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn:hover, .btn.btn-hover, .button:not(.search-submit):hover, .button:not(.search-submit).btn-hover {
  background-color: var(--color-brand-primary--700);
  color: var(--color-brand-white);
}
.btn:focus, .btn.btn-focus, .button:not(.search-submit):focus, .button:not(.search-submit).btn-focus {
  background-color: var(--color-brand-primary--700);
  color: var(--color-brand-white);
}
.btn:disabled, .btn.btn-disabled, .button:not(.search-submit):disabled, .button:not(.search-submit).btn-disabled {
  background-color: var(--color-brand-grey--300);
  color: var(--color-brand-grey--700);
  cursor: not-allowed;
}
.btn:active, .btn.btn-active, .button:not(.search-submit):active, .button:not(.search-submit).btn-active {
  background-color: var(--color-brand-primary--300);
  color: var(--color-brand-white);
}
.btn.btn-neutral, .button:not(.search-submit).btn-neutral {
  background-color: var(--color-brand-white);
  color: var(--color-brand-black);
}
.btn.btn-neutral:hover, .btn.btn-neutral.btn-hover, .button:not(.search-submit).btn-neutral:hover, .button:not(.search-submit).btn-neutral.btn-hover {
  background-color: var(--color-brand-black);
  color: var(--color-brand-white);
}
.btn.btn-neutral:focus, .btn.btn-neutral.btn-focus, .button:not(.search-submit).btn-neutral:focus, .button:not(.search-submit).btn-neutral.btn-focus {
  background-color: var(--color-brand-black);
  color: var(--color-brand-white);
}
.btn.btn-neutral:disabled, .btn.btn-neutral.btn-disabled, .button:not(.search-submit).btn-neutral:disabled, .button:not(.search-submit).btn-neutral.btn-disabled {
  background-color: var(--color-brand-grey--300);
  color: var(--color-brand-grey--700);
  cursor: not-allowed;
}
.btn.btn-neutral:active, .btn.btn-neutral.btn-active, .button:not(.search-submit).btn-neutral:active, .button:not(.search-submit).btn-neutral.btn-active {
  background-color: var(--color-brand-grey--700);
  color: var(--color-brand-white);
}
.btn.btn-neutral svg, .button:not(.search-submit).btn-neutral svg {
  color: var(--icon-color, currentColor);
}
.btn.btn-sustainability, .button:not(.search-submit).btn-sustainability {
  background-color: var(--color-brand-sustainability--500);
  color: var(--color-brand-white);
}
.btn.btn-sustainability:hover, .btn.btn-sustainability.btn-hover, .button:not(.search-submit).btn-sustainability:hover, .button:not(.search-submit).btn-sustainability.btn-hover {
  background-color: var(--color-brand-sustainability--700);
  color: var(--color-brand-white);
}
.btn.btn-sustainability:focus, .btn.btn-sustainability.btn-focus, .button:not(.search-submit).btn-sustainability:focus, .button:not(.search-submit).btn-sustainability.btn-focus {
  background-color: var(--color-brand-sustainability--700);
  color: var(--color-brand-white);
}
.btn.btn-sustainability:disabled, .btn.btn-sustainability.btn-disabled, .button:not(.search-submit).btn-sustainability:disabled, .button:not(.search-submit).btn-sustainability.btn-disabled {
  background-color: var(--color-brand-grey--300);
  color: var(--color-brand-grey--700);
  cursor: not-allowed;
}
.btn.btn-sustainability:active, .btn.btn-sustainability.btn-active, .button:not(.search-submit).btn-sustainability:active, .button:not(.search-submit).btn-sustainability.btn-active {
  background-color: var(--color-brand-sustainability--300);
  color: var(--color-brand-white);
}
.btn.btn-drawer-asset, .button:not(.search-submit).btn-drawer-asset {
  transform: none;
  margin-inline: 0;
}
.btn.btn-drawer-asset .btn-inner, .button:not(.search-submit).btn-drawer-asset .btn-inner {
  transform: none;
}
.btn.btn-inline, .btn.btn-inline-inverted, .button:not(.search-submit).btn-inline, .button.btn-inline-inverted:not(.search-submit) {
  background-color: unset;
  color: var(--color-brand-black);
  padding: 0;
  transform: none;
  margin: 0;
}
.btn.btn-inline .btn-inner, .btn.btn-inline-inverted .btn-inner, .button:not(.search-submit).btn-inline .btn-inner, .button.btn-inline-inverted:not(.search-submit) .btn-inner {
  transform: none;
  padding: 0;
}
.btn.btn-inline .btn-inner:not(:has(.icon)), .btn.btn-inline-inverted .btn-inner:not(:has(.icon)), .button:not(.search-submit).btn-inline .btn-inner:not(:has(.icon)), .button.btn-inline-inverted:not(.search-submit) .btn-inner:not(:has(.icon)) {
  padding-right: 0.5ch;
}
.btn.btn-inline:hover, .btn.btn-inline-inverted:hover, .btn.btn-inline.btn-hover, .btn.btn-hover.btn-inline-inverted, .button:not(.search-submit).btn-inline:hover, .button.btn-inline-inverted:not(.search-submit):hover, .button:not(.search-submit).btn-inline.btn-hover, .button.btn-inline-inverted:not(.search-submit).btn-hover {
  color: var(--color-brand-primary--500);
}
.btn.btn-inline:focus, .btn.btn-inline-inverted:focus, .btn.btn-inline.btn-focus, .btn.btn-focus.btn-inline-inverted, .button:not(.search-submit).btn-inline:focus, .button.btn-inline-inverted:not(.search-submit):focus, .button:not(.search-submit).btn-inline.btn-focus, .button.btn-inline-inverted:not(.search-submit).btn-focus {
  color: var(--color-brand-primary--500);
}
.btn.btn-inline:disabled, .btn.btn-inline-inverted:disabled, .btn.btn-inline.btn-disabled, .btn.btn-disabled.btn-inline-inverted, .button:not(.search-submit).btn-inline:disabled, .button.btn-inline-inverted:not(.search-submit):disabled, .button:not(.search-submit).btn-inline.btn-disabled, .button.btn-inline-inverted:not(.search-submit).btn-disabled {
  color: var(--color-brand-grey--700);
  cursor: not-allowed;
}
.btn.btn-inline:active, .btn.btn-inline-inverted:active, .btn.btn-inline.btn-active, .btn.btn-active.btn-inline-inverted, .button:not(.search-submit).btn-inline:active, .button.btn-inline-inverted:not(.search-submit):active, .button:not(.search-submit).btn-inline.btn-active, .button.btn-inline-inverted:not(.search-submit).btn-active {
  color: var(--color-brand-primary--300);
}
.btn.btn-outlined, .btn.btn-outlined-inverted, .button:not(.search-submit).btn-outlined, .button.btn-outlined-inverted:not(.search-submit) {
  transform: none;
  margin-inline: 0;
  background-color: transparent;
  color: var(--color-brand-black);
  border: 1px solid var(--color-brand-black);
  transition: border-color 0.3s ease, color 0.3s ease;
}
.btn.btn-outlined .btn-inner, .btn.btn-outlined-inverted .btn-inner, .button:not(.search-submit).btn-outlined .btn-inner, .button.btn-outlined-inverted:not(.search-submit) .btn-inner {
  transform: none;
}
.btn.btn-outlined:hover, .btn.btn-outlined-inverted:hover, .btn.btn-outlined.btn-hover, .btn.btn-hover.btn-outlined-inverted, .button:not(.search-submit).btn-outlined:hover, .button.btn-outlined-inverted:not(.search-submit):hover, .button:not(.search-submit).btn-outlined.btn-hover, .button.btn-outlined-inverted:not(.search-submit).btn-hover {
  color: var(--color-brand-primary--500);
  border-color: var(--color-brand-primary--500);
}
.btn.btn-outlined:focus, .btn.btn-outlined-inverted:focus, .btn.btn-outlined.btn-focus, .btn.btn-focus.btn-outlined-inverted, .button:not(.search-submit).btn-outlined:focus, .button.btn-outlined-inverted:not(.search-submit):focus, .button:not(.search-submit).btn-outlined.btn-focus, .button.btn-outlined-inverted:not(.search-submit).btn-focus {
  color: var(--color-brand-primary--500);
  border-color: var(--color-brand-primary--500);
}
.btn.btn-outlined:disabled, .btn.btn-outlined-inverted:disabled, .btn.btn-outlined.btn-disabled, .btn.btn-disabled.btn-outlined-inverted, .button:not(.search-submit).btn-outlined:disabled, .button.btn-outlined-inverted:not(.search-submit):disabled, .button:not(.search-submit).btn-outlined.btn-disabled, .button.btn-outlined-inverted:not(.search-submit).btn-disabled {
  color: var(--color-brand-grey--700);
  border-color: var(--color-brand-grey--300);
  cursor: not-allowed;
}
.btn.btn-outlined:active, .btn.btn-outlined-inverted:active, .btn.btn-outlined.btn-active, .btn.btn-active.btn-outlined-inverted, .button:not(.search-submit).btn-outlined:active, .button.btn-outlined-inverted:not(.search-submit):active, .button:not(.search-submit).btn-outlined.btn-active, .button.btn-outlined-inverted:not(.search-submit).btn-active {
  color: var(--color-brand-primary--300);
  border-color: var(--color-brand-primary--300);
}
.btn.btn-outlined-inverted, .button:not(.search-submit).btn-outlined-inverted {
  color: var(--color-brand-white);
  border-color: var(--color-brand-white);
}
.btn.btn-outlined-inverted:hover, .btn.btn-outlined-inverted.btn-hover, .button:not(.search-submit).btn-outlined-inverted:hover, .button:not(.search-submit).btn-outlined-inverted.btn-hover {
  color: var(--color-brand-grey--500);
  border-color: var(--color-brand-grey--500);
}
.btn.btn-outlined-inverted:focus, .btn.btn-outlined-inverted.btn-focus, .button:not(.search-submit).btn-outlined-inverted:focus, .button:not(.search-submit).btn-outlined-inverted.btn-focus {
  color: var(--color-brand-grey--500);
  border-color: var(--color-brand-grey--500);
}
.btn.btn-outlined-inverted:disabled, .btn.btn-outlined-inverted.btn-disabled, .button:not(.search-submit).btn-outlined-inverted:disabled, .button:not(.search-submit).btn-outlined-inverted.btn-disabled {
  color: var(--color-brand-grey--500);
  border-color: var(--color-brand-grey--500);
  cursor: not-allowed;
}
.btn.btn-outlined-inverted:active, .btn.btn-outlined-inverted.btn-active, .button:not(.search-submit).btn-outlined-inverted:active, .button:not(.search-submit).btn-outlined-inverted.btn-active {
  color: var(--color-brand-grey--500);
  border-color: var(--color-brand-grey--500);
}
.btn.btn-inline-inverted, .button:not(.search-submit).btn-inline-inverted {
  color: var(--color-brand-white);
}
.btn.btn-inline-inverted:hover, .btn.btn-inline-inverted.btn-hover, .button:not(.search-submit).btn-inline-inverted:hover, .button:not(.search-submit).btn-inline-inverted.btn-hover {
  color: var(--color-brand-grey--500);
}
.btn.btn-inline-inverted:focus, .btn.btn-inline-inverted.btn-focus, .button:not(.search-submit).btn-inline-inverted:focus, .button:not(.search-submit).btn-inline-inverted.btn-focus {
  color: var(--color-brand-grey--500);
}
.btn.btn-inline-inverted:disabled, .btn.btn-inline-inverted.btn-disabled, .button:not(.search-submit).btn-inline-inverted:disabled, .button:not(.search-submit).btn-inline-inverted.btn-disabled {
  color: var(--color-brand-grey--500);
  cursor: not-allowed;
}
.btn.btn-inline-inverted:active, .btn.btn-inline-inverted.btn-active, .button:not(.search-submit).btn-inline-inverted:active, .button:not(.search-submit).btn-inline-inverted.btn-active {
  color: var(--color-brand-grey--500);
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  --_gap: var(--gap, .5em);
  gap: var(--_gap);
}
.button-group.gap-row {
  row-gap: var(--_gap);
  column-gap: 0;
}
.button-group.gap-column {
  column-gap: var(--_gap);
  row-gap: 0;
}
.button-group.centered {
  justify-content: center;
}
.button-group:not(:first-child) {
  margin-top: var(--spacing-500);
}
.button-group.button-group--center {
  justify-content: center;
}
.button-group.button-group--right {
  justify-content: flex-end;
}

:root {
  --spacing-0: 0rem;
  --spacing-100: 0.25rem;
  --spacing-150: 0.5rem;
  --spacing-200: 0.75rem;
  --spacing-300: 1rem;
  --spacing-400: 1.5rem;
  --spacing-500: 2rem;
  --spacing-600: 3rem;
  --spacing-700: 4rem;
  --spacing-800: 6rem;
  --spacing-900: 8rem;
  --spacing-950: 9rem;
  --spacing-1000: 10rem;
  --spacing-1200: 12rem;
  --spacing-1400: 14rem;
  --spacing-1600: 16rem;
}

.spacing-0 {
  gap: 0rem;
}

.spacing-100 {
  gap: 0.25rem;
}

.spacing-150 {
  gap: 0.5rem;
}

.spacing-200 {
  gap: 0.75rem;
}

.spacing-300 {
  gap: 1rem;
}

.spacing-400 {
  gap: 1.5rem;
}

.spacing-500 {
  gap: 2rem;
}

.spacing-600 {
  gap: 3rem;
}

.spacing-700 {
  gap: 4rem;
}

.spacing-800 {
  gap: 6rem;
}

.spacing-900 {
  gap: 8rem;
}

.spacing-950 {
  gap: 9rem;
}

.spacing-1000 {
  gap: 10rem;
}

.spacing-1200 {
  gap: 12rem;
}

.spacing-1400 {
  gap: 14rem;
}

.spacing-1600 {
  gap: 16rem;
}

:root {
  --bp-sm: 37.5rem;
  --bp-md: 62.375rem;
  --bp-lg: 85rem;
  --bp-hd: 107.25rem;
  --bp-xl: 160rem;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem 1rem;
}
@media (width >= 62.375rem) {
  .grid {
    gap: 1rem 1.5rem;
  }
}
.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid .col-1, .grid .col-span-1 {
  grid-column-end: span 1;
}
.grid .col-start-1 {
  grid-column-start: 1;
}
.grid .col-end-1 {
  grid-column-end: 1;
}
.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid .col-2, .grid .col-span-2 {
  grid-column-end: span 2;
}
.grid .col-start-2 {
  grid-column-start: 2;
}
.grid .col-end-2 {
  grid-column-end: 2;
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid .col-3, .grid .col-span-3 {
  grid-column-end: span 3;
}
.grid .col-start-3 {
  grid-column-start: 3;
}
.grid .col-end-3 {
  grid-column-end: 3;
}
.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid .col-4, .grid .col-span-4 {
  grid-column-end: span 4;
}
.grid .col-start-4 {
  grid-column-start: 4;
}
.grid .col-end-4 {
  grid-column-end: 4;
}
.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid .col-5, .grid .col-span-5 {
  grid-column-end: span 5;
}
.grid .col-start-5 {
  grid-column-start: 5;
}
.grid .col-end-5 {
  grid-column-end: 5;
}
.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid .col-6, .grid .col-span-6 {
  grid-column-end: span 6;
}
.grid .col-start-6 {
  grid-column-start: 6;
}
.grid .col-end-6 {
  grid-column-end: 6;
}
.grid-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid .col-7, .grid .col-span-7 {
  grid-column-end: span 7;
}
.grid .col-start-7 {
  grid-column-start: 7;
}
.grid .col-end-7 {
  grid-column-end: 7;
}
.grid-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid .col-8, .grid .col-span-8 {
  grid-column-end: span 8;
}
.grid .col-start-8 {
  grid-column-start: 8;
}
.grid .col-end-8 {
  grid-column-end: 8;
}
.grid-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid .col-9, .grid .col-span-9 {
  grid-column-end: span 9;
}
.grid .col-start-9 {
  grid-column-start: 9;
}
.grid .col-end-9 {
  grid-column-end: 9;
}
.grid-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid .col-10, .grid .col-span-10 {
  grid-column-end: span 10;
}
.grid .col-start-10 {
  grid-column-start: 10;
}
.grid .col-end-10 {
  grid-column-end: 10;
}
.grid-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid .col-11, .grid .col-span-11 {
  grid-column-end: span 11;
}
.grid .col-start-11 {
  grid-column-start: 11;
}
.grid .col-end-11 {
  grid-column-end: 11;
}
.grid-12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col-12, .grid .col-span-12 {
  grid-column-end: span 12;
}
.grid .col-start-12 {
  grid-column-start: 12;
}
.grid .col-end-12 {
  grid-column-end: 12;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, 1fr);
}
.grid .row-1, .grid .row-span-1 {
  grid-row-end: span 1;
}
.grid .row-start-1 {
  grid-row-start: 1;
}
.grid .row-end-1 {
  grid-row-end: 1;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, 1fr);
}
.grid .row-2, .grid .row-span-2 {
  grid-row-end: span 2;
}
.grid .row-start-2 {
  grid-row-start: 2;
}
.grid .row-end-2 {
  grid-row-end: 2;
}
.grid-rows-3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid .row-3, .grid .row-span-3 {
  grid-row-end: span 3;
}
.grid .row-start-3 {
  grid-row-start: 3;
}
.grid .row-end-3 {
  grid-row-end: 3;
}
.grid-rows-4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid .row-4, .grid .row-span-4 {
  grid-row-end: span 4;
}
.grid .row-start-4 {
  grid-row-start: 4;
}
.grid .row-end-4 {
  grid-row-end: 4;
}
.grid-rows-5 {
  grid-template-rows: repeat(5, 1fr);
}
.grid .row-5, .grid .row-span-5 {
  grid-row-end: span 5;
}
.grid .row-start-5 {
  grid-row-start: 5;
}
.grid .row-end-5 {
  grid-row-end: 5;
}
.grid-rows-6 {
  grid-template-rows: repeat(6, 1fr);
}
.grid .row-6, .grid .row-span-6 {
  grid-row-end: span 6;
}
.grid .row-start-6 {
  grid-row-start: 6;
}
.grid .row-end-6 {
  grid-row-end: 6;
}
.grid-rows-7 {
  grid-template-rows: repeat(7, 1fr);
}
.grid .row-7, .grid .row-span-7 {
  grid-row-end: span 7;
}
.grid .row-start-7 {
  grid-row-start: 7;
}
.grid .row-end-7 {
  grid-row-end: 7;
}
.grid-rows-8 {
  grid-template-rows: repeat(8, 1fr);
}
.grid .row-8, .grid .row-span-8 {
  grid-row-end: span 8;
}
.grid .row-start-8 {
  grid-row-start: 8;
}
.grid .row-end-8 {
  grid-row-end: 8;
}
.grid-rows-9 {
  grid-template-rows: repeat(9, 1fr);
}
.grid .row-9, .grid .row-span-9 {
  grid-row-end: span 9;
}
.grid .row-start-9 {
  grid-row-start: 9;
}
.grid .row-end-9 {
  grid-row-end: 9;
}
.grid-rows-10 {
  grid-template-rows: repeat(10, 1fr);
}
.grid .row-10, .grid .row-span-10 {
  grid-row-end: span 10;
}
.grid .row-start-10 {
  grid-row-start: 10;
}
.grid .row-end-10 {
  grid-row-end: 10;
}
.grid-rows-11 {
  grid-template-rows: repeat(11, 1fr);
}
.grid .row-11, .grid .row-span-11 {
  grid-row-end: span 11;
}
.grid .row-start-11 {
  grid-row-start: 11;
}
.grid .row-end-11 {
  grid-row-end: 11;
}
.grid-rows-12 {
  grid-template-rows: repeat(12, 1fr);
}
.grid .row-12, .grid .row-span-12 {
  grid-row-end: span 12;
}
.grid .row-start-12 {
  grid-row-start: 12;
}
.grid .row-end-12 {
  grid-row-end: 12;
}
@media (width >= 37.5rem) {
  .grid-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid .col-sm-1, .grid .col-span-sm-1 {
    grid-column-end: span 1;
  }
  .grid .col-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .col-end-sm-1 {
    grid-column-end: 1;
  }
  .grid-sm-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid .row-sm-1, .grid .row-span-sm-1 {
    grid-row-end: span 1;
  }
  .grid .row-start-sm-1 {
    grid-row-start: 1;
  }
  .grid .row-end-sm-1 {
    grid-row-end: 1;
  }
  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .col-sm-2, .grid .col-span-sm-2 {
    grid-column-end: span 2;
  }
  .grid .col-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .col-end-sm-2 {
    grid-column-end: 2;
  }
  .grid-sm-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid .row-sm-2, .grid .row-span-sm-2 {
    grid-row-end: span 2;
  }
  .grid .row-start-sm-2 {
    grid-row-start: 2;
  }
  .grid .row-end-sm-2 {
    grid-row-end: 2;
  }
  .grid-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid .col-sm-3, .grid .col-span-sm-3 {
    grid-column-end: span 3;
  }
  .grid .col-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .col-end-sm-3 {
    grid-column-end: 3;
  }
  .grid-sm-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid .row-sm-3, .grid .row-span-sm-3 {
    grid-row-end: span 3;
  }
  .grid .row-start-sm-3 {
    grid-row-start: 3;
  }
  .grid .row-end-sm-3 {
    grid-row-end: 3;
  }
  .grid-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid .col-sm-4, .grid .col-span-sm-4 {
    grid-column-end: span 4;
  }
  .grid .col-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .col-end-sm-4 {
    grid-column-end: 4;
  }
  .grid-sm-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid .row-sm-4, .grid .row-span-sm-4 {
    grid-row-end: span 4;
  }
  .grid .row-start-sm-4 {
    grid-row-start: 4;
  }
  .grid .row-end-sm-4 {
    grid-row-end: 4;
  }
  .grid-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid .col-sm-5, .grid .col-span-sm-5 {
    grid-column-end: span 5;
  }
  .grid .col-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .col-end-sm-5 {
    grid-column-end: 5;
  }
  .grid-sm-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid .row-sm-5, .grid .row-span-sm-5 {
    grid-row-end: span 5;
  }
  .grid .row-start-sm-5 {
    grid-row-start: 5;
  }
  .grid .row-end-sm-5 {
    grid-row-end: 5;
  }
  .grid-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid .col-sm-6, .grid .col-span-sm-6 {
    grid-column-end: span 6;
  }
  .grid .col-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .col-end-sm-6 {
    grid-column-end: 6;
  }
  .grid-sm-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid .row-sm-6, .grid .row-span-sm-6 {
    grid-row-end: span 6;
  }
  .grid .row-start-sm-6 {
    grid-row-start: 6;
  }
  .grid .row-end-sm-6 {
    grid-row-end: 6;
  }
  .grid-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid .col-sm-7, .grid .col-span-sm-7 {
    grid-column-end: span 7;
  }
  .grid .col-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .col-end-sm-7 {
    grid-column-end: 7;
  }
  .grid-sm-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid .row-sm-7, .grid .row-span-sm-7 {
    grid-row-end: span 7;
  }
  .grid .row-start-sm-7 {
    grid-row-start: 7;
  }
  .grid .row-end-sm-7 {
    grid-row-end: 7;
  }
  .grid-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid .col-sm-8, .grid .col-span-sm-8 {
    grid-column-end: span 8;
  }
  .grid .col-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .col-end-sm-8 {
    grid-column-end: 8;
  }
  .grid-sm-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid .row-sm-8, .grid .row-span-sm-8 {
    grid-row-end: span 8;
  }
  .grid .row-start-sm-8 {
    grid-row-start: 8;
  }
  .grid .row-end-sm-8 {
    grid-row-end: 8;
  }
  .grid-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid .col-sm-9, .grid .col-span-sm-9 {
    grid-column-end: span 9;
  }
  .grid .col-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .col-end-sm-9 {
    grid-column-end: 9;
  }
  .grid-sm-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid .row-sm-9, .grid .row-span-sm-9 {
    grid-row-end: span 9;
  }
  .grid .row-start-sm-9 {
    grid-row-start: 9;
  }
  .grid .row-end-sm-9 {
    grid-row-end: 9;
  }
  .grid-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid .col-sm-10, .grid .col-span-sm-10 {
    grid-column-end: span 10;
  }
  .grid .col-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .col-end-sm-10 {
    grid-column-end: 10;
  }
  .grid-sm-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid .row-sm-10, .grid .row-span-sm-10 {
    grid-row-end: span 10;
  }
  .grid .row-start-sm-10 {
    grid-row-start: 10;
  }
  .grid .row-end-sm-10 {
    grid-row-end: 10;
  }
  .grid-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid .col-sm-11, .grid .col-span-sm-11 {
    grid-column-end: span 11;
  }
  .grid .col-start-sm-11 {
    grid-column-start: 11;
  }
  .grid .col-end-sm-11 {
    grid-column-end: 11;
  }
  .grid-sm-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid .row-sm-11, .grid .row-span-sm-11 {
    grid-row-end: span 11;
  }
  .grid .row-start-sm-11 {
    grid-row-start: 11;
  }
  .grid .row-end-sm-11 {
    grid-row-end: 11;
  }
  .grid-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid .col-sm-12, .grid .col-span-sm-12 {
    grid-column-end: span 12;
  }
  .grid .col-start-sm-12 {
    grid-column-start: 12;
  }
  .grid .col-end-sm-12 {
    grid-column-end: 12;
  }
  .grid-sm-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid .row-sm-12, .grid .row-span-sm-12 {
    grid-row-end: span 12;
  }
  .grid .row-start-sm-12 {
    grid-row-start: 12;
  }
  .grid .row-end-sm-12 {
    grid-row-end: 12;
  }
}
@media (width >= 62.375rem) {
  .grid-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid .col-md-1, .grid .col-span-md-1 {
    grid-column-end: span 1;
  }
  .grid .col-start-md-1 {
    grid-column-start: 1;
  }
  .grid .col-end-md-1 {
    grid-column-end: 1;
  }
  .grid-md-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid .row-md-1, .grid .row-span-md-1 {
    grid-row-end: span 1;
  }
  .grid .row-start-md-1 {
    grid-row-start: 1;
  }
  .grid .row-end-md-1 {
    grid-row-end: 1;
  }
  .grid-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .col-md-2, .grid .col-span-md-2 {
    grid-column-end: span 2;
  }
  .grid .col-start-md-2 {
    grid-column-start: 2;
  }
  .grid .col-end-md-2 {
    grid-column-end: 2;
  }
  .grid-md-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid .row-md-2, .grid .row-span-md-2 {
    grid-row-end: span 2;
  }
  .grid .row-start-md-2 {
    grid-row-start: 2;
  }
  .grid .row-end-md-2 {
    grid-row-end: 2;
  }
  .grid-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid .col-md-3, .grid .col-span-md-3 {
    grid-column-end: span 3;
  }
  .grid .col-start-md-3 {
    grid-column-start: 3;
  }
  .grid .col-end-md-3 {
    grid-column-end: 3;
  }
  .grid-md-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid .row-md-3, .grid .row-span-md-3 {
    grid-row-end: span 3;
  }
  .grid .row-start-md-3 {
    grid-row-start: 3;
  }
  .grid .row-end-md-3 {
    grid-row-end: 3;
  }
  .grid-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid .col-md-4, .grid .col-span-md-4 {
    grid-column-end: span 4;
  }
  .grid .col-start-md-4 {
    grid-column-start: 4;
  }
  .grid .col-end-md-4 {
    grid-column-end: 4;
  }
  .grid-md-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid .row-md-4, .grid .row-span-md-4 {
    grid-row-end: span 4;
  }
  .grid .row-start-md-4 {
    grid-row-start: 4;
  }
  .grid .row-end-md-4 {
    grid-row-end: 4;
  }
  .grid-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid .col-md-5, .grid .col-span-md-5 {
    grid-column-end: span 5;
  }
  .grid .col-start-md-5 {
    grid-column-start: 5;
  }
  .grid .col-end-md-5 {
    grid-column-end: 5;
  }
  .grid-md-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid .row-md-5, .grid .row-span-md-5 {
    grid-row-end: span 5;
  }
  .grid .row-start-md-5 {
    grid-row-start: 5;
  }
  .grid .row-end-md-5 {
    grid-row-end: 5;
  }
  .grid-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid .col-md-6, .grid .col-span-md-6 {
    grid-column-end: span 6;
  }
  .grid .col-start-md-6 {
    grid-column-start: 6;
  }
  .grid .col-end-md-6 {
    grid-column-end: 6;
  }
  .grid-md-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid .row-md-6, .grid .row-span-md-6 {
    grid-row-end: span 6;
  }
  .grid .row-start-md-6 {
    grid-row-start: 6;
  }
  .grid .row-end-md-6 {
    grid-row-end: 6;
  }
  .grid-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid .col-md-7, .grid .col-span-md-7 {
    grid-column-end: span 7;
  }
  .grid .col-start-md-7 {
    grid-column-start: 7;
  }
  .grid .col-end-md-7 {
    grid-column-end: 7;
  }
  .grid-md-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid .row-md-7, .grid .row-span-md-7 {
    grid-row-end: span 7;
  }
  .grid .row-start-md-7 {
    grid-row-start: 7;
  }
  .grid .row-end-md-7 {
    grid-row-end: 7;
  }
  .grid-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid .col-md-8, .grid .col-span-md-8 {
    grid-column-end: span 8;
  }
  .grid .col-start-md-8 {
    grid-column-start: 8;
  }
  .grid .col-end-md-8 {
    grid-column-end: 8;
  }
  .grid-md-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid .row-md-8, .grid .row-span-md-8 {
    grid-row-end: span 8;
  }
  .grid .row-start-md-8 {
    grid-row-start: 8;
  }
  .grid .row-end-md-8 {
    grid-row-end: 8;
  }
  .grid-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid .col-md-9, .grid .col-span-md-9 {
    grid-column-end: span 9;
  }
  .grid .col-start-md-9 {
    grid-column-start: 9;
  }
  .grid .col-end-md-9 {
    grid-column-end: 9;
  }
  .grid-md-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid .row-md-9, .grid .row-span-md-9 {
    grid-row-end: span 9;
  }
  .grid .row-start-md-9 {
    grid-row-start: 9;
  }
  .grid .row-end-md-9 {
    grid-row-end: 9;
  }
  .grid-md-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid .col-md-10, .grid .col-span-md-10 {
    grid-column-end: span 10;
  }
  .grid .col-start-md-10 {
    grid-column-start: 10;
  }
  .grid .col-end-md-10 {
    grid-column-end: 10;
  }
  .grid-md-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid .row-md-10, .grid .row-span-md-10 {
    grid-row-end: span 10;
  }
  .grid .row-start-md-10 {
    grid-row-start: 10;
  }
  .grid .row-end-md-10 {
    grid-row-end: 10;
  }
  .grid-md-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid .col-md-11, .grid .col-span-md-11 {
    grid-column-end: span 11;
  }
  .grid .col-start-md-11 {
    grid-column-start: 11;
  }
  .grid .col-end-md-11 {
    grid-column-end: 11;
  }
  .grid-md-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid .row-md-11, .grid .row-span-md-11 {
    grid-row-end: span 11;
  }
  .grid .row-start-md-11 {
    grid-row-start: 11;
  }
  .grid .row-end-md-11 {
    grid-row-end: 11;
  }
  .grid-md-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid .col-md-12, .grid .col-span-md-12 {
    grid-column-end: span 12;
  }
  .grid .col-start-md-12 {
    grid-column-start: 12;
  }
  .grid .col-end-md-12 {
    grid-column-end: 12;
  }
  .grid-md-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid .row-md-12, .grid .row-span-md-12 {
    grid-row-end: span 12;
  }
  .grid .row-start-md-12 {
    grid-row-start: 12;
  }
  .grid .row-end-md-12 {
    grid-row-end: 12;
  }
}
@media (width >= 85rem) {
  .grid-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid .col-lg-1, .grid .col-span-lg-1 {
    grid-column-end: span 1;
  }
  .grid .col-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .col-end-lg-1 {
    grid-column-end: 1;
  }
  .grid-lg-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid .row-lg-1, .grid .row-span-lg-1 {
    grid-row-end: span 1;
  }
  .grid .row-start-lg-1 {
    grid-row-start: 1;
  }
  .grid .row-end-lg-1 {
    grid-row-end: 1;
  }
  .grid-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .col-lg-2, .grid .col-span-lg-2 {
    grid-column-end: span 2;
  }
  .grid .col-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .col-end-lg-2 {
    grid-column-end: 2;
  }
  .grid-lg-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid .row-lg-2, .grid .row-span-lg-2 {
    grid-row-end: span 2;
  }
  .grid .row-start-lg-2 {
    grid-row-start: 2;
  }
  .grid .row-end-lg-2 {
    grid-row-end: 2;
  }
  .grid-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid .col-lg-3, .grid .col-span-lg-3 {
    grid-column-end: span 3;
  }
  .grid .col-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .col-end-lg-3 {
    grid-column-end: 3;
  }
  .grid-lg-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid .row-lg-3, .grid .row-span-lg-3 {
    grid-row-end: span 3;
  }
  .grid .row-start-lg-3 {
    grid-row-start: 3;
  }
  .grid .row-end-lg-3 {
    grid-row-end: 3;
  }
  .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid .col-lg-4, .grid .col-span-lg-4 {
    grid-column-end: span 4;
  }
  .grid .col-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .col-end-lg-4 {
    grid-column-end: 4;
  }
  .grid-lg-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid .row-lg-4, .grid .row-span-lg-4 {
    grid-row-end: span 4;
  }
  .grid .row-start-lg-4 {
    grid-row-start: 4;
  }
  .grid .row-end-lg-4 {
    grid-row-end: 4;
  }
  .grid-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid .col-lg-5, .grid .col-span-lg-5 {
    grid-column-end: span 5;
  }
  .grid .col-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .col-end-lg-5 {
    grid-column-end: 5;
  }
  .grid-lg-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid .row-lg-5, .grid .row-span-lg-5 {
    grid-row-end: span 5;
  }
  .grid .row-start-lg-5 {
    grid-row-start: 5;
  }
  .grid .row-end-lg-5 {
    grid-row-end: 5;
  }
  .grid-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid .col-lg-6, .grid .col-span-lg-6 {
    grid-column-end: span 6;
  }
  .grid .col-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .col-end-lg-6 {
    grid-column-end: 6;
  }
  .grid-lg-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid .row-lg-6, .grid .row-span-lg-6 {
    grid-row-end: span 6;
  }
  .grid .row-start-lg-6 {
    grid-row-start: 6;
  }
  .grid .row-end-lg-6 {
    grid-row-end: 6;
  }
  .grid-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid .col-lg-7, .grid .col-span-lg-7 {
    grid-column-end: span 7;
  }
  .grid .col-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .col-end-lg-7 {
    grid-column-end: 7;
  }
  .grid-lg-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid .row-lg-7, .grid .row-span-lg-7 {
    grid-row-end: span 7;
  }
  .grid .row-start-lg-7 {
    grid-row-start: 7;
  }
  .grid .row-end-lg-7 {
    grid-row-end: 7;
  }
  .grid-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid .col-lg-8, .grid .col-span-lg-8 {
    grid-column-end: span 8;
  }
  .grid .col-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .col-end-lg-8 {
    grid-column-end: 8;
  }
  .grid-lg-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid .row-lg-8, .grid .row-span-lg-8 {
    grid-row-end: span 8;
  }
  .grid .row-start-lg-8 {
    grid-row-start: 8;
  }
  .grid .row-end-lg-8 {
    grid-row-end: 8;
  }
  .grid-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid .col-lg-9, .grid .col-span-lg-9 {
    grid-column-end: span 9;
  }
  .grid .col-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .col-end-lg-9 {
    grid-column-end: 9;
  }
  .grid-lg-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid .row-lg-9, .grid .row-span-lg-9 {
    grid-row-end: span 9;
  }
  .grid .row-start-lg-9 {
    grid-row-start: 9;
  }
  .grid .row-end-lg-9 {
    grid-row-end: 9;
  }
  .grid-lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid .col-lg-10, .grid .col-span-lg-10 {
    grid-column-end: span 10;
  }
  .grid .col-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .col-end-lg-10 {
    grid-column-end: 10;
  }
  .grid-lg-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid .row-lg-10, .grid .row-span-lg-10 {
    grid-row-end: span 10;
  }
  .grid .row-start-lg-10 {
    grid-row-start: 10;
  }
  .grid .row-end-lg-10 {
    grid-row-end: 10;
  }
  .grid-lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid .col-lg-11, .grid .col-span-lg-11 {
    grid-column-end: span 11;
  }
  .grid .col-start-lg-11 {
    grid-column-start: 11;
  }
  .grid .col-end-lg-11 {
    grid-column-end: 11;
  }
  .grid-lg-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid .row-lg-11, .grid .row-span-lg-11 {
    grid-row-end: span 11;
  }
  .grid .row-start-lg-11 {
    grid-row-start: 11;
  }
  .grid .row-end-lg-11 {
    grid-row-end: 11;
  }
  .grid-lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid .col-lg-12, .grid .col-span-lg-12 {
    grid-column-end: span 12;
  }
  .grid .col-start-lg-12 {
    grid-column-start: 12;
  }
  .grid .col-end-lg-12 {
    grid-column-end: 12;
  }
  .grid-lg-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid .row-lg-12, .grid .row-span-lg-12 {
    grid-row-end: span 12;
  }
  .grid .row-start-lg-12 {
    grid-row-start: 12;
  }
  .grid .row-end-lg-12 {
    grid-row-end: 12;
  }
}
@media (width >= 107.25rem) {
  .grid-hd-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid .col-hd-1, .grid .col-span-hd-1 {
    grid-column-end: span 1;
  }
  .grid .col-start-hd-1 {
    grid-column-start: 1;
  }
  .grid .col-end-hd-1 {
    grid-column-end: 1;
  }
  .grid-hd-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid .row-hd-1, .grid .row-span-hd-1 {
    grid-row-end: span 1;
  }
  .grid .row-start-hd-1 {
    grid-row-start: 1;
  }
  .grid .row-end-hd-1 {
    grid-row-end: 1;
  }
  .grid-hd-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .col-hd-2, .grid .col-span-hd-2 {
    grid-column-end: span 2;
  }
  .grid .col-start-hd-2 {
    grid-column-start: 2;
  }
  .grid .col-end-hd-2 {
    grid-column-end: 2;
  }
  .grid-hd-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid .row-hd-2, .grid .row-span-hd-2 {
    grid-row-end: span 2;
  }
  .grid .row-start-hd-2 {
    grid-row-start: 2;
  }
  .grid .row-end-hd-2 {
    grid-row-end: 2;
  }
  .grid-hd-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid .col-hd-3, .grid .col-span-hd-3 {
    grid-column-end: span 3;
  }
  .grid .col-start-hd-3 {
    grid-column-start: 3;
  }
  .grid .col-end-hd-3 {
    grid-column-end: 3;
  }
  .grid-hd-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid .row-hd-3, .grid .row-span-hd-3 {
    grid-row-end: span 3;
  }
  .grid .row-start-hd-3 {
    grid-row-start: 3;
  }
  .grid .row-end-hd-3 {
    grid-row-end: 3;
  }
  .grid-hd-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid .col-hd-4, .grid .col-span-hd-4 {
    grid-column-end: span 4;
  }
  .grid .col-start-hd-4 {
    grid-column-start: 4;
  }
  .grid .col-end-hd-4 {
    grid-column-end: 4;
  }
  .grid-hd-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid .row-hd-4, .grid .row-span-hd-4 {
    grid-row-end: span 4;
  }
  .grid .row-start-hd-4 {
    grid-row-start: 4;
  }
  .grid .row-end-hd-4 {
    grid-row-end: 4;
  }
  .grid-hd-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid .col-hd-5, .grid .col-span-hd-5 {
    grid-column-end: span 5;
  }
  .grid .col-start-hd-5 {
    grid-column-start: 5;
  }
  .grid .col-end-hd-5 {
    grid-column-end: 5;
  }
  .grid-hd-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid .row-hd-5, .grid .row-span-hd-5 {
    grid-row-end: span 5;
  }
  .grid .row-start-hd-5 {
    grid-row-start: 5;
  }
  .grid .row-end-hd-5 {
    grid-row-end: 5;
  }
  .grid-hd-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid .col-hd-6, .grid .col-span-hd-6 {
    grid-column-end: span 6;
  }
  .grid .col-start-hd-6 {
    grid-column-start: 6;
  }
  .grid .col-end-hd-6 {
    grid-column-end: 6;
  }
  .grid-hd-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid .row-hd-6, .grid .row-span-hd-6 {
    grid-row-end: span 6;
  }
  .grid .row-start-hd-6 {
    grid-row-start: 6;
  }
  .grid .row-end-hd-6 {
    grid-row-end: 6;
  }
  .grid-hd-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid .col-hd-7, .grid .col-span-hd-7 {
    grid-column-end: span 7;
  }
  .grid .col-start-hd-7 {
    grid-column-start: 7;
  }
  .grid .col-end-hd-7 {
    grid-column-end: 7;
  }
  .grid-hd-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid .row-hd-7, .grid .row-span-hd-7 {
    grid-row-end: span 7;
  }
  .grid .row-start-hd-7 {
    grid-row-start: 7;
  }
  .grid .row-end-hd-7 {
    grid-row-end: 7;
  }
  .grid-hd-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid .col-hd-8, .grid .col-span-hd-8 {
    grid-column-end: span 8;
  }
  .grid .col-start-hd-8 {
    grid-column-start: 8;
  }
  .grid .col-end-hd-8 {
    grid-column-end: 8;
  }
  .grid-hd-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid .row-hd-8, .grid .row-span-hd-8 {
    grid-row-end: span 8;
  }
  .grid .row-start-hd-8 {
    grid-row-start: 8;
  }
  .grid .row-end-hd-8 {
    grid-row-end: 8;
  }
  .grid-hd-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid .col-hd-9, .grid .col-span-hd-9 {
    grid-column-end: span 9;
  }
  .grid .col-start-hd-9 {
    grid-column-start: 9;
  }
  .grid .col-end-hd-9 {
    grid-column-end: 9;
  }
  .grid-hd-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid .row-hd-9, .grid .row-span-hd-9 {
    grid-row-end: span 9;
  }
  .grid .row-start-hd-9 {
    grid-row-start: 9;
  }
  .grid .row-end-hd-9 {
    grid-row-end: 9;
  }
  .grid-hd-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid .col-hd-10, .grid .col-span-hd-10 {
    grid-column-end: span 10;
  }
  .grid .col-start-hd-10 {
    grid-column-start: 10;
  }
  .grid .col-end-hd-10 {
    grid-column-end: 10;
  }
  .grid-hd-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid .row-hd-10, .grid .row-span-hd-10 {
    grid-row-end: span 10;
  }
  .grid .row-start-hd-10 {
    grid-row-start: 10;
  }
  .grid .row-end-hd-10 {
    grid-row-end: 10;
  }
  .grid-hd-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid .col-hd-11, .grid .col-span-hd-11 {
    grid-column-end: span 11;
  }
  .grid .col-start-hd-11 {
    grid-column-start: 11;
  }
  .grid .col-end-hd-11 {
    grid-column-end: 11;
  }
  .grid-hd-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid .row-hd-11, .grid .row-span-hd-11 {
    grid-row-end: span 11;
  }
  .grid .row-start-hd-11 {
    grid-row-start: 11;
  }
  .grid .row-end-hd-11 {
    grid-row-end: 11;
  }
  .grid-hd-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid .col-hd-12, .grid .col-span-hd-12 {
    grid-column-end: span 12;
  }
  .grid .col-start-hd-12 {
    grid-column-start: 12;
  }
  .grid .col-end-hd-12 {
    grid-column-end: 12;
  }
  .grid-hd-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid .row-hd-12, .grid .row-span-hd-12 {
    grid-row-end: span 12;
  }
  .grid .row-start-hd-12 {
    grid-row-start: 12;
  }
  .grid .row-end-hd-12 {
    grid-row-end: 12;
  }
}
@media (width >= 160rem) {
  .grid-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid .col-xl-1, .grid .col-span-xl-1 {
    grid-column-end: span 1;
  }
  .grid .col-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .col-end-xl-1 {
    grid-column-end: 1;
  }
  .grid-xl-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .grid .row-xl-1, .grid .row-span-xl-1 {
    grid-row-end: span 1;
  }
  .grid .row-start-xl-1 {
    grid-row-start: 1;
  }
  .grid .row-end-xl-1 {
    grid-row-end: 1;
  }
  .grid-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .col-xl-2, .grid .col-span-xl-2 {
    grid-column-end: span 2;
  }
  .grid .col-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .col-end-xl-2 {
    grid-column-end: 2;
  }
  .grid-xl-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .grid .row-xl-2, .grid .row-span-xl-2 {
    grid-row-end: span 2;
  }
  .grid .row-start-xl-2 {
    grid-row-start: 2;
  }
  .grid .row-end-xl-2 {
    grid-row-end: 2;
  }
  .grid-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid .col-xl-3, .grid .col-span-xl-3 {
    grid-column-end: span 3;
  }
  .grid .col-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .col-end-xl-3 {
    grid-column-end: 3;
  }
  .grid-xl-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid .row-xl-3, .grid .row-span-xl-3 {
    grid-row-end: span 3;
  }
  .grid .row-start-xl-3 {
    grid-row-start: 3;
  }
  .grid .row-end-xl-3 {
    grid-row-end: 3;
  }
  .grid-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid .col-xl-4, .grid .col-span-xl-4 {
    grid-column-end: span 4;
  }
  .grid .col-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .col-end-xl-4 {
    grid-column-end: 4;
  }
  .grid-xl-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid .row-xl-4, .grid .row-span-xl-4 {
    grid-row-end: span 4;
  }
  .grid .row-start-xl-4 {
    grid-row-start: 4;
  }
  .grid .row-end-xl-4 {
    grid-row-end: 4;
  }
  .grid-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid .col-xl-5, .grid .col-span-xl-5 {
    grid-column-end: span 5;
  }
  .grid .col-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .col-end-xl-5 {
    grid-column-end: 5;
  }
  .grid-xl-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .grid .row-xl-5, .grid .row-span-xl-5 {
    grid-row-end: span 5;
  }
  .grid .row-start-xl-5 {
    grid-row-start: 5;
  }
  .grid .row-end-xl-5 {
    grid-row-end: 5;
  }
  .grid-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid .col-xl-6, .grid .col-span-xl-6 {
    grid-column-end: span 6;
  }
  .grid .col-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .col-end-xl-6 {
    grid-column-end: 6;
  }
  .grid-xl-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .grid .row-xl-6, .grid .row-span-xl-6 {
    grid-row-end: span 6;
  }
  .grid .row-start-xl-6 {
    grid-row-start: 6;
  }
  .grid .row-end-xl-6 {
    grid-row-end: 6;
  }
  .grid-xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid .col-xl-7, .grid .col-span-xl-7 {
    grid-column-end: span 7;
  }
  .grid .col-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .col-end-xl-7 {
    grid-column-end: 7;
  }
  .grid-xl-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .grid .row-xl-7, .grid .row-span-xl-7 {
    grid-row-end: span 7;
  }
  .grid .row-start-xl-7 {
    grid-row-start: 7;
  }
  .grid .row-end-xl-7 {
    grid-row-end: 7;
  }
  .grid-xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid .col-xl-8, .grid .col-span-xl-8 {
    grid-column-end: span 8;
  }
  .grid .col-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .col-end-xl-8 {
    grid-column-end: 8;
  }
  .grid-xl-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .grid .row-xl-8, .grid .row-span-xl-8 {
    grid-row-end: span 8;
  }
  .grid .row-start-xl-8 {
    grid-row-start: 8;
  }
  .grid .row-end-xl-8 {
    grid-row-end: 8;
  }
  .grid-xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid .col-xl-9, .grid .col-span-xl-9 {
    grid-column-end: span 9;
  }
  .grid .col-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .col-end-xl-9 {
    grid-column-end: 9;
  }
  .grid-xl-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .grid .row-xl-9, .grid .row-span-xl-9 {
    grid-row-end: span 9;
  }
  .grid .row-start-xl-9 {
    grid-row-start: 9;
  }
  .grid .row-end-xl-9 {
    grid-row-end: 9;
  }
  .grid-xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid .col-xl-10, .grid .col-span-xl-10 {
    grid-column-end: span 10;
  }
  .grid .col-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .col-end-xl-10 {
    grid-column-end: 10;
  }
  .grid-xl-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .grid .row-xl-10, .grid .row-span-xl-10 {
    grid-row-end: span 10;
  }
  .grid .row-start-xl-10 {
    grid-row-start: 10;
  }
  .grid .row-end-xl-10 {
    grid-row-end: 10;
  }
  .grid-xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid .col-xl-11, .grid .col-span-xl-11 {
    grid-column-end: span 11;
  }
  .grid .col-start-xl-11 {
    grid-column-start: 11;
  }
  .grid .col-end-xl-11 {
    grid-column-end: 11;
  }
  .grid-xl-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .grid .row-xl-11, .grid .row-span-xl-11 {
    grid-row-end: span 11;
  }
  .grid .row-start-xl-11 {
    grid-row-start: 11;
  }
  .grid .row-end-xl-11 {
    grid-row-end: 11;
  }
  .grid-xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid .col-xl-12, .grid .col-span-xl-12 {
    grid-column-end: span 12;
  }
  .grid .col-start-xl-12 {
    grid-column-start: 12;
  }
  .grid .col-end-xl-12 {
    grid-column-end: 12;
  }
  .grid-xl-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .grid .row-xl-12, .grid .row-span-xl-12 {
    grid-row-end: span 12;
  }
  .grid .row-start-xl-12 {
    grid-row-start: 12;
  }
  .grid .row-end-xl-12 {
    grid-row-end: 12;
  }
}
.grid.gap-0 {
  gap: 0rem;
}
.grid.row-gap-0 {
  row-gap: 0rem;
}
.grid.col-gap-0 {
  column-gap: 0rem;
}
.grid.gap-100 {
  gap: 0.25rem;
}
.grid.row-gap-100 {
  row-gap: 0.25rem;
}
.grid.col-gap-100 {
  column-gap: 0.25rem;
}
.grid.gap-150 {
  gap: 0.5rem;
}
.grid.row-gap-150 {
  row-gap: 0.5rem;
}
.grid.col-gap-150 {
  column-gap: 0.5rem;
}
.grid.gap-200 {
  gap: 0.75rem;
}
.grid.row-gap-200 {
  row-gap: 0.75rem;
}
.grid.col-gap-200 {
  column-gap: 0.75rem;
}
.grid.gap-300 {
  gap: 1rem;
}
.grid.row-gap-300 {
  row-gap: 1rem;
}
.grid.col-gap-300 {
  column-gap: 1rem;
}
.grid.gap-400 {
  gap: 1.5rem;
}
.grid.row-gap-400 {
  row-gap: 1.5rem;
}
.grid.col-gap-400 {
  column-gap: 1.5rem;
}
.grid.gap-500 {
  gap: 2rem;
}
.grid.row-gap-500 {
  row-gap: 2rem;
}
.grid.col-gap-500 {
  column-gap: 2rem;
}
.grid.gap-600 {
  gap: 3rem;
}
.grid.row-gap-600 {
  row-gap: 3rem;
}
.grid.col-gap-600 {
  column-gap: 3rem;
}
.grid.gap-700 {
  gap: 4rem;
}
.grid.row-gap-700 {
  row-gap: 4rem;
}
.grid.col-gap-700 {
  column-gap: 4rem;
}
.grid.gap-800 {
  gap: 6rem;
}
.grid.row-gap-800 {
  row-gap: 6rem;
}
.grid.col-gap-800 {
  column-gap: 6rem;
}
.grid.gap-900 {
  gap: 8rem;
}
.grid.row-gap-900 {
  row-gap: 8rem;
}
.grid.col-gap-900 {
  column-gap: 8rem;
}
.grid.gap-950 {
  gap: 9rem;
}
.grid.row-gap-950 {
  row-gap: 9rem;
}
.grid.col-gap-950 {
  column-gap: 9rem;
}
.grid.gap-1000 {
  gap: 10rem;
}
.grid.row-gap-1000 {
  row-gap: 10rem;
}
.grid.col-gap-1000 {
  column-gap: 10rem;
}
.grid.gap-1200 {
  gap: 12rem;
}
.grid.row-gap-1200 {
  row-gap: 12rem;
}
.grid.col-gap-1200 {
  column-gap: 12rem;
}
.grid.gap-1400 {
  gap: 14rem;
}
.grid.row-gap-1400 {
  row-gap: 14rem;
}
.grid.col-gap-1400 {
  column-gap: 14rem;
}
.grid.gap-1600 {
  gap: 16rem;
}
.grid.row-gap-1600 {
  row-gap: 16rem;
}
.grid.col-gap-1600 {
  column-gap: 16rem;
}
@media (width >= 37.5rem) {
  .grid.gap-sm-0 {
    gap: 0rem;
  }
  .grid.row-gap-sm-0 {
    row-gap: 0rem;
  }
  .grid.col-gap-sm-0 {
    column-gap: 0rem;
  }
  .grid.gap-sm-100 {
    gap: 0.25rem;
  }
  .grid.row-gap-sm-100 {
    row-gap: 0.25rem;
  }
  .grid.col-gap-sm-100 {
    column-gap: 0.25rem;
  }
  .grid.gap-sm-150 {
    gap: 0.5rem;
  }
  .grid.row-gap-sm-150 {
    row-gap: 0.5rem;
  }
  .grid.col-gap-sm-150 {
    column-gap: 0.5rem;
  }
  .grid.gap-sm-200 {
    gap: 0.75rem;
  }
  .grid.row-gap-sm-200 {
    row-gap: 0.75rem;
  }
  .grid.col-gap-sm-200 {
    column-gap: 0.75rem;
  }
  .grid.gap-sm-300 {
    gap: 1rem;
  }
  .grid.row-gap-sm-300 {
    row-gap: 1rem;
  }
  .grid.col-gap-sm-300 {
    column-gap: 1rem;
  }
  .grid.gap-sm-400 {
    gap: 1.5rem;
  }
  .grid.row-gap-sm-400 {
    row-gap: 1.5rem;
  }
  .grid.col-gap-sm-400 {
    column-gap: 1.5rem;
  }
  .grid.gap-sm-500 {
    gap: 2rem;
  }
  .grid.row-gap-sm-500 {
    row-gap: 2rem;
  }
  .grid.col-gap-sm-500 {
    column-gap: 2rem;
  }
  .grid.gap-sm-600 {
    gap: 3rem;
  }
  .grid.row-gap-sm-600 {
    row-gap: 3rem;
  }
  .grid.col-gap-sm-600 {
    column-gap: 3rem;
  }
  .grid.gap-sm-700 {
    gap: 4rem;
  }
  .grid.row-gap-sm-700 {
    row-gap: 4rem;
  }
  .grid.col-gap-sm-700 {
    column-gap: 4rem;
  }
  .grid.gap-sm-800 {
    gap: 6rem;
  }
  .grid.row-gap-sm-800 {
    row-gap: 6rem;
  }
  .grid.col-gap-sm-800 {
    column-gap: 6rem;
  }
  .grid.gap-sm-900 {
    gap: 8rem;
  }
  .grid.row-gap-sm-900 {
    row-gap: 8rem;
  }
  .grid.col-gap-sm-900 {
    column-gap: 8rem;
  }
  .grid.gap-sm-950 {
    gap: 9rem;
  }
  .grid.row-gap-sm-950 {
    row-gap: 9rem;
  }
  .grid.col-gap-sm-950 {
    column-gap: 9rem;
  }
  .grid.gap-sm-1000 {
    gap: 10rem;
  }
  .grid.row-gap-sm-1000 {
    row-gap: 10rem;
  }
  .grid.col-gap-sm-1000 {
    column-gap: 10rem;
  }
  .grid.gap-sm-1200 {
    gap: 12rem;
  }
  .grid.row-gap-sm-1200 {
    row-gap: 12rem;
  }
  .grid.col-gap-sm-1200 {
    column-gap: 12rem;
  }
  .grid.gap-sm-1400 {
    gap: 14rem;
  }
  .grid.row-gap-sm-1400 {
    row-gap: 14rem;
  }
  .grid.col-gap-sm-1400 {
    column-gap: 14rem;
  }
  .grid.gap-sm-1600 {
    gap: 16rem;
  }
  .grid.row-gap-sm-1600 {
    row-gap: 16rem;
  }
  .grid.col-gap-sm-1600 {
    column-gap: 16rem;
  }
}
@media (width >= 62.375rem) {
  .grid.gap-md-0 {
    gap: 0rem;
  }
  .grid.row-gap-md-0 {
    row-gap: 0rem;
  }
  .grid.col-gap-md-0 {
    column-gap: 0rem;
  }
  .grid.gap-md-100 {
    gap: 0.25rem;
  }
  .grid.row-gap-md-100 {
    row-gap: 0.25rem;
  }
  .grid.col-gap-md-100 {
    column-gap: 0.25rem;
  }
  .grid.gap-md-150 {
    gap: 0.5rem;
  }
  .grid.row-gap-md-150 {
    row-gap: 0.5rem;
  }
  .grid.col-gap-md-150 {
    column-gap: 0.5rem;
  }
  .grid.gap-md-200 {
    gap: 0.75rem;
  }
  .grid.row-gap-md-200 {
    row-gap: 0.75rem;
  }
  .grid.col-gap-md-200 {
    column-gap: 0.75rem;
  }
  .grid.gap-md-300 {
    gap: 1rem;
  }
  .grid.row-gap-md-300 {
    row-gap: 1rem;
  }
  .grid.col-gap-md-300 {
    column-gap: 1rem;
  }
  .grid.gap-md-400 {
    gap: 1.5rem;
  }
  .grid.row-gap-md-400 {
    row-gap: 1.5rem;
  }
  .grid.col-gap-md-400 {
    column-gap: 1.5rem;
  }
  .grid.gap-md-500 {
    gap: 2rem;
  }
  .grid.row-gap-md-500 {
    row-gap: 2rem;
  }
  .grid.col-gap-md-500 {
    column-gap: 2rem;
  }
  .grid.gap-md-600 {
    gap: 3rem;
  }
  .grid.row-gap-md-600 {
    row-gap: 3rem;
  }
  .grid.col-gap-md-600 {
    column-gap: 3rem;
  }
  .grid.gap-md-700 {
    gap: 4rem;
  }
  .grid.row-gap-md-700 {
    row-gap: 4rem;
  }
  .grid.col-gap-md-700 {
    column-gap: 4rem;
  }
  .grid.gap-md-800 {
    gap: 6rem;
  }
  .grid.row-gap-md-800 {
    row-gap: 6rem;
  }
  .grid.col-gap-md-800 {
    column-gap: 6rem;
  }
  .grid.gap-md-900 {
    gap: 8rem;
  }
  .grid.row-gap-md-900 {
    row-gap: 8rem;
  }
  .grid.col-gap-md-900 {
    column-gap: 8rem;
  }
  .grid.gap-md-950 {
    gap: 9rem;
  }
  .grid.row-gap-md-950 {
    row-gap: 9rem;
  }
  .grid.col-gap-md-950 {
    column-gap: 9rem;
  }
  .grid.gap-md-1000 {
    gap: 10rem;
  }
  .grid.row-gap-md-1000 {
    row-gap: 10rem;
  }
  .grid.col-gap-md-1000 {
    column-gap: 10rem;
  }
  .grid.gap-md-1200 {
    gap: 12rem;
  }
  .grid.row-gap-md-1200 {
    row-gap: 12rem;
  }
  .grid.col-gap-md-1200 {
    column-gap: 12rem;
  }
  .grid.gap-md-1400 {
    gap: 14rem;
  }
  .grid.row-gap-md-1400 {
    row-gap: 14rem;
  }
  .grid.col-gap-md-1400 {
    column-gap: 14rem;
  }
  .grid.gap-md-1600 {
    gap: 16rem;
  }
  .grid.row-gap-md-1600 {
    row-gap: 16rem;
  }
  .grid.col-gap-md-1600 {
    column-gap: 16rem;
  }
}
@media (width >= 85rem) {
  .grid.gap-lg-0 {
    gap: 0rem;
  }
  .grid.row-gap-lg-0 {
    row-gap: 0rem;
  }
  .grid.col-gap-lg-0 {
    column-gap: 0rem;
  }
  .grid.gap-lg-100 {
    gap: 0.25rem;
  }
  .grid.row-gap-lg-100 {
    row-gap: 0.25rem;
  }
  .grid.col-gap-lg-100 {
    column-gap: 0.25rem;
  }
  .grid.gap-lg-150 {
    gap: 0.5rem;
  }
  .grid.row-gap-lg-150 {
    row-gap: 0.5rem;
  }
  .grid.col-gap-lg-150 {
    column-gap: 0.5rem;
  }
  .grid.gap-lg-200 {
    gap: 0.75rem;
  }
  .grid.row-gap-lg-200 {
    row-gap: 0.75rem;
  }
  .grid.col-gap-lg-200 {
    column-gap: 0.75rem;
  }
  .grid.gap-lg-300 {
    gap: 1rem;
  }
  .grid.row-gap-lg-300 {
    row-gap: 1rem;
  }
  .grid.col-gap-lg-300 {
    column-gap: 1rem;
  }
  .grid.gap-lg-400 {
    gap: 1.5rem;
  }
  .grid.row-gap-lg-400 {
    row-gap: 1.5rem;
  }
  .grid.col-gap-lg-400 {
    column-gap: 1.5rem;
  }
  .grid.gap-lg-500 {
    gap: 2rem;
  }
  .grid.row-gap-lg-500 {
    row-gap: 2rem;
  }
  .grid.col-gap-lg-500 {
    column-gap: 2rem;
  }
  .grid.gap-lg-600 {
    gap: 3rem;
  }
  .grid.row-gap-lg-600 {
    row-gap: 3rem;
  }
  .grid.col-gap-lg-600 {
    column-gap: 3rem;
  }
  .grid.gap-lg-700 {
    gap: 4rem;
  }
  .grid.row-gap-lg-700 {
    row-gap: 4rem;
  }
  .grid.col-gap-lg-700 {
    column-gap: 4rem;
  }
  .grid.gap-lg-800 {
    gap: 6rem;
  }
  .grid.row-gap-lg-800 {
    row-gap: 6rem;
  }
  .grid.col-gap-lg-800 {
    column-gap: 6rem;
  }
  .grid.gap-lg-900 {
    gap: 8rem;
  }
  .grid.row-gap-lg-900 {
    row-gap: 8rem;
  }
  .grid.col-gap-lg-900 {
    column-gap: 8rem;
  }
  .grid.gap-lg-950 {
    gap: 9rem;
  }
  .grid.row-gap-lg-950 {
    row-gap: 9rem;
  }
  .grid.col-gap-lg-950 {
    column-gap: 9rem;
  }
  .grid.gap-lg-1000 {
    gap: 10rem;
  }
  .grid.row-gap-lg-1000 {
    row-gap: 10rem;
  }
  .grid.col-gap-lg-1000 {
    column-gap: 10rem;
  }
  .grid.gap-lg-1200 {
    gap: 12rem;
  }
  .grid.row-gap-lg-1200 {
    row-gap: 12rem;
  }
  .grid.col-gap-lg-1200 {
    column-gap: 12rem;
  }
  .grid.gap-lg-1400 {
    gap: 14rem;
  }
  .grid.row-gap-lg-1400 {
    row-gap: 14rem;
  }
  .grid.col-gap-lg-1400 {
    column-gap: 14rem;
  }
  .grid.gap-lg-1600 {
    gap: 16rem;
  }
  .grid.row-gap-lg-1600 {
    row-gap: 16rem;
  }
  .grid.col-gap-lg-1600 {
    column-gap: 16rem;
  }
}
@media (width >= 107.25rem) {
  .grid.gap-hd-0 {
    gap: 0rem;
  }
  .grid.row-gap-hd-0 {
    row-gap: 0rem;
  }
  .grid.col-gap-hd-0 {
    column-gap: 0rem;
  }
  .grid.gap-hd-100 {
    gap: 0.25rem;
  }
  .grid.row-gap-hd-100 {
    row-gap: 0.25rem;
  }
  .grid.col-gap-hd-100 {
    column-gap: 0.25rem;
  }
  .grid.gap-hd-150 {
    gap: 0.5rem;
  }
  .grid.row-gap-hd-150 {
    row-gap: 0.5rem;
  }
  .grid.col-gap-hd-150 {
    column-gap: 0.5rem;
  }
  .grid.gap-hd-200 {
    gap: 0.75rem;
  }
  .grid.row-gap-hd-200 {
    row-gap: 0.75rem;
  }
  .grid.col-gap-hd-200 {
    column-gap: 0.75rem;
  }
  .grid.gap-hd-300 {
    gap: 1rem;
  }
  .grid.row-gap-hd-300 {
    row-gap: 1rem;
  }
  .grid.col-gap-hd-300 {
    column-gap: 1rem;
  }
  .grid.gap-hd-400 {
    gap: 1.5rem;
  }
  .grid.row-gap-hd-400 {
    row-gap: 1.5rem;
  }
  .grid.col-gap-hd-400 {
    column-gap: 1.5rem;
  }
  .grid.gap-hd-500 {
    gap: 2rem;
  }
  .grid.row-gap-hd-500 {
    row-gap: 2rem;
  }
  .grid.col-gap-hd-500 {
    column-gap: 2rem;
  }
  .grid.gap-hd-600 {
    gap: 3rem;
  }
  .grid.row-gap-hd-600 {
    row-gap: 3rem;
  }
  .grid.col-gap-hd-600 {
    column-gap: 3rem;
  }
  .grid.gap-hd-700 {
    gap: 4rem;
  }
  .grid.row-gap-hd-700 {
    row-gap: 4rem;
  }
  .grid.col-gap-hd-700 {
    column-gap: 4rem;
  }
  .grid.gap-hd-800 {
    gap: 6rem;
  }
  .grid.row-gap-hd-800 {
    row-gap: 6rem;
  }
  .grid.col-gap-hd-800 {
    column-gap: 6rem;
  }
  .grid.gap-hd-900 {
    gap: 8rem;
  }
  .grid.row-gap-hd-900 {
    row-gap: 8rem;
  }
  .grid.col-gap-hd-900 {
    column-gap: 8rem;
  }
  .grid.gap-hd-950 {
    gap: 9rem;
  }
  .grid.row-gap-hd-950 {
    row-gap: 9rem;
  }
  .grid.col-gap-hd-950 {
    column-gap: 9rem;
  }
  .grid.gap-hd-1000 {
    gap: 10rem;
  }
  .grid.row-gap-hd-1000 {
    row-gap: 10rem;
  }
  .grid.col-gap-hd-1000 {
    column-gap: 10rem;
  }
  .grid.gap-hd-1200 {
    gap: 12rem;
  }
  .grid.row-gap-hd-1200 {
    row-gap: 12rem;
  }
  .grid.col-gap-hd-1200 {
    column-gap: 12rem;
  }
  .grid.gap-hd-1400 {
    gap: 14rem;
  }
  .grid.row-gap-hd-1400 {
    row-gap: 14rem;
  }
  .grid.col-gap-hd-1400 {
    column-gap: 14rem;
  }
  .grid.gap-hd-1600 {
    gap: 16rem;
  }
  .grid.row-gap-hd-1600 {
    row-gap: 16rem;
  }
  .grid.col-gap-hd-1600 {
    column-gap: 16rem;
  }
}
@media (width >= 160rem) {
  .grid.gap-xl-0 {
    gap: 0rem;
  }
  .grid.row-gap-xl-0 {
    row-gap: 0rem;
  }
  .grid.col-gap-xl-0 {
    column-gap: 0rem;
  }
  .grid.gap-xl-100 {
    gap: 0.25rem;
  }
  .grid.row-gap-xl-100 {
    row-gap: 0.25rem;
  }
  .grid.col-gap-xl-100 {
    column-gap: 0.25rem;
  }
  .grid.gap-xl-150 {
    gap: 0.5rem;
  }
  .grid.row-gap-xl-150 {
    row-gap: 0.5rem;
  }
  .grid.col-gap-xl-150 {
    column-gap: 0.5rem;
  }
  .grid.gap-xl-200 {
    gap: 0.75rem;
  }
  .grid.row-gap-xl-200 {
    row-gap: 0.75rem;
  }
  .grid.col-gap-xl-200 {
    column-gap: 0.75rem;
  }
  .grid.gap-xl-300 {
    gap: 1rem;
  }
  .grid.row-gap-xl-300 {
    row-gap: 1rem;
  }
  .grid.col-gap-xl-300 {
    column-gap: 1rem;
  }
  .grid.gap-xl-400 {
    gap: 1.5rem;
  }
  .grid.row-gap-xl-400 {
    row-gap: 1.5rem;
  }
  .grid.col-gap-xl-400 {
    column-gap: 1.5rem;
  }
  .grid.gap-xl-500 {
    gap: 2rem;
  }
  .grid.row-gap-xl-500 {
    row-gap: 2rem;
  }
  .grid.col-gap-xl-500 {
    column-gap: 2rem;
  }
  .grid.gap-xl-600 {
    gap: 3rem;
  }
  .grid.row-gap-xl-600 {
    row-gap: 3rem;
  }
  .grid.col-gap-xl-600 {
    column-gap: 3rem;
  }
  .grid.gap-xl-700 {
    gap: 4rem;
  }
  .grid.row-gap-xl-700 {
    row-gap: 4rem;
  }
  .grid.col-gap-xl-700 {
    column-gap: 4rem;
  }
  .grid.gap-xl-800 {
    gap: 6rem;
  }
  .grid.row-gap-xl-800 {
    row-gap: 6rem;
  }
  .grid.col-gap-xl-800 {
    column-gap: 6rem;
  }
  .grid.gap-xl-900 {
    gap: 8rem;
  }
  .grid.row-gap-xl-900 {
    row-gap: 8rem;
  }
  .grid.col-gap-xl-900 {
    column-gap: 8rem;
  }
  .grid.gap-xl-950 {
    gap: 9rem;
  }
  .grid.row-gap-xl-950 {
    row-gap: 9rem;
  }
  .grid.col-gap-xl-950 {
    column-gap: 9rem;
  }
  .grid.gap-xl-1000 {
    gap: 10rem;
  }
  .grid.row-gap-xl-1000 {
    row-gap: 10rem;
  }
  .grid.col-gap-xl-1000 {
    column-gap: 10rem;
  }
  .grid.gap-xl-1200 {
    gap: 12rem;
  }
  .grid.row-gap-xl-1200 {
    row-gap: 12rem;
  }
  .grid.col-gap-xl-1200 {
    column-gap: 12rem;
  }
  .grid.gap-xl-1400 {
    gap: 14rem;
  }
  .grid.row-gap-xl-1400 {
    row-gap: 14rem;
  }
  .grid.col-gap-xl-1400 {
    column-gap: 14rem;
  }
  .grid.gap-xl-1600 {
    gap: 16rem;
  }
  .grid.row-gap-xl-1600 {
    row-gap: 16rem;
  }
  .grid.col-gap-xl-1600 {
    column-gap: 16rem;
  }
}
.grid.align-items-start {
  align-items: start;
}
.grid.align-content-start {
  align-content: start;
}
.grid.justify-items-start {
  justify-items: start;
}
.grid.justify-content-start {
  justify-content: start;
}
.grid .align-self-start {
  align-self: start;
}
.grid .justify-self-start {
  justify-self: start;
}
.grid.align-items-end {
  align-items: end;
}
.grid.align-content-end {
  align-content: end;
}
.grid.justify-items-end {
  justify-items: end;
}
.grid.justify-content-end {
  justify-content: end;
}
.grid .align-self-end {
  align-self: end;
}
.grid .justify-self-end {
  justify-self: end;
}
.grid.align-items-center {
  align-items: center;
}
.grid.align-content-center {
  align-content: center;
}
.grid.justify-items-center {
  justify-items: center;
}
.grid.justify-content-center {
  justify-content: center;
}
.grid .align-self-center {
  align-self: center;
}
.grid .justify-self-center {
  justify-self: center;
}
.grid.align-items-stretch {
  align-items: stretch;
}
.grid.align-content-stretch {
  align-content: stretch;
}
.grid.justify-items-stretch {
  justify-items: stretch;
}
.grid.justify-content-stretch {
  justify-content: stretch;
}
.grid .align-self-stretch {
  align-self: stretch;
}
.grid .justify-self-stretch {
  justify-self: stretch;
}
.grid.align-items-baseline {
  align-items: baseline;
}
.grid.align-content-baseline {
  align-content: baseline;
}
.grid.justify-items-baseline {
  justify-items: baseline;
}
.grid.justify-content-baseline {
  justify-content: baseline;
}
.grid .align-self-baseline {
  align-self: baseline;
}
.grid .justify-self-baseline {
  justify-self: baseline;
}
.grid.align-items-between {
  align-items: space-between;
}
.grid.align-content-between {
  align-content: space-between;
}
.grid.justify-items-between {
  justify-items: space-between;
}
.grid.justify-content-between {
  justify-content: space-between;
}
.grid .align-self-between {
  align-self: space-between;
}
.grid .justify-self-between {
  justify-self: space-between;
}
.grid.align-items-around {
  align-items: space-around;
}
.grid.align-content-around {
  align-content: space-around;
}
.grid.justify-items-around {
  justify-items: space-around;
}
.grid.justify-content-around {
  justify-content: space-around;
}
.grid .align-self-around {
  align-self: space-around;
}
.grid .justify-self-around {
  justify-self: space-around;
}
.grid.align-items-evenly {
  align-items: space-evenly;
}
.grid.align-content-evenly {
  align-content: space-evenly;
}
.grid.justify-items-evenly {
  justify-items: space-evenly;
}
.grid.justify-content-evenly {
  justify-content: space-evenly;
}
.grid .align-self-evenly {
  align-self: space-evenly;
}
.grid .justify-self-evenly {
  justify-self: space-evenly;
}
@media (width >= 37.5rem) {
  .grid.align-items-sm-start {
    align-items: start;
  }
  .grid.align-content-sm-start {
    align-content: start;
  }
  .grid.justify-items-sm-start {
    justify-items: start;
  }
  .grid.justify-content-sm-start {
    justify-content: start;
  }
  .grid .align-self-sm-start {
    align-self: start;
  }
  .grid .justify-self-sm-start {
    justify-self: start;
  }
  .grid.align-items-sm-end {
    align-items: end;
  }
  .grid.align-content-sm-end {
    align-content: end;
  }
  .grid.justify-items-sm-end {
    justify-items: end;
  }
  .grid.justify-content-sm-end {
    justify-content: end;
  }
  .grid .align-self-sm-end {
    align-self: end;
  }
  .grid .justify-self-sm-end {
    justify-self: end;
  }
  .grid.align-items-sm-center {
    align-items: center;
  }
  .grid.align-content-sm-center {
    align-content: center;
  }
  .grid.justify-items-sm-center {
    justify-items: center;
  }
  .grid.justify-content-sm-center {
    justify-content: center;
  }
  .grid .align-self-sm-center {
    align-self: center;
  }
  .grid .justify-self-sm-center {
    justify-self: center;
  }
  .grid.align-items-sm-stretch {
    align-items: stretch;
  }
  .grid.align-content-sm-stretch {
    align-content: stretch;
  }
  .grid.justify-items-sm-stretch {
    justify-items: stretch;
  }
  .grid.justify-content-sm-stretch {
    justify-content: stretch;
  }
  .grid .align-self-sm-stretch {
    align-self: stretch;
  }
  .grid .justify-self-sm-stretch {
    justify-self: stretch;
  }
  .grid.align-items-sm-baseline {
    align-items: baseline;
  }
  .grid.align-content-sm-baseline {
    align-content: baseline;
  }
  .grid.justify-items-sm-baseline {
    justify-items: baseline;
  }
  .grid.justify-content-sm-baseline {
    justify-content: baseline;
  }
  .grid .align-self-sm-baseline {
    align-self: baseline;
  }
  .grid .justify-self-sm-baseline {
    justify-self: baseline;
  }
  .grid.align-items-sm-between {
    align-items: space-between;
  }
  .grid.align-content-sm-between {
    align-content: space-between;
  }
  .grid.justify-items-sm-between {
    justify-items: space-between;
  }
  .grid.justify-content-sm-between {
    justify-content: space-between;
  }
  .grid .align-self-sm-between {
    align-self: space-between;
  }
  .grid .justify-self-sm-between {
    justify-self: space-between;
  }
  .grid.align-items-sm-around {
    align-items: space-around;
  }
  .grid.align-content-sm-around {
    align-content: space-around;
  }
  .grid.justify-items-sm-around {
    justify-items: space-around;
  }
  .grid.justify-content-sm-around {
    justify-content: space-around;
  }
  .grid .align-self-sm-around {
    align-self: space-around;
  }
  .grid .justify-self-sm-around {
    justify-self: space-around;
  }
  .grid.align-items-sm-evenly {
    align-items: space-evenly;
  }
  .grid.align-content-sm-evenly {
    align-content: space-evenly;
  }
  .grid.justify-items-sm-evenly {
    justify-items: space-evenly;
  }
  .grid.justify-content-sm-evenly {
    justify-content: space-evenly;
  }
  .grid .align-self-sm-evenly {
    align-self: space-evenly;
  }
  .grid .justify-self-sm-evenly {
    justify-self: space-evenly;
  }
}
@media (width >= 62.375rem) {
  .grid.align-items-md-start {
    align-items: start;
  }
  .grid.align-content-md-start {
    align-content: start;
  }
  .grid.justify-items-md-start {
    justify-items: start;
  }
  .grid.justify-content-md-start {
    justify-content: start;
  }
  .grid .align-self-md-start {
    align-self: start;
  }
  .grid .justify-self-md-start {
    justify-self: start;
  }
  .grid.align-items-md-end {
    align-items: end;
  }
  .grid.align-content-md-end {
    align-content: end;
  }
  .grid.justify-items-md-end {
    justify-items: end;
  }
  .grid.justify-content-md-end {
    justify-content: end;
  }
  .grid .align-self-md-end {
    align-self: end;
  }
  .grid .justify-self-md-end {
    justify-self: end;
  }
  .grid.align-items-md-center {
    align-items: center;
  }
  .grid.align-content-md-center {
    align-content: center;
  }
  .grid.justify-items-md-center {
    justify-items: center;
  }
  .grid.justify-content-md-center {
    justify-content: center;
  }
  .grid .align-self-md-center {
    align-self: center;
  }
  .grid .justify-self-md-center {
    justify-self: center;
  }
  .grid.align-items-md-stretch {
    align-items: stretch;
  }
  .grid.align-content-md-stretch {
    align-content: stretch;
  }
  .grid.justify-items-md-stretch {
    justify-items: stretch;
  }
  .grid.justify-content-md-stretch {
    justify-content: stretch;
  }
  .grid .align-self-md-stretch {
    align-self: stretch;
  }
  .grid .justify-self-md-stretch {
    justify-self: stretch;
  }
  .grid.align-items-md-baseline {
    align-items: baseline;
  }
  .grid.align-content-md-baseline {
    align-content: baseline;
  }
  .grid.justify-items-md-baseline {
    justify-items: baseline;
  }
  .grid.justify-content-md-baseline {
    justify-content: baseline;
  }
  .grid .align-self-md-baseline {
    align-self: baseline;
  }
  .grid .justify-self-md-baseline {
    justify-self: baseline;
  }
  .grid.align-items-md-between {
    align-items: space-between;
  }
  .grid.align-content-md-between {
    align-content: space-between;
  }
  .grid.justify-items-md-between {
    justify-items: space-between;
  }
  .grid.justify-content-md-between {
    justify-content: space-between;
  }
  .grid .align-self-md-between {
    align-self: space-between;
  }
  .grid .justify-self-md-between {
    justify-self: space-between;
  }
  .grid.align-items-md-around {
    align-items: space-around;
  }
  .grid.align-content-md-around {
    align-content: space-around;
  }
  .grid.justify-items-md-around {
    justify-items: space-around;
  }
  .grid.justify-content-md-around {
    justify-content: space-around;
  }
  .grid .align-self-md-around {
    align-self: space-around;
  }
  .grid .justify-self-md-around {
    justify-self: space-around;
  }
  .grid.align-items-md-evenly {
    align-items: space-evenly;
  }
  .grid.align-content-md-evenly {
    align-content: space-evenly;
  }
  .grid.justify-items-md-evenly {
    justify-items: space-evenly;
  }
  .grid.justify-content-md-evenly {
    justify-content: space-evenly;
  }
  .grid .align-self-md-evenly {
    align-self: space-evenly;
  }
  .grid .justify-self-md-evenly {
    justify-self: space-evenly;
  }
}
@media (width >= 85rem) {
  .grid.align-items-lg-start {
    align-items: start;
  }
  .grid.align-content-lg-start {
    align-content: start;
  }
  .grid.justify-items-lg-start {
    justify-items: start;
  }
  .grid.justify-content-lg-start {
    justify-content: start;
  }
  .grid .align-self-lg-start {
    align-self: start;
  }
  .grid .justify-self-lg-start {
    justify-self: start;
  }
  .grid.align-items-lg-end {
    align-items: end;
  }
  .grid.align-content-lg-end {
    align-content: end;
  }
  .grid.justify-items-lg-end {
    justify-items: end;
  }
  .grid.justify-content-lg-end {
    justify-content: end;
  }
  .grid .align-self-lg-end {
    align-self: end;
  }
  .grid .justify-self-lg-end {
    justify-self: end;
  }
  .grid.align-items-lg-center {
    align-items: center;
  }
  .grid.align-content-lg-center {
    align-content: center;
  }
  .grid.justify-items-lg-center {
    justify-items: center;
  }
  .grid.justify-content-lg-center {
    justify-content: center;
  }
  .grid .align-self-lg-center {
    align-self: center;
  }
  .grid .justify-self-lg-center {
    justify-self: center;
  }
  .grid.align-items-lg-stretch {
    align-items: stretch;
  }
  .grid.align-content-lg-stretch {
    align-content: stretch;
  }
  .grid.justify-items-lg-stretch {
    justify-items: stretch;
  }
  .grid.justify-content-lg-stretch {
    justify-content: stretch;
  }
  .grid .align-self-lg-stretch {
    align-self: stretch;
  }
  .grid .justify-self-lg-stretch {
    justify-self: stretch;
  }
  .grid.align-items-lg-baseline {
    align-items: baseline;
  }
  .grid.align-content-lg-baseline {
    align-content: baseline;
  }
  .grid.justify-items-lg-baseline {
    justify-items: baseline;
  }
  .grid.justify-content-lg-baseline {
    justify-content: baseline;
  }
  .grid .align-self-lg-baseline {
    align-self: baseline;
  }
  .grid .justify-self-lg-baseline {
    justify-self: baseline;
  }
  .grid.align-items-lg-between {
    align-items: space-between;
  }
  .grid.align-content-lg-between {
    align-content: space-between;
  }
  .grid.justify-items-lg-between {
    justify-items: space-between;
  }
  .grid.justify-content-lg-between {
    justify-content: space-between;
  }
  .grid .align-self-lg-between {
    align-self: space-between;
  }
  .grid .justify-self-lg-between {
    justify-self: space-between;
  }
  .grid.align-items-lg-around {
    align-items: space-around;
  }
  .grid.align-content-lg-around {
    align-content: space-around;
  }
  .grid.justify-items-lg-around {
    justify-items: space-around;
  }
  .grid.justify-content-lg-around {
    justify-content: space-around;
  }
  .grid .align-self-lg-around {
    align-self: space-around;
  }
  .grid .justify-self-lg-around {
    justify-self: space-around;
  }
  .grid.align-items-lg-evenly {
    align-items: space-evenly;
  }
  .grid.align-content-lg-evenly {
    align-content: space-evenly;
  }
  .grid.justify-items-lg-evenly {
    justify-items: space-evenly;
  }
  .grid.justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .grid .align-self-lg-evenly {
    align-self: space-evenly;
  }
  .grid .justify-self-lg-evenly {
    justify-self: space-evenly;
  }
}
@media (width >= 107.25rem) {
  .grid.align-items-hd-start {
    align-items: start;
  }
  .grid.align-content-hd-start {
    align-content: start;
  }
  .grid.justify-items-hd-start {
    justify-items: start;
  }
  .grid.justify-content-hd-start {
    justify-content: start;
  }
  .grid .align-self-hd-start {
    align-self: start;
  }
  .grid .justify-self-hd-start {
    justify-self: start;
  }
  .grid.align-items-hd-end {
    align-items: end;
  }
  .grid.align-content-hd-end {
    align-content: end;
  }
  .grid.justify-items-hd-end {
    justify-items: end;
  }
  .grid.justify-content-hd-end {
    justify-content: end;
  }
  .grid .align-self-hd-end {
    align-self: end;
  }
  .grid .justify-self-hd-end {
    justify-self: end;
  }
  .grid.align-items-hd-center {
    align-items: center;
  }
  .grid.align-content-hd-center {
    align-content: center;
  }
  .grid.justify-items-hd-center {
    justify-items: center;
  }
  .grid.justify-content-hd-center {
    justify-content: center;
  }
  .grid .align-self-hd-center {
    align-self: center;
  }
  .grid .justify-self-hd-center {
    justify-self: center;
  }
  .grid.align-items-hd-stretch {
    align-items: stretch;
  }
  .grid.align-content-hd-stretch {
    align-content: stretch;
  }
  .grid.justify-items-hd-stretch {
    justify-items: stretch;
  }
  .grid.justify-content-hd-stretch {
    justify-content: stretch;
  }
  .grid .align-self-hd-stretch {
    align-self: stretch;
  }
  .grid .justify-self-hd-stretch {
    justify-self: stretch;
  }
  .grid.align-items-hd-baseline {
    align-items: baseline;
  }
  .grid.align-content-hd-baseline {
    align-content: baseline;
  }
  .grid.justify-items-hd-baseline {
    justify-items: baseline;
  }
  .grid.justify-content-hd-baseline {
    justify-content: baseline;
  }
  .grid .align-self-hd-baseline {
    align-self: baseline;
  }
  .grid .justify-self-hd-baseline {
    justify-self: baseline;
  }
  .grid.align-items-hd-between {
    align-items: space-between;
  }
  .grid.align-content-hd-between {
    align-content: space-between;
  }
  .grid.justify-items-hd-between {
    justify-items: space-between;
  }
  .grid.justify-content-hd-between {
    justify-content: space-between;
  }
  .grid .align-self-hd-between {
    align-self: space-between;
  }
  .grid .justify-self-hd-between {
    justify-self: space-between;
  }
  .grid.align-items-hd-around {
    align-items: space-around;
  }
  .grid.align-content-hd-around {
    align-content: space-around;
  }
  .grid.justify-items-hd-around {
    justify-items: space-around;
  }
  .grid.justify-content-hd-around {
    justify-content: space-around;
  }
  .grid .align-self-hd-around {
    align-self: space-around;
  }
  .grid .justify-self-hd-around {
    justify-self: space-around;
  }
  .grid.align-items-hd-evenly {
    align-items: space-evenly;
  }
  .grid.align-content-hd-evenly {
    align-content: space-evenly;
  }
  .grid.justify-items-hd-evenly {
    justify-items: space-evenly;
  }
  .grid.justify-content-hd-evenly {
    justify-content: space-evenly;
  }
  .grid .align-self-hd-evenly {
    align-self: space-evenly;
  }
  .grid .justify-self-hd-evenly {
    justify-self: space-evenly;
  }
}
@media (width >= 160rem) {
  .grid.align-items-xl-start {
    align-items: start;
  }
  .grid.align-content-xl-start {
    align-content: start;
  }
  .grid.justify-items-xl-start {
    justify-items: start;
  }
  .grid.justify-content-xl-start {
    justify-content: start;
  }
  .grid .align-self-xl-start {
    align-self: start;
  }
  .grid .justify-self-xl-start {
    justify-self: start;
  }
  .grid.align-items-xl-end {
    align-items: end;
  }
  .grid.align-content-xl-end {
    align-content: end;
  }
  .grid.justify-items-xl-end {
    justify-items: end;
  }
  .grid.justify-content-xl-end {
    justify-content: end;
  }
  .grid .align-self-xl-end {
    align-self: end;
  }
  .grid .justify-self-xl-end {
    justify-self: end;
  }
  .grid.align-items-xl-center {
    align-items: center;
  }
  .grid.align-content-xl-center {
    align-content: center;
  }
  .grid.justify-items-xl-center {
    justify-items: center;
  }
  .grid.justify-content-xl-center {
    justify-content: center;
  }
  .grid .align-self-xl-center {
    align-self: center;
  }
  .grid .justify-self-xl-center {
    justify-self: center;
  }
  .grid.align-items-xl-stretch {
    align-items: stretch;
  }
  .grid.align-content-xl-stretch {
    align-content: stretch;
  }
  .grid.justify-items-xl-stretch {
    justify-items: stretch;
  }
  .grid.justify-content-xl-stretch {
    justify-content: stretch;
  }
  .grid .align-self-xl-stretch {
    align-self: stretch;
  }
  .grid .justify-self-xl-stretch {
    justify-self: stretch;
  }
  .grid.align-items-xl-baseline {
    align-items: baseline;
  }
  .grid.align-content-xl-baseline {
    align-content: baseline;
  }
  .grid.justify-items-xl-baseline {
    justify-items: baseline;
  }
  .grid.justify-content-xl-baseline {
    justify-content: baseline;
  }
  .grid .align-self-xl-baseline {
    align-self: baseline;
  }
  .grid .justify-self-xl-baseline {
    justify-self: baseline;
  }
  .grid.align-items-xl-between {
    align-items: space-between;
  }
  .grid.align-content-xl-between {
    align-content: space-between;
  }
  .grid.justify-items-xl-between {
    justify-items: space-between;
  }
  .grid.justify-content-xl-between {
    justify-content: space-between;
  }
  .grid .align-self-xl-between {
    align-self: space-between;
  }
  .grid .justify-self-xl-between {
    justify-self: space-between;
  }
  .grid.align-items-xl-around {
    align-items: space-around;
  }
  .grid.align-content-xl-around {
    align-content: space-around;
  }
  .grid.justify-items-xl-around {
    justify-items: space-around;
  }
  .grid.justify-content-xl-around {
    justify-content: space-around;
  }
  .grid .align-self-xl-around {
    align-self: space-around;
  }
  .grid .justify-self-xl-around {
    justify-self: space-around;
  }
  .grid.align-items-xl-evenly {
    align-items: space-evenly;
  }
  .grid.align-content-xl-evenly {
    align-content: space-evenly;
  }
  .grid.justify-items-xl-evenly {
    justify-items: space-evenly;
  }
  .grid.justify-content-xl-evenly {
    justify-content: space-evenly;
  }
  .grid .align-self-xl-evenly {
    align-self: space-evenly;
  }
  .grid .justify-self-xl-evenly {
    justify-self: space-evenly;
  }
}

.p-0 {
  padding: 0rem;
}

.m-0 {
  margin: 0rem;
}

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

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

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

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

.pt-0 {
  padding-top: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

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

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

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

.mb-0 {
  margin-bottom: 0rem;
}

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

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

.p-100 {
  padding: 0.25rem;
}

.m-100 {
  margin: 0.25rem;
}

.px-100 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-100 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.mx-100 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-100 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.pt-100 {
  padding-top: 0.25rem;
}

.mt-100 {
  margin-top: 0.25rem;
}

.pr-100 {
  padding-right: 0.25rem;
}

.mr-100 {
  margin-right: 0.25rem;
}

.pb-100 {
  padding-bottom: 0.25rem;
}

.mb-100 {
  margin-bottom: 0.25rem;
}

.pl-100 {
  padding-left: 0.25rem;
}

.ml-100 {
  margin-left: 0.25rem;
}

.p-150 {
  padding: 0.5rem;
}

.m-150 {
  margin: 0.5rem;
}

.px-150 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-150 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.mx-150 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-150 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.pt-150 {
  padding-top: 0.5rem;
}

.mt-150 {
  margin-top: 0.5rem;
}

.pr-150 {
  padding-right: 0.5rem;
}

.mr-150 {
  margin-right: 0.5rem;
}

.pb-150 {
  padding-bottom: 0.5rem;
}

.mb-150 {
  margin-bottom: 0.5rem;
}

.pl-150 {
  padding-left: 0.5rem;
}

.ml-150 {
  margin-left: 0.5rem;
}

.p-200 {
  padding: 0.75rem;
}

.m-200 {
  margin: 0.75rem;
}

.px-200 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-200 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.mx-200 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-200 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.pt-200 {
  padding-top: 0.75rem;
}

.mt-200 {
  margin-top: 0.75rem;
}

.pr-200 {
  padding-right: 0.75rem;
}

.mr-200 {
  margin-right: 0.75rem;
}

.pb-200 {
  padding-bottom: 0.75rem;
}

.mb-200 {
  margin-bottom: 0.75rem;
}

.pl-200 {
  padding-left: 0.75rem;
}

.ml-200 {
  margin-left: 0.75rem;
}

.p-300 {
  padding: 1rem;
}

.m-300 {
  margin: 1rem;
}

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

.py-300 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mx-300 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-300 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pt-300 {
  padding-top: 1rem;
}

.mt-300 {
  margin-top: 1rem;
}

.pr-300 {
  padding-right: 1rem;
}

.mr-300 {
  margin-right: 1rem;
}

.pb-300 {
  padding-bottom: 1rem;
}

.mb-300 {
  margin-bottom: 1rem;
}

.pl-300 {
  padding-left: 1rem;
}

.ml-300 {
  margin-left: 1rem;
}

.p-400 {
  padding: 1.5rem;
}

.m-400 {
  margin: 1.5rem;
}

.px-400 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-400 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.mx-400 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-400 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.pt-400 {
  padding-top: 1.5rem;
}

.mt-400 {
  margin-top: 1.5rem;
}

.pr-400 {
  padding-right: 1.5rem;
}

.mr-400 {
  margin-right: 1.5rem;
}

.pb-400 {
  padding-bottom: 1.5rem;
}

.mb-400 {
  margin-bottom: 1.5rem;
}

.pl-400 {
  padding-left: 1.5rem;
}

.ml-400 {
  margin-left: 1.5rem;
}

.p-500 {
  padding: 2rem;
}

.m-500 {
  margin: 2rem;
}

.px-500 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-500 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mx-500 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-500 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pt-500 {
  padding-top: 2rem;
}

.mt-500 {
  margin-top: 2rem;
}

.pr-500 {
  padding-right: 2rem;
}

.mr-500 {
  margin-right: 2rem;
}

.pb-500 {
  padding-bottom: 2rem;
}

.mb-500 {
  margin-bottom: 2rem;
}

.pl-500 {
  padding-left: 2rem;
}

.ml-500 {
  margin-left: 2rem;
}

.p-600 {
  padding: 3rem;
}

.m-600 {
  margin: 3rem;
}

.px-600 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-600 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.mx-600 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-600 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.pt-600 {
  padding-top: 3rem;
}

.mt-600 {
  margin-top: 3rem;
}

.pr-600 {
  padding-right: 3rem;
}

.mr-600 {
  margin-right: 3rem;
}

.pb-600 {
  padding-bottom: 3rem;
}

.mb-600 {
  margin-bottom: 3rem;
}

.pl-600 {
  padding-left: 3rem;
}

.ml-600 {
  margin-left: 3rem;
}

.p-700 {
  padding: 4rem;
}

.m-700 {
  margin: 4rem;
}

.px-700 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-700 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mx-700 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-700 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.pt-700 {
  padding-top: 4rem;
}

.mt-700 {
  margin-top: 4rem;
}

.pr-700 {
  padding-right: 4rem;
}

.mr-700 {
  margin-right: 4rem;
}

.pb-700 {
  padding-bottom: 4rem;
}

.mb-700 {
  margin-bottom: 4rem;
}

.pl-700 {
  padding-left: 4rem;
}

.ml-700 {
  margin-left: 4rem;
}

.p-800 {
  padding: 6rem;
}

.m-800 {
  margin: 6rem;
}

.px-800 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-800 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.mx-800 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-800 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.pt-800 {
  padding-top: 6rem;
}

.mt-800 {
  margin-top: 6rem;
}

.pr-800 {
  padding-right: 6rem;
}

.mr-800 {
  margin-right: 6rem;
}

.pb-800 {
  padding-bottom: 6rem;
}

.mb-800 {
  margin-bottom: 6rem;
}

.pl-800 {
  padding-left: 6rem;
}

.ml-800 {
  margin-left: 6rem;
}

.p-900 {
  padding: 8rem;
}

.m-900 {
  margin: 8rem;
}

.px-900 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-900 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.mx-900 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-900 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.pt-900 {
  padding-top: 8rem;
}

.mt-900 {
  margin-top: 8rem;
}

.pr-900 {
  padding-right: 8rem;
}

.mr-900 {
  margin-right: 8rem;
}

.pb-900 {
  padding-bottom: 8rem;
}

.mb-900 {
  margin-bottom: 8rem;
}

.pl-900 {
  padding-left: 8rem;
}

.ml-900 {
  margin-left: 8rem;
}

.p-950 {
  padding: 9rem;
}

.m-950 {
  margin: 9rem;
}

.px-950 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.py-950 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.mx-950 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.my-950 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.pt-950 {
  padding-top: 9rem;
}

.mt-950 {
  margin-top: 9rem;
}

.pr-950 {
  padding-right: 9rem;
}

.mr-950 {
  margin-right: 9rem;
}

.pb-950 {
  padding-bottom: 9rem;
}

.mb-950 {
  margin-bottom: 9rem;
}

.pl-950 {
  padding-left: 9rem;
}

.ml-950 {
  margin-left: 9rem;
}

.p-1000 {
  padding: 10rem;
}

.m-1000 {
  margin: 10rem;
}

.px-1000 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-1000 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.mx-1000 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-1000 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.pt-1000 {
  padding-top: 10rem;
}

.mt-1000 {
  margin-top: 10rem;
}

.pr-1000 {
  padding-right: 10rem;
}

.mr-1000 {
  margin-right: 10rem;
}

.pb-1000 {
  padding-bottom: 10rem;
}

.mb-1000 {
  margin-bottom: 10rem;
}

.pl-1000 {
  padding-left: 10rem;
}

.ml-1000 {
  margin-left: 10rem;
}

.p-1200 {
  padding: 12rem;
}

.m-1200 {
  margin: 12rem;
}

.px-1200 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-1200 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.mx-1200 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-1200 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.pt-1200 {
  padding-top: 12rem;
}

.mt-1200 {
  margin-top: 12rem;
}

.pr-1200 {
  padding-right: 12rem;
}

.mr-1200 {
  margin-right: 12rem;
}

.pb-1200 {
  padding-bottom: 12rem;
}

.mb-1200 {
  margin-bottom: 12rem;
}

.pl-1200 {
  padding-left: 12rem;
}

.ml-1200 {
  margin-left: 12rem;
}

.p-1400 {
  padding: 14rem;
}

.m-1400 {
  margin: 14rem;
}

.px-1400 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.py-1400 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.mx-1400 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.my-1400 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.pt-1400 {
  padding-top: 14rem;
}

.mt-1400 {
  margin-top: 14rem;
}

.pr-1400 {
  padding-right: 14rem;
}

.mr-1400 {
  margin-right: 14rem;
}

.pb-1400 {
  padding-bottom: 14rem;
}

.mb-1400 {
  margin-bottom: 14rem;
}

.pl-1400 {
  padding-left: 14rem;
}

.ml-1400 {
  margin-left: 14rem;
}

.p-1600 {
  padding: 16rem;
}

.m-1600 {
  margin: 16rem;
}

.px-1600 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.py-1600 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.mx-1600 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.my-1600 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.pt-1600 {
  padding-top: 16rem;
}

.mt-1600 {
  margin-top: 16rem;
}

.pr-1600 {
  padding-right: 16rem;
}

.mr-1600 {
  margin-right: 16rem;
}

.pb-1600 {
  padding-bottom: 16rem;
}

.mb-1600 {
  margin-bottom: 16rem;
}

.pl-1600 {
  padding-left: 16rem;
}

.ml-1600 {
  margin-left: 16rem;
}

@media (width >= 37.5rem) {
  .p-sm-0 {
    padding: 0rem;
  }
  .m-sm-0 {
    margin: 0rem;
  }
  .px-sm-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .py-sm-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .mx-sm-0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .my-sm-0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .p-sm-100 {
    padding: 0.25rem;
  }
  .m-sm-100 {
    margin: 0.25rem;
  }
  .px-sm-100 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-sm-100 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .mx-sm-100 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-sm-100 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-sm-150 {
    padding: 0.5rem;
  }
  .m-sm-150 {
    margin: 0.5rem;
  }
  .px-sm-150 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-sm-150 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mx-sm-150 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-sm-150 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-sm-200 {
    padding: 0.75rem;
  }
  .m-sm-200 {
    margin: 0.75rem;
  }
  .px-sm-200 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-sm-200 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mx-sm-200 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-sm-200 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-sm-300 {
    padding: 1rem;
  }
  .m-sm-300 {
    margin: 1rem;
  }
  .px-sm-300 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-sm-300 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .mx-sm-300 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-sm-300 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-sm-400 {
    padding: 1.5rem;
  }
  .m-sm-400 {
    margin: 1.5rem;
  }
  .px-sm-400 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-sm-400 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mx-sm-400 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-sm-400 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-sm-500 {
    padding: 2rem;
  }
  .m-sm-500 {
    margin: 2rem;
  }
  .px-sm-500 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-sm-500 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .mx-sm-500 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-sm-500 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-sm-600 {
    padding: 3rem;
  }
  .m-sm-600 {
    margin: 3rem;
  }
  .px-sm-600 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-sm-600 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .mx-sm-600 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-sm-600 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-sm-700 {
    padding: 4rem;
  }
  .m-sm-700 {
    margin: 4rem;
  }
  .px-sm-700 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-sm-700 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .mx-sm-700 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-sm-700 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-sm-800 {
    padding: 6rem;
  }
  .m-sm-800 {
    margin: 6rem;
  }
  .px-sm-800 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-sm-800 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .mx-sm-800 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-sm-800 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-sm-900 {
    padding: 8rem;
  }
  .m-sm-900 {
    margin: 8rem;
  }
  .px-sm-900 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-sm-900 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .mx-sm-900 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-sm-900 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-sm-950 {
    padding: 9rem;
  }
  .m-sm-950 {
    margin: 9rem;
  }
  .px-sm-950 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .py-sm-950 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .mx-sm-950 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .my-sm-950 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .p-sm-1000 {
    padding: 10rem;
  }
  .m-sm-1000 {
    margin: 10rem;
  }
  .px-sm-1000 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-sm-1000 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .mx-sm-1000 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-sm-1000 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-sm-1200 {
    padding: 12rem;
  }
  .m-sm-1200 {
    margin: 12rem;
  }
  .px-sm-1200 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-sm-1200 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .mx-sm-1200 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-sm-1200 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-sm-1400 {
    padding: 14rem;
  }
  .m-sm-1400 {
    margin: 14rem;
  }
  .px-sm-1400 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-sm-1400 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .mx-sm-1400 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-sm-1400 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-sm-1600 {
    padding: 16rem;
  }
  .m-sm-1600 {
    margin: 16rem;
  }
  .px-sm-1600 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-sm-1600 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .mx-sm-1600 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-sm-1600 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .pt-sm-0 {
    padding-top: 0rem;
  }
  .mt-sm-0 {
    margin-top: 0rem;
  }
  .pr-sm-0 {
    padding-right: 0rem;
  }
  .mr-sm-0 {
    margin-right: 0rem;
  }
  .pb-sm-0 {
    padding-bottom: 0rem;
  }
  .mb-sm-0 {
    margin-bottom: 0rem;
  }
  .pl-sm-0 {
    padding-left: 0rem;
  }
  .ml-sm-0 {
    margin-left: 0rem;
  }
  .pt-sm-100 {
    padding-top: 0.25rem;
  }
  .mt-sm-100 {
    margin-top: 0.25rem;
  }
  .pr-sm-100 {
    padding-right: 0.25rem;
  }
  .mr-sm-100 {
    margin-right: 0.25rem;
  }
  .pb-sm-100 {
    padding-bottom: 0.25rem;
  }
  .mb-sm-100 {
    margin-bottom: 0.25rem;
  }
  .pl-sm-100 {
    padding-left: 0.25rem;
  }
  .ml-sm-100 {
    margin-left: 0.25rem;
  }
  .pt-sm-150 {
    padding-top: 0.5rem;
  }
  .mt-sm-150 {
    margin-top: 0.5rem;
  }
  .pr-sm-150 {
    padding-right: 0.5rem;
  }
  .mr-sm-150 {
    margin-right: 0.5rem;
  }
  .pb-sm-150 {
    padding-bottom: 0.5rem;
  }
  .mb-sm-150 {
    margin-bottom: 0.5rem;
  }
  .pl-sm-150 {
    padding-left: 0.5rem;
  }
  .ml-sm-150 {
    margin-left: 0.5rem;
  }
  .pt-sm-200 {
    padding-top: 0.75rem;
  }
  .mt-sm-200 {
    margin-top: 0.75rem;
  }
  .pr-sm-200 {
    padding-right: 0.75rem;
  }
  .mr-sm-200 {
    margin-right: 0.75rem;
  }
  .pb-sm-200 {
    padding-bottom: 0.75rem;
  }
  .mb-sm-200 {
    margin-bottom: 0.75rem;
  }
  .pl-sm-200 {
    padding-left: 0.75rem;
  }
  .ml-sm-200 {
    margin-left: 0.75rem;
  }
  .pt-sm-300 {
    padding-top: 1rem;
  }
  .mt-sm-300 {
    margin-top: 1rem;
  }
  .pr-sm-300 {
    padding-right: 1rem;
  }
  .mr-sm-300 {
    margin-right: 1rem;
  }
  .pb-sm-300 {
    padding-bottom: 1rem;
  }
  .mb-sm-300 {
    margin-bottom: 1rem;
  }
  .pl-sm-300 {
    padding-left: 1rem;
  }
  .ml-sm-300 {
    margin-left: 1rem;
  }
  .pt-sm-400 {
    padding-top: 1.5rem;
  }
  .mt-sm-400 {
    margin-top: 1.5rem;
  }
  .pr-sm-400 {
    padding-right: 1.5rem;
  }
  .mr-sm-400 {
    margin-right: 1.5rem;
  }
  .pb-sm-400 {
    padding-bottom: 1.5rem;
  }
  .mb-sm-400 {
    margin-bottom: 1.5rem;
  }
  .pl-sm-400 {
    padding-left: 1.5rem;
  }
  .ml-sm-400 {
    margin-left: 1.5rem;
  }
  .pt-sm-500 {
    padding-top: 2rem;
  }
  .mt-sm-500 {
    margin-top: 2rem;
  }
  .pr-sm-500 {
    padding-right: 2rem;
  }
  .mr-sm-500 {
    margin-right: 2rem;
  }
  .pb-sm-500 {
    padding-bottom: 2rem;
  }
  .mb-sm-500 {
    margin-bottom: 2rem;
  }
  .pl-sm-500 {
    padding-left: 2rem;
  }
  .ml-sm-500 {
    margin-left: 2rem;
  }
  .pt-sm-600 {
    padding-top: 3rem;
  }
  .mt-sm-600 {
    margin-top: 3rem;
  }
  .pr-sm-600 {
    padding-right: 3rem;
  }
  .mr-sm-600 {
    margin-right: 3rem;
  }
  .pb-sm-600 {
    padding-bottom: 3rem;
  }
  .mb-sm-600 {
    margin-bottom: 3rem;
  }
  .pl-sm-600 {
    padding-left: 3rem;
  }
  .ml-sm-600 {
    margin-left: 3rem;
  }
  .pt-sm-700 {
    padding-top: 4rem;
  }
  .mt-sm-700 {
    margin-top: 4rem;
  }
  .pr-sm-700 {
    padding-right: 4rem;
  }
  .mr-sm-700 {
    margin-right: 4rem;
  }
  .pb-sm-700 {
    padding-bottom: 4rem;
  }
  .mb-sm-700 {
    margin-bottom: 4rem;
  }
  .pl-sm-700 {
    padding-left: 4rem;
  }
  .ml-sm-700 {
    margin-left: 4rem;
  }
  .pt-sm-800 {
    padding-top: 6rem;
  }
  .mt-sm-800 {
    margin-top: 6rem;
  }
  .pr-sm-800 {
    padding-right: 6rem;
  }
  .mr-sm-800 {
    margin-right: 6rem;
  }
  .pb-sm-800 {
    padding-bottom: 6rem;
  }
  .mb-sm-800 {
    margin-bottom: 6rem;
  }
  .pl-sm-800 {
    padding-left: 6rem;
  }
  .ml-sm-800 {
    margin-left: 6rem;
  }
  .pt-sm-900 {
    padding-top: 8rem;
  }
  .mt-sm-900 {
    margin-top: 8rem;
  }
  .pr-sm-900 {
    padding-right: 8rem;
  }
  .mr-sm-900 {
    margin-right: 8rem;
  }
  .pb-sm-900 {
    padding-bottom: 8rem;
  }
  .mb-sm-900 {
    margin-bottom: 8rem;
  }
  .pl-sm-900 {
    padding-left: 8rem;
  }
  .ml-sm-900 {
    margin-left: 8rem;
  }
  .pt-sm-950 {
    padding-top: 9rem;
  }
  .mt-sm-950 {
    margin-top: 9rem;
  }
  .pr-sm-950 {
    padding-right: 9rem;
  }
  .mr-sm-950 {
    margin-right: 9rem;
  }
  .pb-sm-950 {
    padding-bottom: 9rem;
  }
  .mb-sm-950 {
    margin-bottom: 9rem;
  }
  .pl-sm-950 {
    padding-left: 9rem;
  }
  .ml-sm-950 {
    margin-left: 9rem;
  }
  .pt-sm-1000 {
    padding-top: 10rem;
  }
  .mt-sm-1000 {
    margin-top: 10rem;
  }
  .pr-sm-1000 {
    padding-right: 10rem;
  }
  .mr-sm-1000 {
    margin-right: 10rem;
  }
  .pb-sm-1000 {
    padding-bottom: 10rem;
  }
  .mb-sm-1000 {
    margin-bottom: 10rem;
  }
  .pl-sm-1000 {
    padding-left: 10rem;
  }
  .ml-sm-1000 {
    margin-left: 10rem;
  }
  .pt-sm-1200 {
    padding-top: 12rem;
  }
  .mt-sm-1200 {
    margin-top: 12rem;
  }
  .pr-sm-1200 {
    padding-right: 12rem;
  }
  .mr-sm-1200 {
    margin-right: 12rem;
  }
  .pb-sm-1200 {
    padding-bottom: 12rem;
  }
  .mb-sm-1200 {
    margin-bottom: 12rem;
  }
  .pl-sm-1200 {
    padding-left: 12rem;
  }
  .ml-sm-1200 {
    margin-left: 12rem;
  }
  .pt-sm-1400 {
    padding-top: 14rem;
  }
  .mt-sm-1400 {
    margin-top: 14rem;
  }
  .pr-sm-1400 {
    padding-right: 14rem;
  }
  .mr-sm-1400 {
    margin-right: 14rem;
  }
  .pb-sm-1400 {
    padding-bottom: 14rem;
  }
  .mb-sm-1400 {
    margin-bottom: 14rem;
  }
  .pl-sm-1400 {
    padding-left: 14rem;
  }
  .ml-sm-1400 {
    margin-left: 14rem;
  }
  .pt-sm-1600 {
    padding-top: 16rem;
  }
  .mt-sm-1600 {
    margin-top: 16rem;
  }
  .pr-sm-1600 {
    padding-right: 16rem;
  }
  .mr-sm-1600 {
    margin-right: 16rem;
  }
  .pb-sm-1600 {
    padding-bottom: 16rem;
  }
  .mb-sm-1600 {
    margin-bottom: 16rem;
  }
  .pl-sm-1600 {
    padding-left: 16rem;
  }
  .ml-sm-1600 {
    margin-left: 16rem;
  }
}
@media (width >= 62.375rem) {
  .p-md-0 {
    padding: 0rem;
  }
  .m-md-0 {
    margin: 0rem;
  }
  .px-md-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .py-md-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .mx-md-0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .my-md-0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .p-md-100 {
    padding: 0.25rem;
  }
  .m-md-100 {
    margin: 0.25rem;
  }
  .px-md-100 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-md-100 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .mx-md-100 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-md-100 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-md-150 {
    padding: 0.5rem;
  }
  .m-md-150 {
    margin: 0.5rem;
  }
  .px-md-150 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-md-150 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mx-md-150 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-md-150 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-md-200 {
    padding: 0.75rem;
  }
  .m-md-200 {
    margin: 0.75rem;
  }
  .px-md-200 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-md-200 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mx-md-200 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-md-200 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-md-300 {
    padding: 1rem;
  }
  .m-md-300 {
    margin: 1rem;
  }
  .px-md-300 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-md-300 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .mx-md-300 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-md-300 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-md-400 {
    padding: 1.5rem;
  }
  .m-md-400 {
    margin: 1.5rem;
  }
  .px-md-400 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-md-400 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mx-md-400 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-md-400 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-md-500 {
    padding: 2rem;
  }
  .m-md-500 {
    margin: 2rem;
  }
  .px-md-500 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-md-500 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .mx-md-500 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-md-500 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-md-600 {
    padding: 3rem;
  }
  .m-md-600 {
    margin: 3rem;
  }
  .px-md-600 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-md-600 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .mx-md-600 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-md-600 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-md-700 {
    padding: 4rem;
  }
  .m-md-700 {
    margin: 4rem;
  }
  .px-md-700 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-md-700 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .mx-md-700 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-md-700 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-md-800 {
    padding: 6rem;
  }
  .m-md-800 {
    margin: 6rem;
  }
  .px-md-800 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-md-800 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .mx-md-800 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-md-800 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-md-900 {
    padding: 8rem;
  }
  .m-md-900 {
    margin: 8rem;
  }
  .px-md-900 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-md-900 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .mx-md-900 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-md-900 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-md-950 {
    padding: 9rem;
  }
  .m-md-950 {
    margin: 9rem;
  }
  .px-md-950 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .py-md-950 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .mx-md-950 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .my-md-950 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .p-md-1000 {
    padding: 10rem;
  }
  .m-md-1000 {
    margin: 10rem;
  }
  .px-md-1000 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-md-1000 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .mx-md-1000 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-md-1000 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-md-1200 {
    padding: 12rem;
  }
  .m-md-1200 {
    margin: 12rem;
  }
  .px-md-1200 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-md-1200 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .mx-md-1200 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-md-1200 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-md-1400 {
    padding: 14rem;
  }
  .m-md-1400 {
    margin: 14rem;
  }
  .px-md-1400 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-md-1400 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .mx-md-1400 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-md-1400 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-md-1600 {
    padding: 16rem;
  }
  .m-md-1600 {
    margin: 16rem;
  }
  .px-md-1600 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-md-1600 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .mx-md-1600 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-md-1600 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .pt-md-0 {
    padding-top: 0rem;
  }
  .mt-md-0 {
    margin-top: 0rem;
  }
  .pr-md-0 {
    padding-right: 0rem;
  }
  .mr-md-0 {
    margin-right: 0rem;
  }
  .pb-md-0 {
    padding-bottom: 0rem;
  }
  .mb-md-0 {
    margin-bottom: 0rem;
  }
  .pl-md-0 {
    padding-left: 0rem;
  }
  .ml-md-0 {
    margin-left: 0rem;
  }
  .pt-md-100 {
    padding-top: 0.25rem;
  }
  .mt-md-100 {
    margin-top: 0.25rem;
  }
  .pr-md-100 {
    padding-right: 0.25rem;
  }
  .mr-md-100 {
    margin-right: 0.25rem;
  }
  .pb-md-100 {
    padding-bottom: 0.25rem;
  }
  .mb-md-100 {
    margin-bottom: 0.25rem;
  }
  .pl-md-100 {
    padding-left: 0.25rem;
  }
  .ml-md-100 {
    margin-left: 0.25rem;
  }
  .pt-md-150 {
    padding-top: 0.5rem;
  }
  .mt-md-150 {
    margin-top: 0.5rem;
  }
  .pr-md-150 {
    padding-right: 0.5rem;
  }
  .mr-md-150 {
    margin-right: 0.5rem;
  }
  .pb-md-150 {
    padding-bottom: 0.5rem;
  }
  .mb-md-150 {
    margin-bottom: 0.5rem;
  }
  .pl-md-150 {
    padding-left: 0.5rem;
  }
  .ml-md-150 {
    margin-left: 0.5rem;
  }
  .pt-md-200 {
    padding-top: 0.75rem;
  }
  .mt-md-200 {
    margin-top: 0.75rem;
  }
  .pr-md-200 {
    padding-right: 0.75rem;
  }
  .mr-md-200 {
    margin-right: 0.75rem;
  }
  .pb-md-200 {
    padding-bottom: 0.75rem;
  }
  .mb-md-200 {
    margin-bottom: 0.75rem;
  }
  .pl-md-200 {
    padding-left: 0.75rem;
  }
  .ml-md-200 {
    margin-left: 0.75rem;
  }
  .pt-md-300 {
    padding-top: 1rem;
  }
  .mt-md-300 {
    margin-top: 1rem;
  }
  .pr-md-300 {
    padding-right: 1rem;
  }
  .mr-md-300 {
    margin-right: 1rem;
  }
  .pb-md-300 {
    padding-bottom: 1rem;
  }
  .mb-md-300 {
    margin-bottom: 1rem;
  }
  .pl-md-300 {
    padding-left: 1rem;
  }
  .ml-md-300 {
    margin-left: 1rem;
  }
  .pt-md-400 {
    padding-top: 1.5rem;
  }
  .mt-md-400 {
    margin-top: 1.5rem;
  }
  .pr-md-400 {
    padding-right: 1.5rem;
  }
  .mr-md-400 {
    margin-right: 1.5rem;
  }
  .pb-md-400 {
    padding-bottom: 1.5rem;
  }
  .mb-md-400 {
    margin-bottom: 1.5rem;
  }
  .pl-md-400 {
    padding-left: 1.5rem;
  }
  .ml-md-400 {
    margin-left: 1.5rem;
  }
  .pt-md-500 {
    padding-top: 2rem;
  }
  .mt-md-500 {
    margin-top: 2rem;
  }
  .pr-md-500 {
    padding-right: 2rem;
  }
  .mr-md-500 {
    margin-right: 2rem;
  }
  .pb-md-500 {
    padding-bottom: 2rem;
  }
  .mb-md-500 {
    margin-bottom: 2rem;
  }
  .pl-md-500 {
    padding-left: 2rem;
  }
  .ml-md-500 {
    margin-left: 2rem;
  }
  .pt-md-600 {
    padding-top: 3rem;
  }
  .mt-md-600 {
    margin-top: 3rem;
  }
  .pr-md-600 {
    padding-right: 3rem;
  }
  .mr-md-600 {
    margin-right: 3rem;
  }
  .pb-md-600 {
    padding-bottom: 3rem;
  }
  .mb-md-600 {
    margin-bottom: 3rem;
  }
  .pl-md-600 {
    padding-left: 3rem;
  }
  .ml-md-600 {
    margin-left: 3rem;
  }
  .pt-md-700 {
    padding-top: 4rem;
  }
  .mt-md-700 {
    margin-top: 4rem;
  }
  .pr-md-700 {
    padding-right: 4rem;
  }
  .mr-md-700 {
    margin-right: 4rem;
  }
  .pb-md-700 {
    padding-bottom: 4rem;
  }
  .mb-md-700 {
    margin-bottom: 4rem;
  }
  .pl-md-700 {
    padding-left: 4rem;
  }
  .ml-md-700 {
    margin-left: 4rem;
  }
  .pt-md-800 {
    padding-top: 6rem;
  }
  .mt-md-800 {
    margin-top: 6rem;
  }
  .pr-md-800 {
    padding-right: 6rem;
  }
  .mr-md-800 {
    margin-right: 6rem;
  }
  .pb-md-800 {
    padding-bottom: 6rem;
  }
  .mb-md-800 {
    margin-bottom: 6rem;
  }
  .pl-md-800 {
    padding-left: 6rem;
  }
  .ml-md-800 {
    margin-left: 6rem;
  }
  .pt-md-900 {
    padding-top: 8rem;
  }
  .mt-md-900 {
    margin-top: 8rem;
  }
  .pr-md-900 {
    padding-right: 8rem;
  }
  .mr-md-900 {
    margin-right: 8rem;
  }
  .pb-md-900 {
    padding-bottom: 8rem;
  }
  .mb-md-900 {
    margin-bottom: 8rem;
  }
  .pl-md-900 {
    padding-left: 8rem;
  }
  .ml-md-900 {
    margin-left: 8rem;
  }
  .pt-md-950 {
    padding-top: 9rem;
  }
  .mt-md-950 {
    margin-top: 9rem;
  }
  .pr-md-950 {
    padding-right: 9rem;
  }
  .mr-md-950 {
    margin-right: 9rem;
  }
  .pb-md-950 {
    padding-bottom: 9rem;
  }
  .mb-md-950 {
    margin-bottom: 9rem;
  }
  .pl-md-950 {
    padding-left: 9rem;
  }
  .ml-md-950 {
    margin-left: 9rem;
  }
  .pt-md-1000 {
    padding-top: 10rem;
  }
  .mt-md-1000 {
    margin-top: 10rem;
  }
  .pr-md-1000 {
    padding-right: 10rem;
  }
  .mr-md-1000 {
    margin-right: 10rem;
  }
  .pb-md-1000 {
    padding-bottom: 10rem;
  }
  .mb-md-1000 {
    margin-bottom: 10rem;
  }
  .pl-md-1000 {
    padding-left: 10rem;
  }
  .ml-md-1000 {
    margin-left: 10rem;
  }
  .pt-md-1200 {
    padding-top: 12rem;
  }
  .mt-md-1200 {
    margin-top: 12rem;
  }
  .pr-md-1200 {
    padding-right: 12rem;
  }
  .mr-md-1200 {
    margin-right: 12rem;
  }
  .pb-md-1200 {
    padding-bottom: 12rem;
  }
  .mb-md-1200 {
    margin-bottom: 12rem;
  }
  .pl-md-1200 {
    padding-left: 12rem;
  }
  .ml-md-1200 {
    margin-left: 12rem;
  }
  .pt-md-1400 {
    padding-top: 14rem;
  }
  .mt-md-1400 {
    margin-top: 14rem;
  }
  .pr-md-1400 {
    padding-right: 14rem;
  }
  .mr-md-1400 {
    margin-right: 14rem;
  }
  .pb-md-1400 {
    padding-bottom: 14rem;
  }
  .mb-md-1400 {
    margin-bottom: 14rem;
  }
  .pl-md-1400 {
    padding-left: 14rem;
  }
  .ml-md-1400 {
    margin-left: 14rem;
  }
  .pt-md-1600 {
    padding-top: 16rem;
  }
  .mt-md-1600 {
    margin-top: 16rem;
  }
  .pr-md-1600 {
    padding-right: 16rem;
  }
  .mr-md-1600 {
    margin-right: 16rem;
  }
  .pb-md-1600 {
    padding-bottom: 16rem;
  }
  .mb-md-1600 {
    margin-bottom: 16rem;
  }
  .pl-md-1600 {
    padding-left: 16rem;
  }
  .ml-md-1600 {
    margin-left: 16rem;
  }
}
@media (width >= 85rem) {
  .p-lg-0 {
    padding: 0rem;
  }
  .m-lg-0 {
    margin: 0rem;
  }
  .px-lg-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .py-lg-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .mx-lg-0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .my-lg-0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .p-lg-100 {
    padding: 0.25rem;
  }
  .m-lg-100 {
    margin: 0.25rem;
  }
  .px-lg-100 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-lg-100 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .mx-lg-100 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-lg-100 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-lg-150 {
    padding: 0.5rem;
  }
  .m-lg-150 {
    margin: 0.5rem;
  }
  .px-lg-150 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-lg-150 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mx-lg-150 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-lg-150 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-lg-200 {
    padding: 0.75rem;
  }
  .m-lg-200 {
    margin: 0.75rem;
  }
  .px-lg-200 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-lg-200 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mx-lg-200 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-lg-200 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-lg-300 {
    padding: 1rem;
  }
  .m-lg-300 {
    margin: 1rem;
  }
  .px-lg-300 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-lg-300 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .mx-lg-300 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-lg-300 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-lg-400 {
    padding: 1.5rem;
  }
  .m-lg-400 {
    margin: 1.5rem;
  }
  .px-lg-400 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-lg-400 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mx-lg-400 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-lg-400 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-lg-500 {
    padding: 2rem;
  }
  .m-lg-500 {
    margin: 2rem;
  }
  .px-lg-500 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-lg-500 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .mx-lg-500 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-lg-500 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-lg-600 {
    padding: 3rem;
  }
  .m-lg-600 {
    margin: 3rem;
  }
  .px-lg-600 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-lg-600 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .mx-lg-600 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-lg-600 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-lg-700 {
    padding: 4rem;
  }
  .m-lg-700 {
    margin: 4rem;
  }
  .px-lg-700 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-lg-700 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .mx-lg-700 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-lg-700 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-lg-800 {
    padding: 6rem;
  }
  .m-lg-800 {
    margin: 6rem;
  }
  .px-lg-800 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-lg-800 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .mx-lg-800 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-lg-800 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-lg-900 {
    padding: 8rem;
  }
  .m-lg-900 {
    margin: 8rem;
  }
  .px-lg-900 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-lg-900 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .mx-lg-900 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-lg-900 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-lg-950 {
    padding: 9rem;
  }
  .m-lg-950 {
    margin: 9rem;
  }
  .px-lg-950 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .py-lg-950 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .mx-lg-950 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .my-lg-950 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .p-lg-1000 {
    padding: 10rem;
  }
  .m-lg-1000 {
    margin: 10rem;
  }
  .px-lg-1000 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-lg-1000 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .mx-lg-1000 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-lg-1000 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-lg-1200 {
    padding: 12rem;
  }
  .m-lg-1200 {
    margin: 12rem;
  }
  .px-lg-1200 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-lg-1200 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .mx-lg-1200 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-lg-1200 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-lg-1400 {
    padding: 14rem;
  }
  .m-lg-1400 {
    margin: 14rem;
  }
  .px-lg-1400 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-lg-1400 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .mx-lg-1400 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-lg-1400 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-lg-1600 {
    padding: 16rem;
  }
  .m-lg-1600 {
    margin: 16rem;
  }
  .px-lg-1600 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-lg-1600 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .mx-lg-1600 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-lg-1600 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .pt-lg-0 {
    padding-top: 0rem;
  }
  .mt-lg-0 {
    margin-top: 0rem;
  }
  .pr-lg-0 {
    padding-right: 0rem;
  }
  .mr-lg-0 {
    margin-right: 0rem;
  }
  .pb-lg-0 {
    padding-bottom: 0rem;
  }
  .mb-lg-0 {
    margin-bottom: 0rem;
  }
  .pl-lg-0 {
    padding-left: 0rem;
  }
  .ml-lg-0 {
    margin-left: 0rem;
  }
  .pt-lg-100 {
    padding-top: 0.25rem;
  }
  .mt-lg-100 {
    margin-top: 0.25rem;
  }
  .pr-lg-100 {
    padding-right: 0.25rem;
  }
  .mr-lg-100 {
    margin-right: 0.25rem;
  }
  .pb-lg-100 {
    padding-bottom: 0.25rem;
  }
  .mb-lg-100 {
    margin-bottom: 0.25rem;
  }
  .pl-lg-100 {
    padding-left: 0.25rem;
  }
  .ml-lg-100 {
    margin-left: 0.25rem;
  }
  .pt-lg-150 {
    padding-top: 0.5rem;
  }
  .mt-lg-150 {
    margin-top: 0.5rem;
  }
  .pr-lg-150 {
    padding-right: 0.5rem;
  }
  .mr-lg-150 {
    margin-right: 0.5rem;
  }
  .pb-lg-150 {
    padding-bottom: 0.5rem;
  }
  .mb-lg-150 {
    margin-bottom: 0.5rem;
  }
  .pl-lg-150 {
    padding-left: 0.5rem;
  }
  .ml-lg-150 {
    margin-left: 0.5rem;
  }
  .pt-lg-200 {
    padding-top: 0.75rem;
  }
  .mt-lg-200 {
    margin-top: 0.75rem;
  }
  .pr-lg-200 {
    padding-right: 0.75rem;
  }
  .mr-lg-200 {
    margin-right: 0.75rem;
  }
  .pb-lg-200 {
    padding-bottom: 0.75rem;
  }
  .mb-lg-200 {
    margin-bottom: 0.75rem;
  }
  .pl-lg-200 {
    padding-left: 0.75rem;
  }
  .ml-lg-200 {
    margin-left: 0.75rem;
  }
  .pt-lg-300 {
    padding-top: 1rem;
  }
  .mt-lg-300 {
    margin-top: 1rem;
  }
  .pr-lg-300 {
    padding-right: 1rem;
  }
  .mr-lg-300 {
    margin-right: 1rem;
  }
  .pb-lg-300 {
    padding-bottom: 1rem;
  }
  .mb-lg-300 {
    margin-bottom: 1rem;
  }
  .pl-lg-300 {
    padding-left: 1rem;
  }
  .ml-lg-300 {
    margin-left: 1rem;
  }
  .pt-lg-400 {
    padding-top: 1.5rem;
  }
  .mt-lg-400 {
    margin-top: 1.5rem;
  }
  .pr-lg-400 {
    padding-right: 1.5rem;
  }
  .mr-lg-400 {
    margin-right: 1.5rem;
  }
  .pb-lg-400 {
    padding-bottom: 1.5rem;
  }
  .mb-lg-400 {
    margin-bottom: 1.5rem;
  }
  .pl-lg-400 {
    padding-left: 1.5rem;
  }
  .ml-lg-400 {
    margin-left: 1.5rem;
  }
  .pt-lg-500 {
    padding-top: 2rem;
  }
  .mt-lg-500 {
    margin-top: 2rem;
  }
  .pr-lg-500 {
    padding-right: 2rem;
  }
  .mr-lg-500 {
    margin-right: 2rem;
  }
  .pb-lg-500 {
    padding-bottom: 2rem;
  }
  .mb-lg-500 {
    margin-bottom: 2rem;
  }
  .pl-lg-500 {
    padding-left: 2rem;
  }
  .ml-lg-500 {
    margin-left: 2rem;
  }
  .pt-lg-600 {
    padding-top: 3rem;
  }
  .mt-lg-600 {
    margin-top: 3rem;
  }
  .pr-lg-600 {
    padding-right: 3rem;
  }
  .mr-lg-600 {
    margin-right: 3rem;
  }
  .pb-lg-600 {
    padding-bottom: 3rem;
  }
  .mb-lg-600 {
    margin-bottom: 3rem;
  }
  .pl-lg-600 {
    padding-left: 3rem;
  }
  .ml-lg-600 {
    margin-left: 3rem;
  }
  .pt-lg-700 {
    padding-top: 4rem;
  }
  .mt-lg-700 {
    margin-top: 4rem;
  }
  .pr-lg-700 {
    padding-right: 4rem;
  }
  .mr-lg-700 {
    margin-right: 4rem;
  }
  .pb-lg-700 {
    padding-bottom: 4rem;
  }
  .mb-lg-700 {
    margin-bottom: 4rem;
  }
  .pl-lg-700 {
    padding-left: 4rem;
  }
  .ml-lg-700 {
    margin-left: 4rem;
  }
  .pt-lg-800 {
    padding-top: 6rem;
  }
  .mt-lg-800 {
    margin-top: 6rem;
  }
  .pr-lg-800 {
    padding-right: 6rem;
  }
  .mr-lg-800 {
    margin-right: 6rem;
  }
  .pb-lg-800 {
    padding-bottom: 6rem;
  }
  .mb-lg-800 {
    margin-bottom: 6rem;
  }
  .pl-lg-800 {
    padding-left: 6rem;
  }
  .ml-lg-800 {
    margin-left: 6rem;
  }
  .pt-lg-900 {
    padding-top: 8rem;
  }
  .mt-lg-900 {
    margin-top: 8rem;
  }
  .pr-lg-900 {
    padding-right: 8rem;
  }
  .mr-lg-900 {
    margin-right: 8rem;
  }
  .pb-lg-900 {
    padding-bottom: 8rem;
  }
  .mb-lg-900 {
    margin-bottom: 8rem;
  }
  .pl-lg-900 {
    padding-left: 8rem;
  }
  .ml-lg-900 {
    margin-left: 8rem;
  }
  .pt-lg-950 {
    padding-top: 9rem;
  }
  .mt-lg-950 {
    margin-top: 9rem;
  }
  .pr-lg-950 {
    padding-right: 9rem;
  }
  .mr-lg-950 {
    margin-right: 9rem;
  }
  .pb-lg-950 {
    padding-bottom: 9rem;
  }
  .mb-lg-950 {
    margin-bottom: 9rem;
  }
  .pl-lg-950 {
    padding-left: 9rem;
  }
  .ml-lg-950 {
    margin-left: 9rem;
  }
  .pt-lg-1000 {
    padding-top: 10rem;
  }
  .mt-lg-1000 {
    margin-top: 10rem;
  }
  .pr-lg-1000 {
    padding-right: 10rem;
  }
  .mr-lg-1000 {
    margin-right: 10rem;
  }
  .pb-lg-1000 {
    padding-bottom: 10rem;
  }
  .mb-lg-1000 {
    margin-bottom: 10rem;
  }
  .pl-lg-1000 {
    padding-left: 10rem;
  }
  .ml-lg-1000 {
    margin-left: 10rem;
  }
  .pt-lg-1200 {
    padding-top: 12rem;
  }
  .mt-lg-1200 {
    margin-top: 12rem;
  }
  .pr-lg-1200 {
    padding-right: 12rem;
  }
  .mr-lg-1200 {
    margin-right: 12rem;
  }
  .pb-lg-1200 {
    padding-bottom: 12rem;
  }
  .mb-lg-1200 {
    margin-bottom: 12rem;
  }
  .pl-lg-1200 {
    padding-left: 12rem;
  }
  .ml-lg-1200 {
    margin-left: 12rem;
  }
  .pt-lg-1400 {
    padding-top: 14rem;
  }
  .mt-lg-1400 {
    margin-top: 14rem;
  }
  .pr-lg-1400 {
    padding-right: 14rem;
  }
  .mr-lg-1400 {
    margin-right: 14rem;
  }
  .pb-lg-1400 {
    padding-bottom: 14rem;
  }
  .mb-lg-1400 {
    margin-bottom: 14rem;
  }
  .pl-lg-1400 {
    padding-left: 14rem;
  }
  .ml-lg-1400 {
    margin-left: 14rem;
  }
  .pt-lg-1600 {
    padding-top: 16rem;
  }
  .mt-lg-1600 {
    margin-top: 16rem;
  }
  .pr-lg-1600 {
    padding-right: 16rem;
  }
  .mr-lg-1600 {
    margin-right: 16rem;
  }
  .pb-lg-1600 {
    padding-bottom: 16rem;
  }
  .mb-lg-1600 {
    margin-bottom: 16rem;
  }
  .pl-lg-1600 {
    padding-left: 16rem;
  }
  .ml-lg-1600 {
    margin-left: 16rem;
  }
}
@media (width >= 107.25rem) {
  .p-hd-0 {
    padding: 0rem;
  }
  .m-hd-0 {
    margin: 0rem;
  }
  .px-hd-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .py-hd-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .mx-hd-0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .my-hd-0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .p-hd-100 {
    padding: 0.25rem;
  }
  .m-hd-100 {
    margin: 0.25rem;
  }
  .px-hd-100 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-hd-100 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .mx-hd-100 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-hd-100 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-hd-150 {
    padding: 0.5rem;
  }
  .m-hd-150 {
    margin: 0.5rem;
  }
  .px-hd-150 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-hd-150 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mx-hd-150 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-hd-150 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-hd-200 {
    padding: 0.75rem;
  }
  .m-hd-200 {
    margin: 0.75rem;
  }
  .px-hd-200 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-hd-200 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mx-hd-200 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-hd-200 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-hd-300 {
    padding: 1rem;
  }
  .m-hd-300 {
    margin: 1rem;
  }
  .px-hd-300 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-hd-300 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .mx-hd-300 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-hd-300 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-hd-400 {
    padding: 1.5rem;
  }
  .m-hd-400 {
    margin: 1.5rem;
  }
  .px-hd-400 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-hd-400 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mx-hd-400 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-hd-400 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-hd-500 {
    padding: 2rem;
  }
  .m-hd-500 {
    margin: 2rem;
  }
  .px-hd-500 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-hd-500 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .mx-hd-500 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-hd-500 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-hd-600 {
    padding: 3rem;
  }
  .m-hd-600 {
    margin: 3rem;
  }
  .px-hd-600 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-hd-600 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .mx-hd-600 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-hd-600 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-hd-700 {
    padding: 4rem;
  }
  .m-hd-700 {
    margin: 4rem;
  }
  .px-hd-700 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-hd-700 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .mx-hd-700 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-hd-700 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-hd-800 {
    padding: 6rem;
  }
  .m-hd-800 {
    margin: 6rem;
  }
  .px-hd-800 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-hd-800 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .mx-hd-800 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-hd-800 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-hd-900 {
    padding: 8rem;
  }
  .m-hd-900 {
    margin: 8rem;
  }
  .px-hd-900 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-hd-900 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .mx-hd-900 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-hd-900 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-hd-950 {
    padding: 9rem;
  }
  .m-hd-950 {
    margin: 9rem;
  }
  .px-hd-950 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .py-hd-950 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .mx-hd-950 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .my-hd-950 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .p-hd-1000 {
    padding: 10rem;
  }
  .m-hd-1000 {
    margin: 10rem;
  }
  .px-hd-1000 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-hd-1000 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .mx-hd-1000 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-hd-1000 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-hd-1200 {
    padding: 12rem;
  }
  .m-hd-1200 {
    margin: 12rem;
  }
  .px-hd-1200 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-hd-1200 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .mx-hd-1200 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-hd-1200 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-hd-1400 {
    padding: 14rem;
  }
  .m-hd-1400 {
    margin: 14rem;
  }
  .px-hd-1400 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-hd-1400 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .mx-hd-1400 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-hd-1400 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-hd-1600 {
    padding: 16rem;
  }
  .m-hd-1600 {
    margin: 16rem;
  }
  .px-hd-1600 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-hd-1600 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .mx-hd-1600 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-hd-1600 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .pt-hd-0 {
    padding-top: 0rem;
  }
  .mt-hd-0 {
    margin-top: 0rem;
  }
  .pr-hd-0 {
    padding-right: 0rem;
  }
  .mr-hd-0 {
    margin-right: 0rem;
  }
  .pb-hd-0 {
    padding-bottom: 0rem;
  }
  .mb-hd-0 {
    margin-bottom: 0rem;
  }
  .pl-hd-0 {
    padding-left: 0rem;
  }
  .ml-hd-0 {
    margin-left: 0rem;
  }
  .pt-hd-100 {
    padding-top: 0.25rem;
  }
  .mt-hd-100 {
    margin-top: 0.25rem;
  }
  .pr-hd-100 {
    padding-right: 0.25rem;
  }
  .mr-hd-100 {
    margin-right: 0.25rem;
  }
  .pb-hd-100 {
    padding-bottom: 0.25rem;
  }
  .mb-hd-100 {
    margin-bottom: 0.25rem;
  }
  .pl-hd-100 {
    padding-left: 0.25rem;
  }
  .ml-hd-100 {
    margin-left: 0.25rem;
  }
  .pt-hd-150 {
    padding-top: 0.5rem;
  }
  .mt-hd-150 {
    margin-top: 0.5rem;
  }
  .pr-hd-150 {
    padding-right: 0.5rem;
  }
  .mr-hd-150 {
    margin-right: 0.5rem;
  }
  .pb-hd-150 {
    padding-bottom: 0.5rem;
  }
  .mb-hd-150 {
    margin-bottom: 0.5rem;
  }
  .pl-hd-150 {
    padding-left: 0.5rem;
  }
  .ml-hd-150 {
    margin-left: 0.5rem;
  }
  .pt-hd-200 {
    padding-top: 0.75rem;
  }
  .mt-hd-200 {
    margin-top: 0.75rem;
  }
  .pr-hd-200 {
    padding-right: 0.75rem;
  }
  .mr-hd-200 {
    margin-right: 0.75rem;
  }
  .pb-hd-200 {
    padding-bottom: 0.75rem;
  }
  .mb-hd-200 {
    margin-bottom: 0.75rem;
  }
  .pl-hd-200 {
    padding-left: 0.75rem;
  }
  .ml-hd-200 {
    margin-left: 0.75rem;
  }
  .pt-hd-300 {
    padding-top: 1rem;
  }
  .mt-hd-300 {
    margin-top: 1rem;
  }
  .pr-hd-300 {
    padding-right: 1rem;
  }
  .mr-hd-300 {
    margin-right: 1rem;
  }
  .pb-hd-300 {
    padding-bottom: 1rem;
  }
  .mb-hd-300 {
    margin-bottom: 1rem;
  }
  .pl-hd-300 {
    padding-left: 1rem;
  }
  .ml-hd-300 {
    margin-left: 1rem;
  }
  .pt-hd-400 {
    padding-top: 1.5rem;
  }
  .mt-hd-400 {
    margin-top: 1.5rem;
  }
  .pr-hd-400 {
    padding-right: 1.5rem;
  }
  .mr-hd-400 {
    margin-right: 1.5rem;
  }
  .pb-hd-400 {
    padding-bottom: 1.5rem;
  }
  .mb-hd-400 {
    margin-bottom: 1.5rem;
  }
  .pl-hd-400 {
    padding-left: 1.5rem;
  }
  .ml-hd-400 {
    margin-left: 1.5rem;
  }
  .pt-hd-500 {
    padding-top: 2rem;
  }
  .mt-hd-500 {
    margin-top: 2rem;
  }
  .pr-hd-500 {
    padding-right: 2rem;
  }
  .mr-hd-500 {
    margin-right: 2rem;
  }
  .pb-hd-500 {
    padding-bottom: 2rem;
  }
  .mb-hd-500 {
    margin-bottom: 2rem;
  }
  .pl-hd-500 {
    padding-left: 2rem;
  }
  .ml-hd-500 {
    margin-left: 2rem;
  }
  .pt-hd-600 {
    padding-top: 3rem;
  }
  .mt-hd-600 {
    margin-top: 3rem;
  }
  .pr-hd-600 {
    padding-right: 3rem;
  }
  .mr-hd-600 {
    margin-right: 3rem;
  }
  .pb-hd-600 {
    padding-bottom: 3rem;
  }
  .mb-hd-600 {
    margin-bottom: 3rem;
  }
  .pl-hd-600 {
    padding-left: 3rem;
  }
  .ml-hd-600 {
    margin-left: 3rem;
  }
  .pt-hd-700 {
    padding-top: 4rem;
  }
  .mt-hd-700 {
    margin-top: 4rem;
  }
  .pr-hd-700 {
    padding-right: 4rem;
  }
  .mr-hd-700 {
    margin-right: 4rem;
  }
  .pb-hd-700 {
    padding-bottom: 4rem;
  }
  .mb-hd-700 {
    margin-bottom: 4rem;
  }
  .pl-hd-700 {
    padding-left: 4rem;
  }
  .ml-hd-700 {
    margin-left: 4rem;
  }
  .pt-hd-800 {
    padding-top: 6rem;
  }
  .mt-hd-800 {
    margin-top: 6rem;
  }
  .pr-hd-800 {
    padding-right: 6rem;
  }
  .mr-hd-800 {
    margin-right: 6rem;
  }
  .pb-hd-800 {
    padding-bottom: 6rem;
  }
  .mb-hd-800 {
    margin-bottom: 6rem;
  }
  .pl-hd-800 {
    padding-left: 6rem;
  }
  .ml-hd-800 {
    margin-left: 6rem;
  }
  .pt-hd-900 {
    padding-top: 8rem;
  }
  .mt-hd-900 {
    margin-top: 8rem;
  }
  .pr-hd-900 {
    padding-right: 8rem;
  }
  .mr-hd-900 {
    margin-right: 8rem;
  }
  .pb-hd-900 {
    padding-bottom: 8rem;
  }
  .mb-hd-900 {
    margin-bottom: 8rem;
  }
  .pl-hd-900 {
    padding-left: 8rem;
  }
  .ml-hd-900 {
    margin-left: 8rem;
  }
  .pt-hd-950 {
    padding-top: 9rem;
  }
  .mt-hd-950 {
    margin-top: 9rem;
  }
  .pr-hd-950 {
    padding-right: 9rem;
  }
  .mr-hd-950 {
    margin-right: 9rem;
  }
  .pb-hd-950 {
    padding-bottom: 9rem;
  }
  .mb-hd-950 {
    margin-bottom: 9rem;
  }
  .pl-hd-950 {
    padding-left: 9rem;
  }
  .ml-hd-950 {
    margin-left: 9rem;
  }
  .pt-hd-1000 {
    padding-top: 10rem;
  }
  .mt-hd-1000 {
    margin-top: 10rem;
  }
  .pr-hd-1000 {
    padding-right: 10rem;
  }
  .mr-hd-1000 {
    margin-right: 10rem;
  }
  .pb-hd-1000 {
    padding-bottom: 10rem;
  }
  .mb-hd-1000 {
    margin-bottom: 10rem;
  }
  .pl-hd-1000 {
    padding-left: 10rem;
  }
  .ml-hd-1000 {
    margin-left: 10rem;
  }
  .pt-hd-1200 {
    padding-top: 12rem;
  }
  .mt-hd-1200 {
    margin-top: 12rem;
  }
  .pr-hd-1200 {
    padding-right: 12rem;
  }
  .mr-hd-1200 {
    margin-right: 12rem;
  }
  .pb-hd-1200 {
    padding-bottom: 12rem;
  }
  .mb-hd-1200 {
    margin-bottom: 12rem;
  }
  .pl-hd-1200 {
    padding-left: 12rem;
  }
  .ml-hd-1200 {
    margin-left: 12rem;
  }
  .pt-hd-1400 {
    padding-top: 14rem;
  }
  .mt-hd-1400 {
    margin-top: 14rem;
  }
  .pr-hd-1400 {
    padding-right: 14rem;
  }
  .mr-hd-1400 {
    margin-right: 14rem;
  }
  .pb-hd-1400 {
    padding-bottom: 14rem;
  }
  .mb-hd-1400 {
    margin-bottom: 14rem;
  }
  .pl-hd-1400 {
    padding-left: 14rem;
  }
  .ml-hd-1400 {
    margin-left: 14rem;
  }
  .pt-hd-1600 {
    padding-top: 16rem;
  }
  .mt-hd-1600 {
    margin-top: 16rem;
  }
  .pr-hd-1600 {
    padding-right: 16rem;
  }
  .mr-hd-1600 {
    margin-right: 16rem;
  }
  .pb-hd-1600 {
    padding-bottom: 16rem;
  }
  .mb-hd-1600 {
    margin-bottom: 16rem;
  }
  .pl-hd-1600 {
    padding-left: 16rem;
  }
  .ml-hd-1600 {
    margin-left: 16rem;
  }
}
@media (width >= 160rem) {
  .p-xl-0 {
    padding: 0rem;
  }
  .m-xl-0 {
    margin: 0rem;
  }
  .px-xl-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .py-xl-0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .mx-xl-0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .my-xl-0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .p-xl-100 {
    padding: 0.25rem;
  }
  .m-xl-100 {
    margin: 0.25rem;
  }
  .px-xl-100 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .py-xl-100 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .mx-xl-100 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .my-xl-100 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-xl-150 {
    padding: 0.5rem;
  }
  .m-xl-150 {
    margin: 0.5rem;
  }
  .px-xl-150 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .py-xl-150 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mx-xl-150 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-xl-150 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-xl-200 {
    padding: 0.75rem;
  }
  .m-xl-200 {
    margin: 0.75rem;
  }
  .px-xl-200 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .py-xl-200 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .mx-xl-200 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .my-xl-200 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .p-xl-300 {
    padding: 1rem;
  }
  .m-xl-300 {
    margin: 1rem;
  }
  .px-xl-300 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-xl-300 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .mx-xl-300 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .my-xl-300 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .p-xl-400 {
    padding: 1.5rem;
  }
  .m-xl-400 {
    margin: 1.5rem;
  }
  .px-xl-400 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-xl-400 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .mx-xl-400 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .my-xl-400 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .p-xl-500 {
    padding: 2rem;
  }
  .m-xl-500 {
    margin: 2rem;
  }
  .px-xl-500 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-xl-500 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .mx-xl-500 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .my-xl-500 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .p-xl-600 {
    padding: 3rem;
  }
  .m-xl-600 {
    margin: 3rem;
  }
  .px-xl-600 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .py-xl-600 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .mx-xl-600 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .my-xl-600 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .p-xl-700 {
    padding: 4rem;
  }
  .m-xl-700 {
    margin: 4rem;
  }
  .px-xl-700 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .py-xl-700 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .mx-xl-700 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .my-xl-700 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .p-xl-800 {
    padding: 6rem;
  }
  .m-xl-800 {
    margin: 6rem;
  }
  .px-xl-800 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .py-xl-800 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .mx-xl-800 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .my-xl-800 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .p-xl-900 {
    padding: 8rem;
  }
  .m-xl-900 {
    margin: 8rem;
  }
  .px-xl-900 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .py-xl-900 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .mx-xl-900 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .my-xl-900 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .p-xl-950 {
    padding: 9rem;
  }
  .m-xl-950 {
    margin: 9rem;
  }
  .px-xl-950 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .py-xl-950 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .mx-xl-950 {
    margin-left: 9rem;
    margin-right: 9rem;
  }
  .my-xl-950 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
  .p-xl-1000 {
    padding: 10rem;
  }
  .m-xl-1000 {
    margin: 10rem;
  }
  .px-xl-1000 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .py-xl-1000 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .mx-xl-1000 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .my-xl-1000 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .p-xl-1200 {
    padding: 12rem;
  }
  .m-xl-1200 {
    margin: 12rem;
  }
  .px-xl-1200 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .py-xl-1200 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .mx-xl-1200 {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .my-xl-1200 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .p-xl-1400 {
    padding: 14rem;
  }
  .m-xl-1400 {
    margin: 14rem;
  }
  .px-xl-1400 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .py-xl-1400 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .mx-xl-1400 {
    margin-left: 14rem;
    margin-right: 14rem;
  }
  .my-xl-1400 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .p-xl-1600 {
    padding: 16rem;
  }
  .m-xl-1600 {
    margin: 16rem;
  }
  .px-xl-1600 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .py-xl-1600 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .mx-xl-1600 {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .my-xl-1600 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .pt-xl-0 {
    padding-top: 0rem;
  }
  .mt-xl-0 {
    margin-top: 0rem;
  }
  .pr-xl-0 {
    padding-right: 0rem;
  }
  .mr-xl-0 {
    margin-right: 0rem;
  }
  .pb-xl-0 {
    padding-bottom: 0rem;
  }
  .mb-xl-0 {
    margin-bottom: 0rem;
  }
  .pl-xl-0 {
    padding-left: 0rem;
  }
  .ml-xl-0 {
    margin-left: 0rem;
  }
  .pt-xl-100 {
    padding-top: 0.25rem;
  }
  .mt-xl-100 {
    margin-top: 0.25rem;
  }
  .pr-xl-100 {
    padding-right: 0.25rem;
  }
  .mr-xl-100 {
    margin-right: 0.25rem;
  }
  .pb-xl-100 {
    padding-bottom: 0.25rem;
  }
  .mb-xl-100 {
    margin-bottom: 0.25rem;
  }
  .pl-xl-100 {
    padding-left: 0.25rem;
  }
  .ml-xl-100 {
    margin-left: 0.25rem;
  }
  .pt-xl-150 {
    padding-top: 0.5rem;
  }
  .mt-xl-150 {
    margin-top: 0.5rem;
  }
  .pr-xl-150 {
    padding-right: 0.5rem;
  }
  .mr-xl-150 {
    margin-right: 0.5rem;
  }
  .pb-xl-150 {
    padding-bottom: 0.5rem;
  }
  .mb-xl-150 {
    margin-bottom: 0.5rem;
  }
  .pl-xl-150 {
    padding-left: 0.5rem;
  }
  .ml-xl-150 {
    margin-left: 0.5rem;
  }
  .pt-xl-200 {
    padding-top: 0.75rem;
  }
  .mt-xl-200 {
    margin-top: 0.75rem;
  }
  .pr-xl-200 {
    padding-right: 0.75rem;
  }
  .mr-xl-200 {
    margin-right: 0.75rem;
  }
  .pb-xl-200 {
    padding-bottom: 0.75rem;
  }
  .mb-xl-200 {
    margin-bottom: 0.75rem;
  }
  .pl-xl-200 {
    padding-left: 0.75rem;
  }
  .ml-xl-200 {
    margin-left: 0.75rem;
  }
  .pt-xl-300 {
    padding-top: 1rem;
  }
  .mt-xl-300 {
    margin-top: 1rem;
  }
  .pr-xl-300 {
    padding-right: 1rem;
  }
  .mr-xl-300 {
    margin-right: 1rem;
  }
  .pb-xl-300 {
    padding-bottom: 1rem;
  }
  .mb-xl-300 {
    margin-bottom: 1rem;
  }
  .pl-xl-300 {
    padding-left: 1rem;
  }
  .ml-xl-300 {
    margin-left: 1rem;
  }
  .pt-xl-400 {
    padding-top: 1.5rem;
  }
  .mt-xl-400 {
    margin-top: 1.5rem;
  }
  .pr-xl-400 {
    padding-right: 1.5rem;
  }
  .mr-xl-400 {
    margin-right: 1.5rem;
  }
  .pb-xl-400 {
    padding-bottom: 1.5rem;
  }
  .mb-xl-400 {
    margin-bottom: 1.5rem;
  }
  .pl-xl-400 {
    padding-left: 1.5rem;
  }
  .ml-xl-400 {
    margin-left: 1.5rem;
  }
  .pt-xl-500 {
    padding-top: 2rem;
  }
  .mt-xl-500 {
    margin-top: 2rem;
  }
  .pr-xl-500 {
    padding-right: 2rem;
  }
  .mr-xl-500 {
    margin-right: 2rem;
  }
  .pb-xl-500 {
    padding-bottom: 2rem;
  }
  .mb-xl-500 {
    margin-bottom: 2rem;
  }
  .pl-xl-500 {
    padding-left: 2rem;
  }
  .ml-xl-500 {
    margin-left: 2rem;
  }
  .pt-xl-600 {
    padding-top: 3rem;
  }
  .mt-xl-600 {
    margin-top: 3rem;
  }
  .pr-xl-600 {
    padding-right: 3rem;
  }
  .mr-xl-600 {
    margin-right: 3rem;
  }
  .pb-xl-600 {
    padding-bottom: 3rem;
  }
  .mb-xl-600 {
    margin-bottom: 3rem;
  }
  .pl-xl-600 {
    padding-left: 3rem;
  }
  .ml-xl-600 {
    margin-left: 3rem;
  }
  .pt-xl-700 {
    padding-top: 4rem;
  }
  .mt-xl-700 {
    margin-top: 4rem;
  }
  .pr-xl-700 {
    padding-right: 4rem;
  }
  .mr-xl-700 {
    margin-right: 4rem;
  }
  .pb-xl-700 {
    padding-bottom: 4rem;
  }
  .mb-xl-700 {
    margin-bottom: 4rem;
  }
  .pl-xl-700 {
    padding-left: 4rem;
  }
  .ml-xl-700 {
    margin-left: 4rem;
  }
  .pt-xl-800 {
    padding-top: 6rem;
  }
  .mt-xl-800 {
    margin-top: 6rem;
  }
  .pr-xl-800 {
    padding-right: 6rem;
  }
  .mr-xl-800 {
    margin-right: 6rem;
  }
  .pb-xl-800 {
    padding-bottom: 6rem;
  }
  .mb-xl-800 {
    margin-bottom: 6rem;
  }
  .pl-xl-800 {
    padding-left: 6rem;
  }
  .ml-xl-800 {
    margin-left: 6rem;
  }
  .pt-xl-900 {
    padding-top: 8rem;
  }
  .mt-xl-900 {
    margin-top: 8rem;
  }
  .pr-xl-900 {
    padding-right: 8rem;
  }
  .mr-xl-900 {
    margin-right: 8rem;
  }
  .pb-xl-900 {
    padding-bottom: 8rem;
  }
  .mb-xl-900 {
    margin-bottom: 8rem;
  }
  .pl-xl-900 {
    padding-left: 8rem;
  }
  .ml-xl-900 {
    margin-left: 8rem;
  }
  .pt-xl-950 {
    padding-top: 9rem;
  }
  .mt-xl-950 {
    margin-top: 9rem;
  }
  .pr-xl-950 {
    padding-right: 9rem;
  }
  .mr-xl-950 {
    margin-right: 9rem;
  }
  .pb-xl-950 {
    padding-bottom: 9rem;
  }
  .mb-xl-950 {
    margin-bottom: 9rem;
  }
  .pl-xl-950 {
    padding-left: 9rem;
  }
  .ml-xl-950 {
    margin-left: 9rem;
  }
  .pt-xl-1000 {
    padding-top: 10rem;
  }
  .mt-xl-1000 {
    margin-top: 10rem;
  }
  .pr-xl-1000 {
    padding-right: 10rem;
  }
  .mr-xl-1000 {
    margin-right: 10rem;
  }
  .pb-xl-1000 {
    padding-bottom: 10rem;
  }
  .mb-xl-1000 {
    margin-bottom: 10rem;
  }
  .pl-xl-1000 {
    padding-left: 10rem;
  }
  .ml-xl-1000 {
    margin-left: 10rem;
  }
  .pt-xl-1200 {
    padding-top: 12rem;
  }
  .mt-xl-1200 {
    margin-top: 12rem;
  }
  .pr-xl-1200 {
    padding-right: 12rem;
  }
  .mr-xl-1200 {
    margin-right: 12rem;
  }
  .pb-xl-1200 {
    padding-bottom: 12rem;
  }
  .mb-xl-1200 {
    margin-bottom: 12rem;
  }
  .pl-xl-1200 {
    padding-left: 12rem;
  }
  .ml-xl-1200 {
    margin-left: 12rem;
  }
  .pt-xl-1400 {
    padding-top: 14rem;
  }
  .mt-xl-1400 {
    margin-top: 14rem;
  }
  .pr-xl-1400 {
    padding-right: 14rem;
  }
  .mr-xl-1400 {
    margin-right: 14rem;
  }
  .pb-xl-1400 {
    padding-bottom: 14rem;
  }
  .mb-xl-1400 {
    margin-bottom: 14rem;
  }
  .pl-xl-1400 {
    padding-left: 14rem;
  }
  .ml-xl-1400 {
    margin-left: 14rem;
  }
  .pt-xl-1600 {
    padding-top: 16rem;
  }
  .mt-xl-1600 {
    margin-top: 16rem;
  }
  .pr-xl-1600 {
    padding-right: 16rem;
  }
  .mr-xl-1600 {
    margin-right: 16rem;
  }
  .pb-xl-1600 {
    padding-bottom: 16rem;
  }
  .mb-xl-1600 {
    margin-bottom: 16rem;
  }
  .pl-xl-1600 {
    padding-left: 16rem;
  }
  .ml-xl-1600 {
    margin-left: 16rem;
  }
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

@media (width >= 37.5rem) {
  .mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ml-sm-auto {
    margin-left: auto;
  }
  .mr-sm-auto {
    margin-right: auto;
  }
}
@media (width >= 62.375rem) {
  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ml-md-auto {
    margin-left: auto;
  }
  .mr-md-auto {
    margin-right: auto;
  }
}
@media (width >= 85rem) {
  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
  .mr-lg-auto {
    margin-right: auto;
  }
}
@media (width >= 107.25rem) {
  .mx-hd-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ml-hd-auto {
    margin-left: auto;
  }
  .mr-hd-auto {
    margin-right: auto;
  }
}
@media (width >= 160rem) {
  .mx-xl-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ml-xl-auto {
    margin-left: auto;
  }
  .mr-xl-auto {
    margin-right: auto;
  }
}
.icon {
  display: inline-block;
  width: auto;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
}

img.img-full {
  width: 100%;
  height: auto;
  display: block;
}

.box-out {
  padding: 1.5rem;
  background-color: var(--grey-1);
}

.specs-table {
  container: specs-table/inline-size;
  font-size: 1.75rem;
}
.specs-table .specs-table-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.specs-table .specs-table-grid .stat-label, .specs-table .specs-table-grid .stat-value {
  padding-block: 1rem;
}
.specs-table .specs-table-grid .stat-label p, .specs-table .specs-table-grid .stat-value p {
  text-transform: initial;
}
.specs-table .specs-table-grid .stat-label {
  border-bottom: 2px solid var(--grey-1);
}
.specs-table .specs-table-grid .stat-label p {
  font-weight: var(--fw-semi-bold);
}
.specs-table .specs-table-grid .stat-value {
  border-bottom: 2px solid black;
}
@container specs-table (width > 35rem) {
  .specs-table .specs-table-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.img-backboard {
  aspect-ratio: var(--ratio);
  background-image: var(--image-url);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.img-backboard img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.product-sidebar-temp-section {
  background: #eee;
  position: relative;
}
.product-sidebar-temp-section::before {
  content: "Sidebar content - to be replaced with blocks";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4rem;
  color: #333;
}
.product-sidebar-temp-section > * {
  opacity: 0.5;
  pointer-events: none;
}

/* Wordpress Defaults
------------------------------------------------------------------------------------ */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
  background-color: white;
}
.wp-caption.alignleft, .wp-caption.alignright {
  width: 48% !important;
  clear: both;
}
.wp-caption.alignleft {
  margin: 0.5rem 1.5rem 1.5rem 0;
}
.wp-caption.alignright {
  margin: 0.5rem 0 1.5rem 1.5rem;
}
.wp-caption.aligncenter, .wp-caption.alignnone {
  margin: 3rem 0;
  margin: 1rem auto;
  width: 100% !important;
  clear: both;
}
.wp-caption img {
  width: 100%;
  display: block;
}

img.alignleft, img.alignright {
  width: 48% !important;
  clear: both;
}
img.alignleft {
  margin: 0.5rem 1.5rem 1.5rem 0;
}
img.alignright {
  margin: 0.5rem 0 1.5rem 1.5rem;
}
img.aligncenter, img.alignnone {
  margin: 3rem 0;
  margin: 1rem auto;
  width: 100% !important;
  clear: both;
}

.wp-caption-text {
  padding: 0.5em;
  font-size: 1.5rem;
  font-size: 0.8rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .wp-caption-text {
    font-size: 1.2rem;
    font-size: 0.75rem;
  }
}

.text__content img.alignleft,
.text__content img.alignright, .layout--article img.alignleft,
.layout--article img.alignright {
  width: 48% !important;
}

img.alignleft {
  margin: 0.5rem 1.5rem 0.5rem 0;
}

img.alignright {
  margin: 0.5rem 0 0.5rem 1.5rem;
}

img.aligncenter {
  margin: 5px auto;
}

img.alignnone {
  margin: 5px 0;
  margin: 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
  color: #220e10;
  font-size: 1.5rem;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .wp-caption .wp-caption-text,
  .entry-caption,
  .gallery-caption {
    font-size: 1.2rem;
  }
}

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
  list-style-position: inside;
}

.icon--chevron-right {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.448 14.576'%3E%3Cpath d='M.012,0,0,.012,7.361,7.373.213,14.521l.055.055H3.245l7.2-7.2L3.075,0Z'/%3E%3C/svg%3E");
}

.icon--chevron-left {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.448 14.576'%3E%3Cpath d='M10.436%2C0l.012.012L3.087%2C7.373l7.148%2C7.148-.055.055H7.203l-7.2-7.2L7.373%2C0Z'/%3E%3C/svg%3E");
}

.icon--download {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.575 14.58'%3E%3Cpath d='M0,9.579v2.057H19.573V9.579Z' transform='translate(-0.002 2.945)'/%3E%3Cpath d='M.011,0,0,.011,7.137,7.149.206,14.079l.053.053H3.146L10.13,7.149,2.982,0Z' transform='translate(17.13) rotate(90)'/%3E%3C/svg%3E");
}

.icon--plus {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M0,15.38 H36 V20.619 H0 Z M15.38,0 H20.619 V36 H15.38 Z'/%3E%3C/svg%3E");
}

.icon--minus {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M0,15.38 H36 V20.619 H0 Z'/%3E%3C/svg%3E");
}

.icon--play {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M12,7 0,14 0,0Z'/%3E%3C/svg%3E");
}

:root {
  --icon--chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.448 14.576'%3E%3Cpath d='M.012,0,0,.012,7.361,7.373.213,14.521l.055.055H3.245l7.2-7.2L3.075,0Z'/%3E%3C/svg%3E");
  --icon--chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.448 14.576'%3E%3Cpath d='M10.436%2C0l.012.012L3.087%2C7.373l7.148%2C7.148-.055.055H7.203l-7.2-7.2L7.373%2C0Z'/%3E%3C/svg%3E");
  --icon--download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.575 14.58'%3E%3Cpath d='M0,9.579v2.057H19.573V9.579Z' transform='translate(-0.002 2.945)'/%3E%3Cpath d='M.011,0,0,.011,7.137,7.149.206,14.079l.053.053H3.146L10.13,7.149,2.982,0Z' transform='translate(17.13) rotate(90)'/%3E%3C/svg%3E");
  --icon--plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M0,15.38 H36 V20.619 H0 Z M15.38,0 H20.619 V36 H15.38 Z'/%3E%3C/svg%3E");
  --icon--minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M0,15.38 H36 V20.619 H0 Z'/%3E%3C/svg%3E");
  --icon--play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M12,7 0,14 0,0Z'/%3E%3C/svg%3E");
}

.icon-after::after, .icon-before::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  background-color: var(--icon-color, currentColor);
  mask-image: var(--icon);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}

.product-blocks .product-block {
  min-width: 0;
}
.product-blocks .product-block:not(:first-child) {
  margin-top: var(--spacing-400);
}
.product-blocks .product-block:has(.accordion--specs) + *:has(.accordion--specs) {
  margin-top: 0;
}
.product-blocks .product-block .accordion--specs {
  margin-block: 0;
}

.events-archive {
  transition: opacity 0.3s ease;
}
.events-archive.loading {
  opacity: 0.75;
  pointer-events: none;
}
.events-archive__toggle {
  display: inline-flex;
  flex-direction: row;
  margin-bottom: 4rem;
}
.events-archive__toggle__link {
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 1.25em;
  transition: all 0.3s;
  outline: none;
  text-decoration: none;
  background-color: var(--color-brand-grey--300);
  color: var(--color-brand-black);
}
.events-archive__toggle__link.active, .events-archive__toggle__link:hover {
  background-color: var(--color-context-primary-surface);
  color: #ffffff;
}
.events-archive #events-toolbar {
  overflow: hidden;
}
.events-archive__toolbar > * {
  margin-bottom: 3rem;
}
.events-archive__toolbar h4 {
  margin: 0;
}
.events-archive__toolbar label {
  margin: 0 1.25rem;
}
.events-archive__toolbar select, .events-archive__toolbar input[type=text] {
  position: relative;
  border: 1px solid var(--color-brand-white);
  clip-path: polygon(11px 0, 100% 0, calc(100% - 11px) 100%, 0 100%);
  background-color: var(--color-brand-grey--300);
  width: 100%;
  padding: 0.25em 1em 0.25em 1.5em;
  border-radius: 0;
  outline: none;
}
@media screen and (min-width: 768px) {
  .events-archive__toolbar select, .events-archive__toolbar input[type=text] {
    max-width: 320px;
  }
}
.events-archive__search {
  margin-bottom: 2rem;
}
.events-archive__filters {
  margin-bottom: 2rem;
  display: grid;
}
@media screen and (min-width: 768px) {
  .events-archive__filters {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
  }
}
.events-archive__search, .events-archive__filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .events-archive__search, .events-archive__filter {
    flex-direction: row;
    align-items: center;
  }
}
.events-archive select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M.012,0,0,.012,5,5.012,10,.012,9.988,0,5,4.988Z' stroke='%23000' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
.events-archive__list {
  margin-bottom: 4rem;
}
.events-archive__item {
  background-color: var(--color-brand-grey--300);
  padding: 2rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  grid-template-areas: "meta" "desc" "cta";
}
.events-archive__item--loading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100px;
  position: relative;
}
.events-archive__item:not(:last-child) {
  margin-bottom: 1rem;
}
.events-archive__item-meta {
  grid-area: meta;
  flex: 0 0 10rem;
  font-size: 28px;
  color: var(--color-context-primary-surface);
  min-width: 200px;
}
.events-archive__item-date {
  font-family: var(--font-family-heading);
}
.events-archive__item-date span {
  font-family: var(--font-family-body);
}
.events-archive__item-location {
  font-size: 1.8rem;
  color: var(--color-brand-black);
  padding: 0;
}
.events-archive__item-content {
  grid-area: desc;
  flex-grow: 1;
}
.events-archive__item-content * {
  margin: 0;
}
.events-archive__item-name {
  font-size: 2.85rem;
  margin-bottom: 0.25em;
}
.events-archive__item-cta {
  grid-area: cta;
  display: flex;
  min-width: 20rem;
  align-items: center;
}
.events-archive__item-cta a {
  margin-right: 0;
}
.events-archive__item--hide-link a {
  display: none;
}
@media screen and (min-width: 540px) {
  .events-archive__item {
    grid-template-columns: 1fr auto;
    grid-template-areas: "meta cta" "desc desc";
  }
}
@media screen and (min-width: 768px) {
  .events-archive__item {
    grid-template-columns: 1fr 3fr auto;
    grid-template-areas: "meta desc cta";
  }
  .events-archive__item-meta {
    text-align: center;
  }
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.spinner {
  position: relative;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spinner__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid var(--color-context-primary-surface);
  border-top-color: transparent;
  border-right-color: transparent;
  animation: spin 1s linear infinite;
}
.spinner__circle--2 {
  animation: spin 1s linear infinite reverse;
  width: 80%;
  height: 80%;
}

.search-pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-300);
}
.search-pagination .page-numbers {
  display: inline-block;
  padding: var(--spacing-100) var(--spacing-200);
  margin: 0 var(--spacing-50);
  color: var(--color-brand-grey--700);
  text-decoration: none;
}
.search-pagination .page-numbers.current {
  color: var(--color-brand-black);
  font-weight: var(--fw-semi-bold);
}

.search-form-scroll-box {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid var(--color-brand-grey--300);
  padding: var(--spacing-200);
  margin-bottom: var(--spacing-500);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.search-form-scroll-box::-webkit-scrollbar {
  display: none;
}

.section__search-results {
  margin-top: 4rem;
}
@media (width <= 768px) {
  .section__search-results {
    margin-top: 2rem;
  }
}

footer .menu-item--depth-0 > a {
  text-decoration: none;
  border-bottom: none !important;
}
footer .menu-item--depth-0 > .sub-menu {
  text-transform: none;
  margin: 0;
  padding: 0;
}
footer .menu-item--depth-0 > .sub-menu li {
  list-style: none;
}

/**
  * Swiper custom styles
  */
.swiper {
  --swiper-pagination-bottom: 2rem;
}

.swiper-button-prev,
.swiper-button-next {
  transition: opacity 0.3s ease;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  display: none;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  font-family: unset;
}

.swiper-button-prev:after {
  mask-image: var(--icon--chevron-left);
}

.swiper-button-next:after {
  mask-image: var(--icon--chevron-right);
}

.swiper-pagination-bullet {
  transition: all 0.2s ease;
}

div.swiper-pagination.swiper-pagination-bullets {
  width: max-content;
  left: unset;
  right: unset;
  top: unset;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, 50%);
  left: 50%;
}

.swiper-pagination-bullet {
  --swiper-pagination-bullet-size: .5rem;
  --swiper-pagination-bullet-border-radius: 0px;
  --swiper-pagination-bullet-inactive-color: var(--color-brand-grey--300);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--color-brand-primary--500);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  --swiper-pagination-bullet-size: 0.75rem ;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  height: auto;
  width: auto;
  margin: 0;
}

.swiper-scrollbar {
  width: 100%;
  height: 2px !important;
  flex: 1;
  border-radius: 0;
  background-color: color-mix(in hsl, var(--blue-3), transparent 80%);
}
.swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background-color: var(--blue-1);
}

.swiper-controls:has(.swiper-scrollbar), .swiper-controls.controls-below {
  position: relative;
  padding: 1rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
}
.swiper-controls:has(.swiper-scrollbar) .swiper-button-prev,
.swiper-controls:has(.swiper-scrollbar) .swiper-button-next, .swiper-controls.controls-below .swiper-button-prev,
.swiper-controls.controls-below .swiper-button-next {
  height: 1.375rem;
  width: 1rem;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  margin: 0;
}
.swiper-controls:has(.swiper-scrollbar-lock) {
  display: none;
}
.swiper-controls.controls-below div.swiper-pagination.swiper-pagination-bullets {
  position: relative;
  inset: unset;
  transform: unset;
  margin: 0 var(--spacing-400);
}

body main .scroll-x:not([class*=scroll-x--]) {
  --scroll-x-fade: 3rem;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: initial;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  mask-image: linear-gradient(to right, transparent, black var(--scroll-x-fade), black calc(100% - var(--scroll-x-fade)), transparent);
  mask-size: 100% 100%;
  mask-position: center;
  transition: mask-position 0.3s ease, mask-size 0.3s ease;
}
body main .scroll-x::-webkit-scrollbar {
  display: none;
}
body main .scroll-x.start {
  mask-position: right;
  mask-size: calc(100% + var(--scroll-x-fade, 3rem)) 100%;
}
body main .scroll-x.end {
  mask-position: left;
  mask-size: calc(100% + var(--scroll-x-fade, 3rem)) 100%;
}
body main .scroll-x.start.end {
  mask-position: center;
  mask-size: calc(100% + 2 * var(--scroll-x-fade, 3rem)) 100%;
}
@media (max-width: 37.5rem) {
  body main .scroll-x--sm {
    --scroll-x-fade: 3rem;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: initial;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    mask-image: linear-gradient(to right, transparent, black var(--scroll-x-fade), black calc(100% - var(--scroll-x-fade)), transparent);
    mask-size: 100% 100%;
    mask-position: center;
    transition: mask-position 0.3s ease, mask-size 0.3s ease;
  }
}
@media (max-width: 62.375rem) {
  body main .scroll-x--md {
    --scroll-x-fade: 3rem;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: initial;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    mask-image: linear-gradient(to right, transparent, black var(--scroll-x-fade), black calc(100% - var(--scroll-x-fade)), transparent);
    mask-size: 100% 100%;
    mask-position: center;
    transition: mask-position 0.3s ease, mask-size 0.3s ease;
  }
}
@media (max-width: 85rem) {
  body main .scroll-x--lg {
    --scroll-x-fade: 3rem;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: initial;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    mask-image: linear-gradient(to right, transparent, black var(--scroll-x-fade), black calc(100% - var(--scroll-x-fade)), transparent);
    mask-size: 100% 100%;
    mask-position: center;
    transition: mask-position 0.3s ease, mask-size 0.3s ease;
  }
}
@media (max-width: 107.25rem) {
  body main .scroll-x--hd {
    --scroll-x-fade: 3rem;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: initial;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    mask-image: linear-gradient(to right, transparent, black var(--scroll-x-fade), black calc(100% - var(--scroll-x-fade)), transparent);
    mask-size: 100% 100%;
    mask-position: center;
    transition: mask-position 0.3s ease, mask-size 0.3s ease;
  }
}
@media (max-width: 160rem) {
  body main .scroll-x--xl {
    --scroll-x-fade: 3rem;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: initial;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    mask-image: linear-gradient(to right, transparent, black var(--scroll-x-fade), black calc(100% - var(--scroll-x-fade)), transparent);
    mask-size: 100% 100%;
    mask-position: center;
    transition: mask-position 0.3s ease, mask-size 0.3s ease;
  }
}

.sticky-sidebar {
  position: sticky;
  top: 10dvh;
}

body.dev-inspection * {
  outline: 1px solid rgba(255, 0, 0, 0.3333333333);
}
body.dev-inspection main {
  padding-inline: 1rem;
}
body.dev-inspection section {
  outline: 1px dashed rgba(255, 0, 0, 0.5333333333);
}
body.dev-inspection .page-container {
  outline: 1px dashed rgba(0, 0, 255, 0.5333333333);
}

@media (width > 2650px) {
  html {
    font-size: 20px;
  }
}
@media (width > 3200px) {
  html {
    font-size: 24px;
  }
}
:root {
  -webkit-font-smoothing: antialiased;
}

.page-container {
  width: 100%;
  max-width: var(--max-width, var(--page-container-max-width));
  padding-inline: var(--page-container-padding-x);
  margin: 0 auto;
}
.page-container.no-padding {
  padding: 0;
}

.page-container--spacing-top-none {
  margin-top: var(--spacing-0);
}
.page-container--spacing-top-sm {
  margin-top: var(--spacing-500);
}
.page-container--spacing-top-md {
  margin-top: var(--spacing-700);
}
.page-container--spacing-top-lg {
  margin-top: var(--spacing-900);
}
.page-container--spacing-bottom-none {
  margin-bottom: var(--spacing-0);
}
.page-container--spacing-bottom-sm {
  margin-bottom: var(--spacing-500);
}
.page-container--spacing-bottom-md {
  margin-bottom: var(--spacing-700);
}
.page-container--spacing-bottom-lg {
  margin-bottom: var(--spacing-900);
}
.page-container--alignment-alignwide {
  --max-width: 120rem;
}
.page-container--alignment-alignfull {
  --max-width: none;
  padding-inline: 0;
}
.page-container:has(.layout--two-column-breakout) {
  margin-block: 0;
}

section.section--spacing-top-none {
  margin-top: var(--spacing-0);
}
section.section--spacing-bottom-none {
  margin-bottom: var(--spacing-0);
}
section.section--spacing-top-sm {
  margin-top: var(--spacing-500);
}
section.section--spacing-bottom-sm {
  margin-bottom: var(--spacing-500);
}
section.section--spacing-top-md {
  margin-top: var(--spacing-700);
}
section.section--spacing-bottom-md {
  margin-bottom: var(--spacing-700);
}
section.section--spacing-top-lg {
  margin-top: var(--spacing-900);
}
section.section--spacing-bottom-lg {
  margin-bottom: var(--spacing-900);
}
section.section--alignment-alignwide {
  max-width: 120rem;
  margin-inline: auto;
}
section.section--alignment-alignnarrow {
  max-width: var(--page-container-max-width);
  margin-inline: auto;
}
section.section--product-description:has(+ .section--spacing-top-none) {
  margin-block-end: 0;
}

section section {
  outline: 4px dashed red;
}

iframe.acf-embed {
  width: 100%;
  height: auto;
  aspect-ratio: var(--custom-ratio, 16/9);
}

[id] {
  scroll-margin-top: 100px;
}

.wp-caption {
  width: auto !important;
  max-width: 100%;
}

ul.nested {
  list-style: none;
  padding-left: 0.5rem;
  margin-left: 1rem;
  border-left: 1px solid #ccc;
}
ul.nested li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  list-style: none;
}
ul.nested li ul {
  margin: 0 0 0 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #ccc;
}
ul.nested li:not(.has-children)::before {
  content: "●";
  position: absolute;
  left: -0.5rem;
  top: 0.75rem;
  transform: translate(-50%, -50%);
  color: #666;
}
ul.nested li.has-children {
  list-style: none;
}
ul.nested li .child-container:before {
  content: "";
  position: static;
  display: block;
  height: 0.5rem;
  width: 100%;
}
ul.nested li .toggle-children {
  position: absolute;
  left: -0.5rem;
  top: 0.75rem;
  transform: translate(-50%, -50%);
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #666;
}

.product-image {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  background-color: white;
  aspect-ratio: 16/9;
  outline: 1px solid rgba(255, 0, 0, 0.5333333333);
}
@media (width < 600px) {
  .product-image {
    aspect-ratio: 1;
  }
}

* {
  box-sizing: border-box;
  /* outline: 1px solid #f005; */
  font-variant-ligatures: none;
}

img, video {
  width: 100%;
  display: block;
}

pre {
  font-family: "Courier New", Courier, monospace;
  white-space: pre-wrap;
  padding: 1rem;
  background-color: #f5f5f5;
  color: #333;
  overflow-x: auto;
  line-height: 1.5;
  max-height: 40dvh;
  overflow-y: auto;
  max-width: 60dvw;
  margin: 1rem auto;
}

.uppercase {
  text-transform: uppercase;
}

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

.break-word {
  word-wrap: break-word;
}

.break-all {
  overflow-wrap: break-word;
  word-break: break-all;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child, blockquote:first-child {
  margin-block-start: 0;
}

body {
  margin: 0;
  overflow-x: clip;
  --blue-1: #7399C6;
  --blue-2: #005288;
  --blue-3: #A7A9AC;
  --page-container-max-width: 100rem;
  --page-container-padding-x: 1rem;
  --angle: 30deg;
  min-height: 100dvh;
}
body footer {
  align-self: flex-end;
  width: 100%;
}

.pswp__button--arrow--prev svg:not(.icon),
.pswp__button--arrow--next svg:not(.icon) {
  display: none;
}
.pswp__button--arrow--prev .icon,
.pswp__button--arrow--next .icon {
  color: var(--color-brand-white);
  width: 2rem;
  height: 2rem;
}

.pswp__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  text-align: center;
  font-size: 0.875rem;
}

main section {
  --section-spacing: var(--spacing-900);
  margin-block: var(--section-spacing);
  overflow-x: clip;
}
main section.padded {
  padding-block: var(--section-spacing);
}
main section.no-margin {
  margin: 0;
}
main section.no-padding {
  padding: 0;
}
main section.section--padding-small {
  padding-block: var(--spacing-500);
}
main section.section--padding-medium {
  padding-block: var(--spacing-700);
}
main section.section--padding-large {
  padding-block: var(--spacing-900);
}
main section[class*=section--bg] {
  display: flow-root;
}
main section.section--bg-neutral-light {
  background-color: var(--color-brand-grey--300);
  color: var(--color-brand-black);
}
main section.section--bg-neutral-dark {
  background-color: var(--color-brand-grey--700);
  color: var(--color-brand-white);
}

.bg-grey-1 {
  background-color: #EEEEEE;
}

.accent {
  color: var(--blue-1);
  font-weight: var(--font-weight, var(--fw-semi-bold));
}

.spacer {
  height: 100dvh;
}

.skew {
  transform: skew(var(--angle));
}

.unskew {
  transform: skew(calc(var(--angle) * -1));
}

/* Buttons */
:root {
  --blue-1: #7399C6;
  --blue-2: #005288;
  --blue-3: #A7A9AC;
  --grey-1: #E0E1E3;
  --green-1: #1A8941;
}

.wp-caption {
  display: grid;
  width: auto !important;
  max-width: 100%;
  margin-bottom: 1rem;
  background: #f5f5f5;
  padding: 1rem;
}

.wp-caption img {
  display: block;
  width: 100%;
  height: auto;
}

.wp-caption-text {
  margin: 0.5rem 0 0;
  font-size: 0.8em;
  opacity: 0.65;
  font-style: italic;
}

/*# sourceMappingURL=style.css.map */