/* Index of all components to be included in compiled style.css */
:root {
  --error: #e10600;
  --valid: #437e08;
  --primary-50: #eefff5;
  --primary-100: #d8ffeb;
  --primary-200: #b3ffd7;
  --primary-300: #78fdb7;
  --primary-400: #37f191;
  --primary-500: #0dda70;
  --primary-600: #04b55a;
  --primary-700: #11884b;
  --primary-800: #0c6f3e;
  --primary-900: #0c5b34;
  --green-50: #f3faf7;
  --green-100: #def7ec;
  --green-200: #bcf0da;
  --green-300: #84e1bc;
  --green-400: #31c48d;
  --green-500: #0e9f6e;
  --green-600: #057a55;
  --green-700: #046c4e;
  --green-800: #03543f;
  --green-900: #014737;
  --green-ultra-light-transparent: rgba(8, 159, 82, 0.08);
  --green-ultra-light-semi-transparent: rgba(8, 159, 82, 0.1);
  --green-light-transparent-variant: rgba(17, 136, 75, 0.12);
  --green-light-transparent-alt: rgba(24, 216, 146, 0.12);
  --green-mint-transparent: rgba(4, 181, 90, 0.12);
  --green-light-semi-transparent: rgba(30, 194, 113, 0.32);
  --green-medium-transparent: rgba(12, 91, 52, 0.16);
  --green-medium-transparent-variant: rgba(12, 91, 52, 0.32);
  --green-transparent: rgba(12, 91, 52, 0.322);
  --green-dark-transparent: rgba(12, 91, 62, 0.322);
  --green-dark-semi-transparent: rgba(12, 91, 50, 0.24);
  --green-light-transparent: rgba(4, 181, 90, 0.122);
  --green-half-transparent: rgba(4, 181, 90, 0.5);
  --green-forest: rgb(21, 132, 75);
  --green-forest-dark: rgb(14, 88, 51);
  --green-forest-light-transparent: rgba(11, 91, 51, 0.16);
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2a37;
  --gray-900: #111928;
  --gray-transparent: #0000008f;
  --gray-button: rgba(255, 255, 255, 0.08);
  --red-50: #fdf2f2;
  --red-100: #fde8e8;
  --red-200: #fbd5d5;
  --red-300: #f8b4b4;
  --red-400: #f98080;
  --red-500: #ef6c6c;
  --red-600: #e02424;
  --red-700: #c81e1e;
  --red-800: #9b1c1c;
  --red-900: #771d1d;
  --red-light-transparent: rgba(216, 24, 24, 0.12);
  --yellow-50: #fdfdea;
  --yellow-100: #fdf6b2;
  --yellow-200: #fce96a;
  --yellow-300: #faca15;
  --yellow-400: #e3a008;
  --yellow-500: #c27803;
  --yellow-600: #9f580a;
  --yellow-700: #8e4b10;
  --yellow-800: #723b13;
  --yellow-900: #633112;
  --yellow-light-transparent: rgba(216, 158, 24, 0.12);
  --orange-50: #fff8f1;
  --orange-100: #feecdc;
  --orange-200: #fcd9bd;
  --orange-300: #fdba8c;
  --orange-400: #ff8a4c;
  --orange-500: #ff5a1f;
  --orange-600: #d03801;
  --orange-700: #b43403;
  --orange-800: #8a2c0d;
  --orange-900: #771d1d;
  --indigo-50: #f0f5ff;
  --indigo-100: #e5edff;
  --indigo-200: #cddbfe;
  --indigo-300: #b4c6fc;
  --indigo-400: #8da2fb;
  --indigo-500: #6875f5;
  --indigo-600: #5850ec;
  --indigo-700: #5145cd;
  --indigo-800: #42389d;
  --indigo-900: #362f78;
  --white: #fff;
  --white-ultra-light-transparent: rgba(255, 255, 255, 0.04);
  --white-translucent: rgba(255, 255, 255, 0.12);
  --white-light-transparent: rgba(255, 255, 255, 0.15);
  --white-medium-transparent: rgba(255, 255, 255, 0.16);
  --white-light-semi-transparent: rgba(255, 255, 255, 0.2);
  --white-semi-transparent: rgba(255, 255, 255, 0.32);
  --white-half-transparent: rgba(255, 255, 255, 0.5);
  --black-transparent: rgba(0, 0, 0, 0.24);
  --black-transparent-zero: rgba(30, 37, 37, 0);
  --surface-container-low: rgba(0, 0, 0, 0.16);
  --surface-container: rgba(255, 255, 255, 0.08);
  --black-medium-transparent: rgba(0, 0, 0, 0.56);
  --black-semi-opaque: rgba(0, 0, 0, 0.76);
  --black: #1e2525;
  --accent-mango: #ffdf72;
  --accent-red: #ffb2d2;
  --accent-raspberry: #fecbda;
  --accent-pink: #ffafed;
  --accent-purple: #d3b6ff;
  --accent-indigo: #a6e0ff;
  --accent-teal: #64edd2;
  --accent-green: #bde986;
  --accent-gray: #d5dadd;
  --blue-a11y: #0a76f6;
}

:root {
  --popinShadowXLarge: 0 50px 100px -20px rgba(50, 50, 93, 0.25),
      0 30px 60px -30px rgba(0, 0, 0, 0.3);
}

:root {
  --radius-small: 4px;
  --radius-medium: 6px;
  --radius-default: 8px;
  --radius-large: 10px;
  --radius-extra-large: 12px;
  --popinBorderRadius: 8px;
}

:root {
  --background-default: rgba(30, 37, 37, 1);
  --text-default: var(--gray-50);
  --link-primary-text-default: var(--white);
  --link-primary-text-hover: var(--white);
  --link-primary-text-focus: var(--white);
  --link-primary-text-disabled: var(--gray-200);
  --link-primary-border-focus: var(--black);
  --link-primary-text-on-blue-background: var(--white);
  --link-primary-text-hover-on-blue-background: var(--black);
  --outline-color: var(--blue-a11y);
  --modal-menu-background: rgba(0, 0, 0, 56%);
  --menu-background: var(--gray-transparent);
  --submenu-background: rgba(0, 0, 0, 0.24);
  --menu-active-background: rgba(0, 0, 0, 0.24);
  --menu-active-text: var(--white);
  --button-background: var(--primary-700);
  --button-color: var(--white);
  --button-background-close-hover: transparent;
  --button-background-close: transparent;
  --button-color-close-hover: var(--white);
  --button-color-close: var(--white);
  --button-background-hover: var(--primary-900);
  --button-color-hover: var(--white);
  --button-border-radius: var(--radius-default);
  --underline-max-width: 100%;
  --underline-hover-width: 0;
  --underline-idle-width: var(--underline-max-width);
  --underline-x: calc(var(--underline-max-width) * 0);
  --underline-thickness: 0.0625em;
  --underline-img: linear-gradient(0deg, currentcolor, currentcolor);
  --footer-link-color: var(--white);
  --footer-link-hover-color: var(--white);
  --block-bg-green: var(--green-transparent);
  --block-bg-black: var(--black-transparent);
  --block-text-color: var(--gray-300);
}

.m-0 {
  margin: 0;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-0 {
    margin: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-0 {
    margin-top: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-0 {
    margin-left: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-0 {
    margin-right: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-0 {
    margin-bottom: 0;
  }
}
.m-2 {
  margin: 0.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-2 {
    margin: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-2 {
    margin-top: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-2 {
    margin-left: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-2 {
    margin-right: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
.m-4 {
  margin: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-4 {
    margin: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-4 {
    margin-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-4 {
    margin-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-4 {
    margin-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
.m-6 {
  margin: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-6 {
    margin: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-6 {
    margin-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-6 {
    margin-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-6 {
    margin-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
.m-8 {
  margin: 0.8rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-8 {
    margin: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-8 {
    margin-top: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-8 {
    margin-left: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-8 {
    margin-right: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
.m-12 {
  margin: 1.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-12 {
    margin: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-12 {
    margin-top: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-12 {
    margin-left: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-12 {
    margin-right: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
.m-16 {
  margin: 1.6rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-16 {
    margin: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-16 {
    margin-top: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-16 {
    margin-left: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-16 {
    margin-right: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
.m-20 {
  margin: 2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-20 {
    margin: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-20 {
    margin-top: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-20 {
    margin-left: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-20 {
    margin-right: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-20 {
    margin-bottom: 2rem;
  }
}
.m-24 {
  margin: 2.4rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.ml-24 {
  margin-left: 2.4rem;
}

.mr-24 {
  margin-right: 2.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-24 {
    margin: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-24 {
    margin-top: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-24 {
    margin-left: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-24 {
    margin-right: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
.m-32 {
  margin: 3.2rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

.ml-32 {
  margin-left: 3.2rem;
}

.mr-32 {
  margin-right: 3.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-32 {
    margin: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-32 {
    margin-top: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-32 {
    margin-left: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-32 {
    margin-right: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
.m-40 {
  margin: 4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-40 {
    margin: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-40 {
    margin-top: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-40 {
    margin-left: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-40 {
    margin-right: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-40 {
    margin-bottom: 4rem;
  }
}
.m-48 {
  margin: 4.8rem;
}

.mt-48 {
  margin-top: 4.8rem;
}

.mb-48 {
  margin-bottom: 4.8rem;
}

.ml-48 {
  margin-left: 4.8rem;
}

.mr-48 {
  margin-right: 4.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-48 {
    margin: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-48 {
    margin-top: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-48 {
    margin-left: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-48 {
    margin-right: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
.m-56 {
  margin: 5.6rem;
}

.mt-56 {
  margin-top: 5.6rem;
}

.mb-56 {
  margin-bottom: 5.6rem;
}

.ml-56 {
  margin-left: 5.6rem;
}

.mr-56 {
  margin-right: 5.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-56 {
    margin: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-56 {
    margin-top: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-56 {
    margin-left: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-56 {
    margin-right: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
.m-64 {
  margin: 6.4rem;
}

.mt-64 {
  margin-top: 6.4rem;
}

.mb-64 {
  margin-bottom: 6.4rem;
}

.ml-64 {
  margin-left: 6.4rem;
}

.mr-64 {
  margin-right: 6.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-64 {
    margin: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-64 {
    margin-top: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-64 {
    margin-left: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-64 {
    margin-right: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
.m-72 {
  margin: 7.2rem;
}

.mt-72 {
  margin-top: 7.2rem;
}

.mb-72 {
  margin-bottom: 7.2rem;
}

.ml-72 {
  margin-left: 7.2rem;
}

.mr-72 {
  margin-right: 7.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-72 {
    margin: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-72 {
    margin-top: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-72 {
    margin-left: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-72 {
    margin-right: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
.m-88 {
  margin: 8.8rem;
}

.mt-88 {
  margin-top: 8.8rem;
}

.mb-88 {
  margin-bottom: 8.8rem;
}

.ml-88 {
  margin-left: 8.8rem;
}

.mr-88 {
  margin-right: 8.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-88 {
    margin: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-88 {
    margin-top: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-88 {
    margin-left: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-88 {
    margin-right: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
.m-96 {
  margin: 9.6rem;
}

.mt-96 {
  margin-top: 9.6rem;
}

.mb-96 {
  margin-bottom: 9.6rem;
}

.ml-96 {
  margin-left: 9.6rem;
}

.mr-96 {
  margin-right: 9.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-96 {
    margin: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-96 {
    margin-top: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-96 {
    margin-left: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-96 {
    margin-right: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
.m-104 {
  margin: 10.4rem;
}

.mt-104 {
  margin-top: 10.4rem;
}

.mb-104 {
  margin-bottom: 10.4rem;
}

.ml-104 {
  margin-left: 10.4rem;
}

.mr-104 {
  margin-right: 10.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-104 {
    margin: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-104 {
    margin-top: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-104 {
    margin-left: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-104 {
    margin-right: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
.m-208 {
  margin: 20.8rem;
}

.mt-208 {
  margin-top: 20.8rem;
}

.mb-208 {
  margin-bottom: 20.8rem;
}

.ml-208 {
  margin-left: 20.8rem;
}

.mr-208 {
  margin-right: 20.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-208 {
    margin: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-208 {
    margin-top: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-208 {
    margin-left: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-208 {
    margin-right: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-auto {
    margin: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-auto {
    margin-top: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-auto {
    margin-left: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-auto {
    margin-right: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-auto {
    margin-bottom: auto;
  }
}
.p-0 {
  padding: 0;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-0 {
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  .p-md-0 {
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-0 {
    padding: 0;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-0 {
    padding: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-0 {
    padding-top: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-0 {
    padding-left: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-0 {
    padding-right: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
}
.p-2 {
  padding: 0.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-2 {
    padding: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-2 {
    padding-top: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-2 {
    padding-left: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-2 {
    padding-right: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-2 {
    padding-bottom: 0.2rem;
  }
}
.p-4 {
  padding: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-4 {
    padding: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-4 {
    padding-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-4 {
    padding-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-4 {
    padding-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-4 {
    padding-bottom: 0.4rem;
  }
}
.p-6 {
  padding: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-6 {
    padding: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-6 {
    padding-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-6 {
    padding-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-6 {
    padding-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-6 {
    padding-bottom: 0.4rem;
  }
}
.p-8 {
  padding: 0.8rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-8 {
    padding: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-8 {
    padding-top: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-8 {
    padding-left: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-8 {
    padding-right: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-8 {
    padding-bottom: 0.8rem;
  }
}
.p-12 {
  padding: 1.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-12 {
    padding: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-12 {
    padding-top: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-12 {
    padding-left: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-12 {
    padding-right: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-12 {
    padding-bottom: 1.2rem;
  }
}
.p-16 {
  padding: 1.6rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-16 {
    padding: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-16 {
    padding-top: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-16 {
    padding-left: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-16 {
    padding-right: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-16 {
    padding-bottom: 1.6rem;
  }
}
.p-20 {
  padding: 2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-20 {
    padding: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-20 {
    padding-top: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-20 {
    padding-left: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-20 {
    padding-right: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-20 {
    padding-bottom: 2rem;
  }
}
.p-24 {
  padding: 2.4rem;
}

.pt-24 {
  padding-top: 2.4rem;
}

.pb-24 {
  padding-bottom: 2.4rem;
}

.pl-24 {
  padding-left: 2.4rem;
}

.pr-24 {
  padding-right: 2.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-24 {
    padding: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-24 {
    padding-top: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-24 {
    padding-left: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-24 {
    padding-right: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-24 {
    padding-bottom: 2.4rem;
  }
}
.p-32 {
  padding: 3.2rem;
}

.pt-32 {
  padding-top: 3.2rem;
}

.pb-32 {
  padding-bottom: 3.2rem;
}

.pl-32 {
  padding-left: 3.2rem;
}

.pr-32 {
  padding-right: 3.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-32 {
    padding: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-32 {
    padding-top: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-32 {
    padding-left: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-32 {
    padding-right: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-32 {
    padding-bottom: 3.2rem;
  }
}
.p-40 {
  padding: 4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-40 {
    padding: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-40 {
    padding-top: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-40 {
    padding-left: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-40 {
    padding-right: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-40 {
    padding-bottom: 4rem;
  }
}
.p-48 {
  padding: 4.8rem;
}

.pt-48 {
  padding-top: 4.8rem;
}

.pb-48 {
  padding-bottom: 4.8rem;
}

.pl-48 {
  padding-left: 4.8rem;
}

.pr-48 {
  padding-right: 4.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-48 {
    padding: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-48 {
    padding-top: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-48 {
    padding-left: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-48 {
    padding-right: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-48 {
    padding-bottom: 4.8rem;
  }
}
.p-56 {
  padding: 5.6rem;
}

.pt-56 {
  padding-top: 5.6rem;
}

.pb-56 {
  padding-bottom: 5.6rem;
}

.pl-56 {
  padding-left: 5.6rem;
}

.pr-56 {
  padding-right: 5.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-56 {
    padding: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-56 {
    padding-top: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-56 {
    padding-left: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-56 {
    padding-right: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-56 {
    padding-bottom: 5.6rem;
  }
}
.p-64 {
  padding: 6.4rem;
}

.pt-64 {
  padding-top: 6.4rem;
}

.pb-64 {
  padding-bottom: 6.4rem;
}

.pl-64 {
  padding-left: 6.4rem;
}

.pr-64 {
  padding-right: 6.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-64 {
    padding: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-64 {
    padding-top: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-64 {
    padding-left: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-64 {
    padding-right: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-64 {
    padding-bottom: 6.4rem;
  }
}
.p-72 {
  padding: 7.2rem;
}

.pt-72 {
  padding-top: 7.2rem;
}

.pb-72 {
  padding-bottom: 7.2rem;
}

.pl-72 {
  padding-left: 7.2rem;
}

.pr-72 {
  padding-right: 7.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-72 {
    padding: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-72 {
    padding-top: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-72 {
    padding-left: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-72 {
    padding-right: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-72 {
    padding-bottom: 7.2rem;
  }
}
.p-88 {
  padding: 8.8rem;
}

.pt-88 {
  padding-top: 8.8rem;
}

.pb-88 {
  padding-bottom: 8.8rem;
}

.pl-88 {
  padding-left: 8.8rem;
}

.pr-88 {
  padding-right: 8.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-88 {
    padding: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-88 {
    padding-top: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-88 {
    padding-left: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-88 {
    padding-right: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-88 {
    padding-bottom: 8.8rem;
  }
}
.p-96 {
  padding: 9.6rem;
}

.pt-96 {
  padding-top: 9.6rem;
}

.pb-96 {
  padding-bottom: 9.6rem;
}

.pl-96 {
  padding-left: 9.6rem;
}

.pr-96 {
  padding-right: 9.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-96 {
    padding: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-96 {
    padding-top: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-96 {
    padding-left: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-96 {
    padding-right: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-96 {
    padding-bottom: 9.6rem;
  }
}
.p-104 {
  padding: 10.4rem;
}

.pt-104 {
  padding-top: 10.4rem;
}

.pb-104 {
  padding-bottom: 10.4rem;
}

.pl-104 {
  padding-left: 10.4rem;
}

.pr-104 {
  padding-right: 10.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-104 {
    padding: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-104 {
    padding-top: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-104 {
    padding-left: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-104 {
    padding-right: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-104 {
    padding-bottom: 10.4rem;
  }
}
.p-208 {
  padding: 20.8rem;
}

.pt-208 {
  padding-top: 20.8rem;
}

.pb-208 {
  padding-bottom: 20.8rem;
}

.pl-208 {
  padding-left: 20.8rem;
}

.pr-208 {
  padding-right: 20.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-208 {
    padding: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-208 {
    padding-top: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-208 {
    padding-left: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-208 {
    padding-right: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-208 {
    padding-bottom: 20.8rem;
  }
}
.p-auto {
  padding: auto;
}

.pt-auto {
  padding-top: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pl-auto {
  padding-left: auto;
}

.pr-auto {
  padding-right: auto;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-auto {
    padding: auto;
  }
}
@media screen and (min-width: 48em) {
  .p-md-auto {
    padding: auto;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-auto {
    padding: auto;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-auto {
    padding: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-auto {
    padding-top: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-auto {
    padding-left: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-auto {
    padding-right: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-auto {
    padding-bottom: auto;
  }
}
.default-background {
  /* stylelint-disable-next-line prettier/prettier */
  position: absolute;
  top: -464px;
  z-index: -1;
  width: 100%;
  height: 1217px;
  border-radius: 1217px;
  background: #0c6f3e;
  opacity: 0.12;
  -webkit-filter: blur(120px);
          filter: blur(120px);
}
@media screen and (min-width: 80em) {
  .default-background {
    width: 1217px;
  }
}
.default-background-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

/*
 * Change the cursor on busy elements in all browsers.
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers.
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers.
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers.
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

/*
 * 1. Switch to border-box model for all elements
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
  * 1. Remove the grey highlight on links in iOS
  * 2. Prevent orientation font changes in iOS
  */
html {
  font-size: 62.5%;
  /* 2 */
  overflow-wrap: break-word;
  /* Keep anchor targets visible below the sticky site header (8rem)
     and the admin toolbar when present. */
  scroll-padding-top: calc(var(--drupal-displace-offset-top, 0px) + 10rem);
  -webkit-tap-highlight-color: transparent;
  /* 1 */
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--background-default);
  color: var(--text-default);
  font-size: 1.6rem;
  font-family: "Manrope", sans-serif;
}

/*
  * Headings
  */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--gray-50);
}

/*
  * Links
  */
a {
  color: var(--gray-600);
  text-decoration: underline;
}

a:focus,
a:hover,
a:active {
  color: var(--gray-50);
  text-decoration: underline;
}

/**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
  * Vertical rythm
  */
h1,
h2 {
  margin-top: 0;
  margin-bottom: 2rem;
}

p,
address,
ol,
ul,
dl,
blockquote,
pre,
h3,
h4,
h5,
h6,
dt,
dd {
  margin-top: 0;
  margin-bottom: 0;
}

/*
  * Nested elements
  */
ol ol,
ol ul,
ul ol,
ul ul,
li ul,
li ol,
nav ul,
nav ol,
li p {
  margin-top: 0;
  margin-bottom: 0;
}

/*
  * Lists
  */
ul,
ol {
  padding-left: 0;
}

nav ul,
nav ol {
  padding: 0;
  list-style: none;
}

/*
  * Embed content
  */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img,
table,
td,
blockquote,
pre,
code,
input,
textarea,
select,
video,
svg,
iframe {
  max-width: 100%;
}

iframe,
img,
input,
select,
textarea {
  height: auto;
}

img {
  border-style: none;
}

/**
  * Remove the border on iframes in all browsers
  */
iframe {
  border-style: none;
  border-radius: 8px;
}

/*
  * Fill color matching to text color
  */
svg:not([fill]) {
  fill: currentcolor;
}

/*
  * Hide the overflow in IE
  */
svg:not(:root) {
  overflow: hidden;
}

/*
  * Tables
  */
table {
  border-collapse: collapse;
}

/*
  * Rulers
  */
hr {
  clear: both;
  overflow: visible;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid;
  color: inherit;
}

/*
  * table styles
  */
table {
  vertical-align: top;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin-bottom: var(--spacer-medium);
  border-spacing: 0;
  border-collapse: separate;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  table-layout: fixed;
}
table td {
  border-width: 1px;
  border-style: solid;
}
table td ul li.check-circle-center {
  padding-bottom: 8px;
  background-image: url(../images/icons/check-circle-2.svg);
  background-position: center;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  list-style-type: none;
}
table td ul li.check-cross-center {
  padding-bottom: 8px;
  background-image: url(../images/icons/cross-circle.svg);
  background-position: center;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  list-style-type: none;
}

.layout-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 1px);
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

[data-aos^=fade]:not([data-aos=fade-up]):not([data-aos=fade-down]),
[data-aos=zoom-in-left],
[data-aos=zoom-in-right],
[data-aos^=zoom-out] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (min-width: 64em) {
  [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
  [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
  }
  [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0);
  }
  [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0);
  }
  [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0);
  }
  [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0);
  }
  [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
            transform: translate3d(100px, 0, 0) scale(0.6);
  }
  [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
            transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
            transform: translate3d(0, 100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
            transform: translate3d(0, 100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
            transform: translate3d(0, -100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
            transform: translate3d(0, -100px, 0) scale(1.2);
  }
  [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
            transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
            transform: translate3d(100px, 0, 0) scale(1.2);
  }
}
/* stylelint-disable-next-line prettier/prettier */
/* ----------------------------- */
/* ==Reset (forms)               */
/* ----------------------------- */
/*
 * Remove the tapping delay on clickable elements in all browsers .
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  touch-action: manipulation;
}

/*
  * 1. Change the inconsistent appearance in all browsers.
  * 2. Add typography inheritance in all browsers.
  */
button,
input,
select,
textarea {
  vertical-align: middle;
  margin: 0;
  background-color: transparent; /* 1 */
  color: inherit; /* 1 */
  font-size: inherit; /* 2 */
  font-family: inherit; /* 2 */
  line-height: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
}

/*
  * Basic User Interface reset
  */
button,
select,
textarea {
  border: 0;
}

/*
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
pre,
code,
kbd,
samp {
  font-size: 1em; /* 2 */
  font-family: monospace, monospace; /* 1 */
}

pre {
  overflow: auto;
  line-height: normal;
  white-space: pre-wrap;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  -ms-overflow-style: scrollbar;
}

/*
  * Show overflow in IE/Edge
  */
button,
input {
  overflow: visible;
}

/*
  * Remove the inheritance of text transform in Firefox
  */
button,
select {
  text-transform: none;
}

/*
  * Correct the inability to style clickable types in iOS and Safari.
  */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

form,
fieldset {
  border: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

label {
  display: inline-block;
  cursor: pointer;
}

textarea {
  vertical-align: top;
  overflow: auto;
  white-space: pre-wrap;
  resize: vertical;
}

progress {
  display: inline-block;
  vertical-align: baseline;
  width: 100%;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

/* ----------------------------- */
/* Form oddities                 */
/* ----------------------------- */
/*
  * 1. Correct the odd appearance in Chrome, Edge, and Safari.
  * 2. Correct the outline style in Safari.
  */
[type=search] {
  outline-offset: -2px; /* 2 */
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; /* 1 */
}

/*
  * Correct the cursor style of increment and decrement buttons in Safari.
  */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/*
  * Remove the inner padding in Chrome, Edge, and Safari on macOS.
  */
::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/*
  * 1. Correct the inability to style upload buttons in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  font: inherit; /* 2 */
  -webkit-appearance: button;
          appearance: button; /* 1 */
}

/*
  * Remove the inner border and padding of focus outlines in Firefox.
  */
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/*
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */
/*
  * Remove the additional :invalid styles in Firefox.
  */
:-moz-ui-invalid {
  box-shadow: none;
}

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print {
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    width: auto;
    margin: auto;
    font-size: 12pt;
    font-family: serif;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  label,
  ul,
  ol {
    margin: auto;
    color: #000;
  }
  .print {
    display: block;
  }
  .no-print {
    display: none;
  }
  /* no orphans, no widows */
  p,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  /* no breaks inside these elements */
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
  }
  /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
  /* no breaks after these elements */
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
  }
  a {
    color: #000;
  }
  /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^="javascript:"]::after,
  a[href^="#"]::after {
    content: "";
  }
}
h1,
.title--h1 {
  margin-bottom: 4.8rem;
  font-weight: 800;
  font-size: 4.8rem;
  line-height: 5.6rem;
}

h2,
.title--h2 {
  margin-bottom: 3.2rem;
  font-weight: 800;
  font-size: 4rem;
  line-height: 4.8rem;
}

h3,
.title--h3 {
  margin-bottom: 2.4rem;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.6rem;
}

h4,
.title--h4 {
  font-weight: 800;
  font-size: 1.8rem;
}

h5,
.title--h5 {
  font-weight: 800;
  font-size: 1.8rem;
}

h6,
.title--h6 {
  font-weight: 800;
  font-size: 1.8rem;
}

a {
  color: var(--link-primary-text-default);
}
a:hover {
  color: var(--link-primary-text-hover);
}
a:not([href]) {
  color: var(--link-primary-text-disabled);
  cursor: not-allowed;
}

p {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

ul {
  padding-left: 0;
}

.text--italic {
  font-style: italic;
}
.text--bold {
  font-weight: 600;
}
.text--large {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

[contenteditable]:not([contenteditable=false]),
[tabindex],
a,
audio[controls],
button,
details,
details > summary:first-of-type,
input,
input[type=button],
input[type=checkbox] + label::before,
input[type=image],
input[type=radio] + label::before,
input[type=reset],
input[type=submit],
select,
textarea,
video[controls] {
  outline-color: #0a76f6;
  outline-offset: 4px;
}
[contenteditable]:not([contenteditable=false]):focus-visible,
[tabindex]:focus-visible,
a:focus-visible,
audio[controls]:focus-visible,
button:focus-visible,
details:focus-visible,
details > summary:first-of-type:focus-visible,
input:focus-visible,
input[type=button]:focus-visible,
input[type=checkbox] + label::before:focus-visible,
input[type=image]:focus-visible,
input[type=radio] + label::before:focus-visible,
input[type=reset]:focus-visible,
input[type=submit]:focus-visible,
select:focus-visible,
textarea:focus-visible,
video[controls]:focus-visible {
  outline-style: solid;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

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

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

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

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

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

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.2rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.2rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 0.4rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 0.4rem;
}

.g-6,
.gx-6 {
  --bs-gutter-x: 0.4rem;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 0.4rem;
}

.g-8,
.gx-8 {
  --bs-gutter-x: 0.8rem;
}

.g-8,
.gy-8 {
  --bs-gutter-y: 0.8rem;
}

.g-12,
.gx-12 {
  --bs-gutter-x: 1.2rem;
}

.g-12,
.gy-12 {
  --bs-gutter-y: 1.2rem;
}

.g-16,
.gx-16 {
  --bs-gutter-x: 1.6rem;
}

.g-16,
.gy-16 {
  --bs-gutter-y: 1.6rem;
}

.g-20,
.gx-20 {
  --bs-gutter-x: 2rem;
}

.g-20,
.gy-20 {
  --bs-gutter-y: 2rem;
}

.g-24,
.gx-24 {
  --bs-gutter-x: 2.4rem;
}

.g-24,
.gy-24 {
  --bs-gutter-y: 2.4rem;
}

.g-32,
.gx-32 {
  --bs-gutter-x: 3.2rem;
}

.g-32,
.gy-32 {
  --bs-gutter-y: 3.2rem;
}

.g-40,
.gx-40 {
  --bs-gutter-x: 4rem;
}

.g-40,
.gy-40 {
  --bs-gutter-y: 4rem;
}

.g-48,
.gx-48 {
  --bs-gutter-x: 4.8rem;
}

.g-48,
.gy-48 {
  --bs-gutter-y: 4.8rem;
}

.g-56,
.gx-56 {
  --bs-gutter-x: 5.6rem;
}

.g-56,
.gy-56 {
  --bs-gutter-y: 5.6rem;
}

.g-64,
.gx-64 {
  --bs-gutter-x: 6.4rem;
}

.g-64,
.gy-64 {
  --bs-gutter-y: 6.4rem;
}

.g-72,
.gx-72 {
  --bs-gutter-x: 7.2rem;
}

.g-72,
.gy-72 {
  --bs-gutter-y: 7.2rem;
}

.g-88,
.gx-88 {
  --bs-gutter-x: 8.8rem;
}

.g-88,
.gy-88 {
  --bs-gutter-y: 8.8rem;
}

.g-96,
.gx-96 {
  --bs-gutter-x: 9.6rem;
}

.g-96,
.gy-96 {
  --bs-gutter-y: 9.6rem;
}

.g-104,
.gx-104 {
  --bs-gutter-x: 10.4rem;
}

.g-104,
.gy-104 {
  --bs-gutter-y: 10.4rem;
}

.g-208,
.gx-208 {
  --bs-gutter-x: 20.8rem;
}

.g-208,
.gy-208 {
  --bs-gutter-y: 20.8rem;
}

.g-auto,
.gx-auto {
  --bs-gutter-x: auto;
}

.g-auto,
.gy-auto {
  --bs-gutter-y: auto;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.2rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.2rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 0.4rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 0.4rem;
  }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 0.4rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 0.4rem;
  }
  .g-sm-8,
  .gx-sm-8 {
    --bs-gutter-x: 0.8rem;
  }
  .g-sm-8,
  .gy-sm-8 {
    --bs-gutter-y: 0.8rem;
  }
  .g-sm-12,
  .gx-sm-12 {
    --bs-gutter-x: 1.2rem;
  }
  .g-sm-12,
  .gy-sm-12 {
    --bs-gutter-y: 1.2rem;
  }
  .g-sm-16,
  .gx-sm-16 {
    --bs-gutter-x: 1.6rem;
  }
  .g-sm-16,
  .gy-sm-16 {
    --bs-gutter-y: 1.6rem;
  }
  .g-sm-20,
  .gx-sm-20 {
    --bs-gutter-x: 2rem;
  }
  .g-sm-20,
  .gy-sm-20 {
    --bs-gutter-y: 2rem;
  }
  .g-sm-24,
  .gx-sm-24 {
    --bs-gutter-x: 2.4rem;
  }
  .g-sm-24,
  .gy-sm-24 {
    --bs-gutter-y: 2.4rem;
  }
  .g-sm-32,
  .gx-sm-32 {
    --bs-gutter-x: 3.2rem;
  }
  .g-sm-32,
  .gy-sm-32 {
    --bs-gutter-y: 3.2rem;
  }
  .g-sm-40,
  .gx-sm-40 {
    --bs-gutter-x: 4rem;
  }
  .g-sm-40,
  .gy-sm-40 {
    --bs-gutter-y: 4rem;
  }
  .g-sm-48,
  .gx-sm-48 {
    --bs-gutter-x: 4.8rem;
  }
  .g-sm-48,
  .gy-sm-48 {
    --bs-gutter-y: 4.8rem;
  }
  .g-sm-56,
  .gx-sm-56 {
    --bs-gutter-x: 5.6rem;
  }
  .g-sm-56,
  .gy-sm-56 {
    --bs-gutter-y: 5.6rem;
  }
  .g-sm-64,
  .gx-sm-64 {
    --bs-gutter-x: 6.4rem;
  }
  .g-sm-64,
  .gy-sm-64 {
    --bs-gutter-y: 6.4rem;
  }
  .g-sm-72,
  .gx-sm-72 {
    --bs-gutter-x: 7.2rem;
  }
  .g-sm-72,
  .gy-sm-72 {
    --bs-gutter-y: 7.2rem;
  }
  .g-sm-88,
  .gx-sm-88 {
    --bs-gutter-x: 8.8rem;
  }
  .g-sm-88,
  .gy-sm-88 {
    --bs-gutter-y: 8.8rem;
  }
  .g-sm-96,
  .gx-sm-96 {
    --bs-gutter-x: 9.6rem;
  }
  .g-sm-96,
  .gy-sm-96 {
    --bs-gutter-y: 9.6rem;
  }
  .g-sm-104,
  .gx-sm-104 {
    --bs-gutter-x: 10.4rem;
  }
  .g-sm-104,
  .gy-sm-104 {
    --bs-gutter-y: 10.4rem;
  }
  .g-sm-208,
  .gx-sm-208 {
    --bs-gutter-x: 20.8rem;
  }
  .g-sm-208,
  .gy-sm-208 {
    --bs-gutter-y: 20.8rem;
  }
  .g-sm-auto,
  .gx-sm-auto {
    --bs-gutter-x: auto;
  }
  .g-sm-auto,
  .gy-sm-auto {
    --bs-gutter-y: auto;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.2rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.2rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 0.4rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 0.4rem;
  }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 0.4rem;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 0.4rem;
  }
  .g-md-8,
  .gx-md-8 {
    --bs-gutter-x: 0.8rem;
  }
  .g-md-8,
  .gy-md-8 {
    --bs-gutter-y: 0.8rem;
  }
  .g-md-12,
  .gx-md-12 {
    --bs-gutter-x: 1.2rem;
  }
  .g-md-12,
  .gy-md-12 {
    --bs-gutter-y: 1.2rem;
  }
  .g-md-16,
  .gx-md-16 {
    --bs-gutter-x: 1.6rem;
  }
  .g-md-16,
  .gy-md-16 {
    --bs-gutter-y: 1.6rem;
  }
  .g-md-20,
  .gx-md-20 {
    --bs-gutter-x: 2rem;
  }
  .g-md-20,
  .gy-md-20 {
    --bs-gutter-y: 2rem;
  }
  .g-md-24,
  .gx-md-24 {
    --bs-gutter-x: 2.4rem;
  }
  .g-md-24,
  .gy-md-24 {
    --bs-gutter-y: 2.4rem;
  }
  .g-md-32,
  .gx-md-32 {
    --bs-gutter-x: 3.2rem;
  }
  .g-md-32,
  .gy-md-32 {
    --bs-gutter-y: 3.2rem;
  }
  .g-md-40,
  .gx-md-40 {
    --bs-gutter-x: 4rem;
  }
  .g-md-40,
  .gy-md-40 {
    --bs-gutter-y: 4rem;
  }
  .g-md-48,
  .gx-md-48 {
    --bs-gutter-x: 4.8rem;
  }
  .g-md-48,
  .gy-md-48 {
    --bs-gutter-y: 4.8rem;
  }
  .g-md-56,
  .gx-md-56 {
    --bs-gutter-x: 5.6rem;
  }
  .g-md-56,
  .gy-md-56 {
    --bs-gutter-y: 5.6rem;
  }
  .g-md-64,
  .gx-md-64 {
    --bs-gutter-x: 6.4rem;
  }
  .g-md-64,
  .gy-md-64 {
    --bs-gutter-y: 6.4rem;
  }
  .g-md-72,
  .gx-md-72 {
    --bs-gutter-x: 7.2rem;
  }
  .g-md-72,
  .gy-md-72 {
    --bs-gutter-y: 7.2rem;
  }
  .g-md-88,
  .gx-md-88 {
    --bs-gutter-x: 8.8rem;
  }
  .g-md-88,
  .gy-md-88 {
    --bs-gutter-y: 8.8rem;
  }
  .g-md-96,
  .gx-md-96 {
    --bs-gutter-x: 9.6rem;
  }
  .g-md-96,
  .gy-md-96 {
    --bs-gutter-y: 9.6rem;
  }
  .g-md-104,
  .gx-md-104 {
    --bs-gutter-x: 10.4rem;
  }
  .g-md-104,
  .gy-md-104 {
    --bs-gutter-y: 10.4rem;
  }
  .g-md-208,
  .gx-md-208 {
    --bs-gutter-x: 20.8rem;
  }
  .g-md-208,
  .gy-md-208 {
    --bs-gutter-y: 20.8rem;
  }
  .g-md-auto,
  .gx-md-auto {
    --bs-gutter-x: auto;
  }
  .g-md-auto,
  .gy-md-auto {
    --bs-gutter-y: auto;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.2rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.2rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 0.4rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 0.4rem;
  }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 0.4rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 0.4rem;
  }
  .g-lg-8,
  .gx-lg-8 {
    --bs-gutter-x: 0.8rem;
  }
  .g-lg-8,
  .gy-lg-8 {
    --bs-gutter-y: 0.8rem;
  }
  .g-lg-12,
  .gx-lg-12 {
    --bs-gutter-x: 1.2rem;
  }
  .g-lg-12,
  .gy-lg-12 {
    --bs-gutter-y: 1.2rem;
  }
  .g-lg-16,
  .gx-lg-16 {
    --bs-gutter-x: 1.6rem;
  }
  .g-lg-16,
  .gy-lg-16 {
    --bs-gutter-y: 1.6rem;
  }
  .g-lg-20,
  .gx-lg-20 {
    --bs-gutter-x: 2rem;
  }
  .g-lg-20,
  .gy-lg-20 {
    --bs-gutter-y: 2rem;
  }
  .g-lg-24,
  .gx-lg-24 {
    --bs-gutter-x: 2.4rem;
  }
  .g-lg-24,
  .gy-lg-24 {
    --bs-gutter-y: 2.4rem;
  }
  .g-lg-32,
  .gx-lg-32 {
    --bs-gutter-x: 3.2rem;
  }
  .g-lg-32,
  .gy-lg-32 {
    --bs-gutter-y: 3.2rem;
  }
  .g-lg-40,
  .gx-lg-40 {
    --bs-gutter-x: 4rem;
  }
  .g-lg-40,
  .gy-lg-40 {
    --bs-gutter-y: 4rem;
  }
  .g-lg-48,
  .gx-lg-48 {
    --bs-gutter-x: 4.8rem;
  }
  .g-lg-48,
  .gy-lg-48 {
    --bs-gutter-y: 4.8rem;
  }
  .g-lg-56,
  .gx-lg-56 {
    --bs-gutter-x: 5.6rem;
  }
  .g-lg-56,
  .gy-lg-56 {
    --bs-gutter-y: 5.6rem;
  }
  .g-lg-64,
  .gx-lg-64 {
    --bs-gutter-x: 6.4rem;
  }
  .g-lg-64,
  .gy-lg-64 {
    --bs-gutter-y: 6.4rem;
  }
  .g-lg-72,
  .gx-lg-72 {
    --bs-gutter-x: 7.2rem;
  }
  .g-lg-72,
  .gy-lg-72 {
    --bs-gutter-y: 7.2rem;
  }
  .g-lg-88,
  .gx-lg-88 {
    --bs-gutter-x: 8.8rem;
  }
  .g-lg-88,
  .gy-lg-88 {
    --bs-gutter-y: 8.8rem;
  }
  .g-lg-96,
  .gx-lg-96 {
    --bs-gutter-x: 9.6rem;
  }
  .g-lg-96,
  .gy-lg-96 {
    --bs-gutter-y: 9.6rem;
  }
  .g-lg-104,
  .gx-lg-104 {
    --bs-gutter-x: 10.4rem;
  }
  .g-lg-104,
  .gy-lg-104 {
    --bs-gutter-y: 10.4rem;
  }
  .g-lg-208,
  .gx-lg-208 {
    --bs-gutter-x: 20.8rem;
  }
  .g-lg-208,
  .gy-lg-208 {
    --bs-gutter-y: 20.8rem;
  }
  .g-lg-auto,
  .gx-lg-auto {
    --bs-gutter-x: auto;
  }
  .g-lg-auto,
  .gy-lg-auto {
    --bs-gutter-y: auto;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.2rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.2rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 0.4rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 0.4rem;
  }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 0.4rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 0.4rem;
  }
  .g-xl-8,
  .gx-xl-8 {
    --bs-gutter-x: 0.8rem;
  }
  .g-xl-8,
  .gy-xl-8 {
    --bs-gutter-y: 0.8rem;
  }
  .g-xl-12,
  .gx-xl-12 {
    --bs-gutter-x: 1.2rem;
  }
  .g-xl-12,
  .gy-xl-12 {
    --bs-gutter-y: 1.2rem;
  }
  .g-xl-16,
  .gx-xl-16 {
    --bs-gutter-x: 1.6rem;
  }
  .g-xl-16,
  .gy-xl-16 {
    --bs-gutter-y: 1.6rem;
  }
  .g-xl-20,
  .gx-xl-20 {
    --bs-gutter-x: 2rem;
  }
  .g-xl-20,
  .gy-xl-20 {
    --bs-gutter-y: 2rem;
  }
  .g-xl-24,
  .gx-xl-24 {
    --bs-gutter-x: 2.4rem;
  }
  .g-xl-24,
  .gy-xl-24 {
    --bs-gutter-y: 2.4rem;
  }
  .g-xl-32,
  .gx-xl-32 {
    --bs-gutter-x: 3.2rem;
  }
  .g-xl-32,
  .gy-xl-32 {
    --bs-gutter-y: 3.2rem;
  }
  .g-xl-40,
  .gx-xl-40 {
    --bs-gutter-x: 4rem;
  }
  .g-xl-40,
  .gy-xl-40 {
    --bs-gutter-y: 4rem;
  }
  .g-xl-48,
  .gx-xl-48 {
    --bs-gutter-x: 4.8rem;
  }
  .g-xl-48,
  .gy-xl-48 {
    --bs-gutter-y: 4.8rem;
  }
  .g-xl-56,
  .gx-xl-56 {
    --bs-gutter-x: 5.6rem;
  }
  .g-xl-56,
  .gy-xl-56 {
    --bs-gutter-y: 5.6rem;
  }
  .g-xl-64,
  .gx-xl-64 {
    --bs-gutter-x: 6.4rem;
  }
  .g-xl-64,
  .gy-xl-64 {
    --bs-gutter-y: 6.4rem;
  }
  .g-xl-72,
  .gx-xl-72 {
    --bs-gutter-x: 7.2rem;
  }
  .g-xl-72,
  .gy-xl-72 {
    --bs-gutter-y: 7.2rem;
  }
  .g-xl-88,
  .gx-xl-88 {
    --bs-gutter-x: 8.8rem;
  }
  .g-xl-88,
  .gy-xl-88 {
    --bs-gutter-y: 8.8rem;
  }
  .g-xl-96,
  .gx-xl-96 {
    --bs-gutter-x: 9.6rem;
  }
  .g-xl-96,
  .gy-xl-96 {
    --bs-gutter-y: 9.6rem;
  }
  .g-xl-104,
  .gx-xl-104 {
    --bs-gutter-x: 10.4rem;
  }
  .g-xl-104,
  .gy-xl-104 {
    --bs-gutter-y: 10.4rem;
  }
  .g-xl-208,
  .gx-xl-208 {
    --bs-gutter-x: 20.8rem;
  }
  .g-xl-208,
  .gy-xl-208 {
    --bs-gutter-y: 20.8rem;
  }
  .g-xl-auto,
  .gx-xl-auto {
    --bs-gutter-x: auto;
  }
  .g-xl-auto,
  .gy-xl-auto {
    --bs-gutter-y: auto;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.2rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.2rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 0.4rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 0.4rem;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 0.4rem;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 0.4rem;
  }
  .g-xxl-8,
  .gx-xxl-8 {
    --bs-gutter-x: 0.8rem;
  }
  .g-xxl-8,
  .gy-xxl-8 {
    --bs-gutter-y: 0.8rem;
  }
  .g-xxl-12,
  .gx-xxl-12 {
    --bs-gutter-x: 1.2rem;
  }
  .g-xxl-12,
  .gy-xxl-12 {
    --bs-gutter-y: 1.2rem;
  }
  .g-xxl-16,
  .gx-xxl-16 {
    --bs-gutter-x: 1.6rem;
  }
  .g-xxl-16,
  .gy-xxl-16 {
    --bs-gutter-y: 1.6rem;
  }
  .g-xxl-20,
  .gx-xxl-20 {
    --bs-gutter-x: 2rem;
  }
  .g-xxl-20,
  .gy-xxl-20 {
    --bs-gutter-y: 2rem;
  }
  .g-xxl-24,
  .gx-xxl-24 {
    --bs-gutter-x: 2.4rem;
  }
  .g-xxl-24,
  .gy-xxl-24 {
    --bs-gutter-y: 2.4rem;
  }
  .g-xxl-32,
  .gx-xxl-32 {
    --bs-gutter-x: 3.2rem;
  }
  .g-xxl-32,
  .gy-xxl-32 {
    --bs-gutter-y: 3.2rem;
  }
  .g-xxl-40,
  .gx-xxl-40 {
    --bs-gutter-x: 4rem;
  }
  .g-xxl-40,
  .gy-xxl-40 {
    --bs-gutter-y: 4rem;
  }
  .g-xxl-48,
  .gx-xxl-48 {
    --bs-gutter-x: 4.8rem;
  }
  .g-xxl-48,
  .gy-xxl-48 {
    --bs-gutter-y: 4.8rem;
  }
  .g-xxl-56,
  .gx-xxl-56 {
    --bs-gutter-x: 5.6rem;
  }
  .g-xxl-56,
  .gy-xxl-56 {
    --bs-gutter-y: 5.6rem;
  }
  .g-xxl-64,
  .gx-xxl-64 {
    --bs-gutter-x: 6.4rem;
  }
  .g-xxl-64,
  .gy-xxl-64 {
    --bs-gutter-y: 6.4rem;
  }
  .g-xxl-72,
  .gx-xxl-72 {
    --bs-gutter-x: 7.2rem;
  }
  .g-xxl-72,
  .gy-xxl-72 {
    --bs-gutter-y: 7.2rem;
  }
  .g-xxl-88,
  .gx-xxl-88 {
    --bs-gutter-x: 8.8rem;
  }
  .g-xxl-88,
  .gy-xxl-88 {
    --bs-gutter-y: 8.8rem;
  }
  .g-xxl-96,
  .gx-xxl-96 {
    --bs-gutter-x: 9.6rem;
  }
  .g-xxl-96,
  .gy-xxl-96 {
    --bs-gutter-y: 9.6rem;
  }
  .g-xxl-104,
  .gx-xxl-104 {
    --bs-gutter-x: 10.4rem;
  }
  .g-xxl-104,
  .gy-xxl-104 {
    --bs-gutter-y: 10.4rem;
  }
  .g-xxl-208,
  .gx-xxl-208 {
    --bs-gutter-x: 20.8rem;
  }
  .g-xxl-208,
  .gy-xxl-208 {
    --bs-gutter-y: 20.8rem;
  }
  .g-xxl-auto,
  .gx-xxl-auto {
    --bs-gutter-x: auto;
  }
  .g-xxl-auto,
  .gy-xxl-auto {
    --bs-gutter-y: auto;
  }
}
.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.for-sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.container {
  --bs-gutter-x: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  max-width: calc(144rem + var(--bs-gutter-x));
  padding: 0;
}
.container-basic {
  width: 100%;
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  padding: 0 !important;
}
.container-fluid .layout, .container-sm .layout, .container-md .layout, .container-lg .layout, .container-xl .layout, .container-xxl .layout,
.container-fluid .row,
.container-sm .row,
.container-md .row,
.container-lg .row,
.container-xl .row,
.container-xxl .row {
  padding: 0 !important;
}
.container-fluid .layout > :first-child[class*=col-], .container-sm .layout > :first-child[class*=col-], .container-md .layout > :first-child[class*=col-], .container-lg .layout > :first-child[class*=col-], .container-xl .layout > :first-child[class*=col-], .container-xxl .layout > :first-child[class*=col-],
.container-fluid .row > :first-child[class*=col-],
.container-sm .row > :first-child[class*=col-],
.container-md .row > :first-child[class*=col-],
.container-lg .row > :first-child[class*=col-],
.container-xl .row > :first-child[class*=col-],
.container-xxl .row > :first-child[class*=col-] {
  padding: 0 !important;
}
.container--noPaddingLeft {
  padding-left: 0 !important;
}
.container--grid-column {
  /* stylelint-disable-next-line prettier/prettier */
  display: grid;
  grid-auto-flow: row;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 48em) {
  .container--grid-column {
    grid-auto-flow: column;
  }
}
.container--spaceBetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container--membership {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4.8rem;
}
.container--membership .views-row {
  max-width: 29rem;
}

.content {
  width: 100%;
}

.footer {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.2rem 1.6rem 0 1.6rem;
  background: var(--surface-container-low);
}
@media screen and (min-width: 48em) {
  .footer {
    padding: 3.2rem 3.2rem 0 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .footer {
    padding: 4.8rem 10.4rem 0 10.4rem;
  }
}
.footer-body {
  max-width: 39.5rem;
  color: var(--gray-300);
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.footer-left-side {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 64em) {
  .footer-left-side {
    margin-bottom: 0;
  }
}
.footer-container {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 80em) {
  .footer-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 calc(10.4rem + var(--bs-gutter-x) * 0.5);
  }
}
.footer-copyright {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 4.8rem;
  padding: 2.4rem 0;
  border-top: 1px solid var(--white-translucent);
}
.footer-copyright p {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.footer-link {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 2.4rem;
}
.footer-parent-link {
  font-weight: 700;
  line-height: 2.4rem;
}
.footer-right-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer-right-side-container {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
}
@media screen and (min-width: 35.5em) {
  .footer-right-side-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.footer-right-side-items {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  gap: 2.4rem;
}
.footer-social-network {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  padding: 0.75rem;
  border: 1px solid var(--white-translucent);
  border-radius: 3.125rem;
  background: var(--surface-container);
}
.footer-hide-footer {
  display: none !important;
}
.footer-footer-no-submenu .footer-links,
.footer-footer-no-submenu .footer-right-side-items {
  display: none !important;
}

.header {
  position: sticky;
  top: var(--drupal-displace-offset-top, 0);
  z-index: 100;
  border-bottom: 1px solid var(--white-translucent);
}
.header::before {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  inset: 0;
}
.header .header-popin > * > .button--close {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .header .header-popin > * > .button--close {
    display: none;
  }
}
.header-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header-menu .nav {
  /* stylelint-disable-next-line prettier/prettier */
  width: 100%;
}
@media screen and (min-width: 64em) {
  .header-menu .nav {
    margin-left: 3.2rem;
  }
}
.header-top {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 144rem;
  margin: auto;
  padding: 1.2rem 1.6rem;
}
@media screen and (min-width: 48em) {
  .header-top {
    min-height: 8rem;
    padding: 2rem 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .header-top {
    padding: 0 10.4rem;
  }
}
.header-top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-navWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.header-navTopMobile {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem;
  -webkit-box-shadow: 0 calc(-1rem - 1px) 0 -1rem gray;
          box-shadow: 0 calc(-1rem - 1px) 0 -1rem gray;
}
@media screen and (min-width: 48em) {
  .header-navTopMobile {
    display: none;
  }
}
.header-navTopMenu {
  /* stylelint-disable-next-line prettier/prettier */
  display: none;
}
@media screen and (min-width: 48em) {
  .header-navTopMenu {
    display: grid;
  }
}
.header-navTopMenu .language-switcher-language-url,
.header-navTopMenu .login-link {
  /* stylelint-disable-next-line prettier/prettier */
  display: none;
}
@media screen and (min-width: 48em) {
  .header-navTopMenu .language-switcher-language-url,
  .header-navTopMenu .login-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-navTopMenu .cta {
  --icon-size: 1.6rem;
  /* stylelint-disable-next-line prettier/prettier */
  height: 3.2rem;
  padding: 0.8rem 1.2rem;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (min-width: 48em) {
  .header-navTopMenu .cta {
    --icon-size: 2rem;
    height: 4.4rem;
    padding: 1.2rem 2rem;
    font-size: 1.6rem;
    line-height: 2.24rem;
  }
}
.header-navbar {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .header-navbar {
    display: none;
  }
}
.header-navbar .button-menu {
  --hover: inherit;
  --active: inherit;
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  max-width: 3.2rem;
  min-height: 3.2rem;
  max-height: 3.2rem;
  padding: 0.5rem 1rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  background-color: transparent;
  color: var(--white);
  font-size: 1rem;
  line-height: 1.5rem;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  .header-navbar .button-menu {
    display: none;
  }
}
.header-navbar .button-menu::before {
  --icon-size: 2.725rem;
  content: "";
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/menu-fill.svg);
          mask-image: url(../images/icons/menu-fill.svg);
}
.header-popin {
  --ground: 2000;
  /* stylelint-disable-next-line prettier/prettier */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 502;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  overflow: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: var(--modal-menu-background);
  color: inherit;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
}
@media screen and (min-width: 48em) {
  .header-popin {
    position: initial;
    overflow: initial;
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    opacity: 1;
    visibility: inherit;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
}
.header-popin--opened {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: inherit;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.header-popin > .container {
  width: 100%;
}
.header-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.2rem 1.6rem;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.header-banner-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.header-banner-body__highlight {
  font-weight: 700;
}
.header-banner-close .button--close {
  padding: 0;
}
.header-banner-close .button--close::after {
  -webkit-mask-image: url(../images/icons/cross.svg);
          mask-image: url(../images/icons/cross.svg);
}
.header-banner-content {
  position: relative;
  left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-banner__promotion {
  border-bottom: 1px solid var(--white-translucent);
  background: -webkit-gradient(linear, left top, right top, from(var(--green-light-semi-transparent)), to(var(--green-medium-transparent-variant))), url(../images/backgrounds/promotion-banner-background.png) no-repeat;
  background: linear-gradient(90deg, var(--green-light-semi-transparent) 0%, var(--green-medium-transparent-variant) 100%), url(../images/backgrounds/promotion-banner-background.png) no-repeat;
  background-position-x: right;
}
.header-banner__warning {
  background: var(--yellow-600);
}
.header-banner__warning .header-banner-body::before {
  --before-icon-size: 2rem;
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--before-icon-size);
  height: var(--before-icon-size);
  margin-right: 0.8rem;
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/warning.svg);
          mask-image: url(../images/icons/warning.svg);
}

.highlighted {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.highlighted .messages-list {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.4rem 1.6rem 0 !important;
}
@media screen and (min-width: 48em) {
  .highlighted .messages-list {
    padding: 1.6rem 3.2rem 0 !important;
  }
}
@media screen and (min-width: 64em) {
  .highlighted .messages-list {
    padding: 3.2rem calc(10.4rem + var(--bs-gutter-x) * 0.5) 0 !important !important;
  }
}

.register {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  padding: 3.2rem 3.2rem 0 3.2rem;
}
@media screen and (min-width: 64em) {
  .register {
    padding: 4.8rem 4.8rem 16px 4.8rem;
  }
}
.register-conditions {
  padding: 0 4.8rem;
  color: var(--gray-300);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.68rem;
  text-align: center;
}
.register-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  padding: 0 4.8rem 4.8rem 4.8rem;
}
.register-left-side {
  /* stylelint-disable-next-line prettier/prettier */
  max-width: 58rem;
}
@media screen and (min-width: 64em) {
  .register-left-side {
    padding: 4.8rem 4.8rem 4.8rem 0;
  }
}
.register-left-side-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.register-left-side-subtitle {
  color: var(--primary-600);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.24rem;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
}
.register-left-side ul li {
  padding-bottom: 1.6rem;
  padding-left: 2rem;
  background-image: url(../images/list/check-circle-2.svg);
  background-position: 0 0.4rem;
  background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  color: var(--white);
  list-style-type: none;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.register-group-name {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding-bottom: 1.6rem;
}
@media screen and (min-width: 64em) {
  .register-group-name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.4rem;
  }
}
.register-right-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  max-width: 58rem;
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.register-right-side-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.register-right-side-title {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
}
.register-right-side-subtitle {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.register-right-side-description {
  color: var(--gray-300);
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.register-button {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 32px !important;
}

.register-redirect {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.96rem;
}
.register-redirect .register-login-link {
  display: inline;
  margin-left: 0.5rem;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-wrapper {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .nav-wrapper {
    position: relative;
    height: 100%;
  }
}
.nav-header-container {
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 48em) {
  .nav-header-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}
.nav-list {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.4rem;
  width: 100%;
  padding: 0 0.8rem;
}
@media screen and (min-width: 48em) {
  .nav-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    max-width: calc(100% + 1rem);
    margin: 0 -1rem;
    padding: 0;
  }
}
.nav-list > .nav-item:first-child::before {
  display: none;
}
.nav-item {
  /* stylelint-disable-next-line prettier/prettier */
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
}
@media screen and (min-width: 48em) {
  .nav-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.nav-item::before {
  /* stylelint-disable-next-line prettier/prettier */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 calc(-1rem - 1px) 0 -1rem gray;
          box-shadow: 0 calc(-1rem - 1px) 0 -1rem gray;
  pointer-events: none;
}
@media screen and (min-width: 48em) {
  .nav-item::before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.nav-item > .nav-link {
  /* stylelint-disable-next-line prettier/prettier */
  padding: 2rem 0.8rem;
}
@media screen and (min-width: 48em) {
  .nav-item > .nav-link {
    padding: 2rem 2rem;
  }
}
.nav-link {
  --hover-tint: var(--hover);
  --active-tint: var(--active);
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  min-height: 3.5rem;
  margin: 0;
  padding: 1.6rem 2rem;
  color: var(--text-action-high-grey);
  text-align: left;
  text-decoration: none;
}
@media screen and (min-width: 48em) {
  .nav-link {
    width: auto;
  }
}
.nav-link:focus-visible, .nav-link:focus {
  outline-offset: -1px;
}
.nav-link[aria-current=true] {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .nav-link[aria-current=true] {
    border-bottom: 2px solid #fff;
  }
}
.nav-link, .nav-button {
  /* stylelint-disable-next-line prettier/prettier */
  font-weight: 500;
  line-height: 140%;
}
@media screen and (min-width: 48em) {
  .nav-link, .nav-button {
    padding: 1.2rem 1.6rem;
  }
}
.nav-link:active, .nav-link:hover, .nav-link:focus, .nav-button:active, .nav-button:hover, .nav-button:focus {
  background-color: var(--menu-active-background);
  text-decoration: none;
}
.nav-button {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: auto;
  min-height: 3.5rem;
  margin: 0;
  padding: 2rem 0.8rem;
  cursor: pointer;
}
@media screen and (min-width: 48em) {
  .nav-button {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 100%;
    padding: 1.2rem 1.6rem;
  }
}
.nav-button::after {
  --icon-size: 2rem;
  content: "";
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-right: 0;
  margin-left: 0.5rem;
  background-color: currentcolor;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/arrow-down-s-line.svg);
          mask-image: url(../images/icons/arrow-down-s-line.svg);
}
.nav-button[aria-expanded=true] {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .nav-button[aria-expanded=true] {
    background-color: var(--menu-active-background);
    color: var(--menu-active-text);
  }
}
.nav-button[aria-expanded=true]::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.nav > li > ul {
  display: none;
}

.row {
  --bs-gutter-x: 0;
  /* stylelint-disable-next-line prettier/prettier */
  margin: 0 !important;
}
@media screen and (min-width: 64em) {
  .row {
    --bs-gutter-x: 2.4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.button {
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.5rem;
  padding: 1.2rem 2rem;
  border: 0;
  border-radius: var(--button-border-radius);
  background-color: var(--button-background);
  color: var(--button-color);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.24rem;
  text-decoration: none;
  cursor: pointer;
}
.button:hover, .button:active, .button:focus {
  background-color: var(--button-background-hover);
  color: var(--button-color-hover);
  text-decoration: none;
}
.button--close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: initial;
  max-width: 100%;
  min-height: 2rem;
  max-height: none;
  margin-left: auto;
  padding: 2rem 0.4rem;
  background-color: var(--button-background-close);
  color: var(--button-color-close);
  font-size: 1.6rem;
  line-height: 1.5rem;
}
.button--close::after {
  --icon-size: 2rem;
  content: "";
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-right: -0.125rem;
  margin-left: 0.5rem;
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/close-line.svg);
          mask-image: url(../images/icons/close-line.svg);
}
.button--close:hover, .button--close:active, .button--close:focus {
  background-color: var(--button-background-close-hover);
  color: var(--button-color-close-hover);
}

input[type=checkbox] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-small);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=checkbox]:hover {
  background: var(--white-translucent);
}
input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
input[type=checkbox]:checked {
  border: 1px solid var(--white-translucent);
  background: var(--green-forest);
}
input[type=checkbox]:checked:hover {
  background: var(--green-forest-dark);
}
input[type=checkbox]:checked::after {
  -webkit-animation: ripple-green 0.4s ease-out;
          animation: ripple-green 0.4s ease-out;
}
input[type=checkbox]:checked::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--white);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/check.svg);
          mask-image: url(../images/icons/check.svg);
}
input[type=checkbox]:not(:checked)::after {
  -webkit-animation: ripple-gray 0.4s ease-out;
          animation: ripple-gray 0.4s ease-out;
}
input[type=checkbox]:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}

@-webkit-keyframes ripple-green {
  0% {
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--green-forest-light-transparent);
  }
  100% {
    width: 4rem;
    height: 4rem;
    background-color: var(--green-forest-light-transparent);
  }
}

@keyframes ripple-green {
  0% {
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--green-forest-light-transparent);
  }
  100% {
    width: 4rem;
    height: 4rem;
    background-color: var(--green-forest-light-transparent);
  }
}
@-webkit-keyframes ripple-gray {
  0% {
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--surface-container);
  }
  100% {
    width: 4rem;
    height: 4rem;
    background-color: var(--surface-container);
  }
}
@keyframes ripple-gray {
  0% {
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--surface-container);
  }
  100% {
    width: 4rem;
    height: 4rem;
    background-color: var(--surface-container);
  }
}
.field--type-address > fieldset {
  padding: 0;
}

input[type=text],
input[type=email],
input[type=password] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
  min-height: 3.6rem;
  padding: 0.8rem 1.2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--surface-container);
  color: var(--white);
}

input[type=email] {
  padding-left: 38px;
  background-image: url("../images/icons/login-form.svg");
  background-position: 12px;
  background-size: 1.8rem 1.8rem;
  background-repeat: no-repeat;
}

input[type=email].error {
  border: 1px solid var(--red-500);
  border-radius: var(--radius-default);
  background: var(--surface-container);
  background-image: url("../images/icons/login-form.svg"), url("../images/icons/field-error.svg");
  background-position: 12px center, right 12px center;
  background-size: 1.8rem 1.8rem, 1.6rem 1.6rem;
  background-repeat: no-repeat;
}

input[type=password] {
  padding-left: 38px;
  background-image: url("../images/icons/password-form.svg");
  background-position: 12px;
  background-size: 1.8rem 1.8rem;
  background-repeat: no-repeat;
}

input[type=password].error {
  border: 1px solid var(--red-500);
  border-radius: var(--radius-default);
  background: var(--surface-container);
  background-image: url("../images/icons/password-form.svg"), url("../images/icons/field-error.svg");
  background-position: 12px center, right 12px center;
  background-size: 1.8rem 1.8rem, 1.6rem 1.6rem;
  background-repeat: no-repeat;
}

input[type=text].error {
  border: 1px solid var(--red-500);
  border-radius: var(--radius-default);
  background: var(--surface-container);
  background-image: url("../images/icons/field-error.svg");
  background-position: right 12px center;
  background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.form-title {
  padding: 4.8rem 0;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
}
.form-container {
  padding: 9.6rem 0;
}
.form-container #edit-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}
.form-container #edit-actions .button {
  width: 100%;
}
.form-container #edit-pass .form-element-field {
  gap: 1.6rem;
}
.form-content {
  padding: 0 4.8rem;
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.form-content .messages-list {
  margin-bottom: 1.6rem;
}
.form-element-description {
  padding-top: 0.4rem;
  color: var(--gray-300);
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.form-element-label {
  color: var(--gray-100);
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.form-element-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.form-element-field .password-strength {
  width: 100%;
}
.form-item {
  width: 100%;
}
.form-item-payment-information-add-payment-method-payment-details-mandate > .form-element-field {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-item-payment-information-add-payment-method-payment-details-mandate > .form-element-field label {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.form-item-payment-information-add-payment-method-payment-details-iban > .form-element-field {
  margin-top: 2.4rem;
}
.form-item-agree-terms-terms-and-conditions > .form-element-field {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-item--error-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  width: 100%;
  margin-top: 1.2rem;
  padding: 0.8rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-medium);
  background: var(--red-light-transparent);
}
.form-item--error-message::before {
  --icon-size: 2rem;
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: var(--red-400);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/error-message.svg);
          mask-image: url(../images/icons/error-message.svg);
}
.form-label-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-tooltip:hover .form-tooltip-info {
  opacity: 1;
  visibility: visible;
}
.form-tooltip {
  content: "";
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--White);
  background-image: url(../images/icons/form-tooltip.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.form-tooltip-info {
  position: absolute;
  top: 50%;
  left: 3rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20.2rem;
  padding: 0.8rem 1.2rem;
  border-radius: var(--radius-medium);
  background-color: var(--black-transparent);
  color: var(--gray-300);
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 150%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.form-tooltip-info::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  display: block;
  width: 0.8rem;
  height: 1.9rem;
  background-image: url(../images/icons/tooltip-info-arrow.svg);
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*! purgecss start ignore */
[id*=group-form-group-field-moral-entity-address-0-address-ajax-wrapper] > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
[id*=group-form-group-field-moral-entity-address-0-address-ajax-wrapper] > div .form-item-group-form-group-field-moral-entity-address-0-address-address-line2 {
  margin-top: -1.6rem;
}
[id*=group-form-group-field-moral-entity-address-0-address-ajax-wrapper] > div [id*=edit-group-form-group-field-moral-entity-address-0-address-container] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}

[id*=payment-information-billing-information-address-0-address-ajax-wrapper] > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
[id*=payment-information-billing-information-address-0-address-ajax-wrapper] > div .address-line2 {
  margin-top: 1.6rem;
}
[id*=payment-information-billing-information-address-0-address-ajax-wrapper] > div .address-container-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}

/*! purgecss end ignore */
[href] {
  --underline-img: linear-gradient(0deg, currentcolor, currentcolor);
  background-image: var(--underline-img), var(--underline-img);
  background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - (var(--underline-thickness)) + 1px);
  background-size: var(--underline-idle-width) var(--underline-thickness), var(--underline-hover-width) calc(var(--underline-thickness) * 2);
  background-repeat: no-repeat, no-repeat;
  text-decoration: none;
  -webkit-transition: background-size 0s;
  transition: background-size 0s;
}
[href]:hover, [href]:active, [href]:focus {
  --underline-hover-width: var(--underline-max-width);
  text-decoration: none;
}
[href][target=_blank]::after {
  --icon-size: 1.4rem;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-left: 0.8rem;
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(images/external-link-2.svg);
          mask-image: url(images/external-link-2.svg);
}
#toolbar-administration [href], .header-top [href], .tabs [href], .footer-social-network [href], [class*=layout-builder] [href], .contextual-links [href] {
  background-image: none;
}
.footer-links [href] {
  background-image: none;
}
.footer-links [href]:hover, .footer-links [href]:active, .footer-links [href]:focus {
  background-image: var(--underline-img), var(--underline-img);
}

.cta {
  background-image: none;
}

.user-register-form {
  padding: 0 4.8rem;
}
.user-register-form .status-message {
  margin-bottom: 1.6rem;
}
.user-register-form-container {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 64em) {
  .user-register-form-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    padding: 4.8rem 2.4rem;
  }
}
.user-login-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.user-login-redirect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  padding: 3.2rem 0 4.8rem;
}
.user-login-redirect p,
.user-login-redirect a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.96rem;
}

.analytics-kpi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.analytics-kpi.layout {
  /* stylelint-disable-next-line prettier/prettier */
  padding-block: 4rem;
}
@media screen and (min-width: 64em) {
  .analytics-kpi.layout {
    padding-block: 4rem;
  }
}
.analytics-kpi-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.analytics-kpi-header__info {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.analytics-kpi-header__actions .print-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 1.6rem;
  border-radius: 0.8rem;
  cursor: pointer;
}
.analytics-kpi-header__actions .print-button__icon {
  width: 2rem;
  height: 2rem;
}
.analytics-kpi-header__actions .print-button__icon svg {
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.analytics-kpi-title {
  margin-bottom: 0;
  color: var(--White, #fff);
  font-weight: 700;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 4rem;
}
.analytics-kpi-description {
  margin: 1rem 0 0;
  padding-bottom: 1.2rem;
  color: var(--gray-100, #f3f4f6);
  font-weight: 500;
  font-style: normal;
  font-size: var(--font-size-sm, 1.4rem);
  line-height: 2.1rem;
}
.analytics-kpi-subtitle {
  margin: 2rem 0;
  font-weight: 700;
  font-style: bold;
  font-size: var(--font-size-xl, 2.4rem);
  line-height: var(--line-height-xl, 3.2rem);
}
.analytics-kpi-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.analytics-kpi-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--white-translucent);
}
.analytics-kpi-graph-container {
  position: relative;
  width: 100%;
}
.analytics-kpi-content-graph {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.analytics-kpi-content-graph:not(:has(.analytics-chart)) {
  display: none;
}
.analytics-kpi-content-graph-title {
  margin-bottom: 0;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--white-translucent);
}
.analytics-kpi-graph {
  width: 100%;
}
.analytics-kpi-content-graphs-grid {
  /* stylelint-disable-next-line prettier/prettier */
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media screen and (min-width: 48em) {
  .analytics-kpi-content-graphs-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.analytics-chart-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2rem 1rem -2rem;
  padding: 2rem;
  padding-top: 0;
  border-bottom: 1px solid var(--white-translucent);
}

@media print {
  @page {
    margin: 1cm;
    size: a4 portrait;
  }
  .analytics-kpi-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: white !important;
    color: black !important;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
  .analytics-kpi-content {
    width: 100%;
    padding: 0;
  }
  .analytics-kpi-content-graphs-grid {
    grid-template-columns: 1fr;
    gap: 2cm;
    width: 100%;
    margin: 0;
  }
  .analytics-kpi-content-graph {
    width: 100%;
    margin: 0;
    padding: 1cm;
    border-color: #ccc !important;
    background: white !important;
    page-break-inside: avoid;
  }
  .analytics-kpi-graph {
    width: 100%;
    height: auto;
    max-height: 18cm;
  }
  .analytics-kpi-title {
    color: black !important;
  }
  .analytics-kpi-description {
    color: black !important;
  }
  [rel=home] img {
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
}
.basic-page {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  gap: 7.2rem;
  padding: 2.4rem 1.6rem;
  color: var(--gray-300);
  font-size: 1.4rem;
  line-height: 150%;
}
@media screen and (min-width: 48em) {
  .basic-page {
    padding: 2.4rem 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .basic-page {
    padding: 6.4rem 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .basic-page {
    padding: 8.8rem 20.8rem;
  }
}
.basic-page-body {
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 2.4rem 0;
}
@media screen and (min-width: 48em) {
  .basic-page-body {
    max-width: 75%;
  }
}
.basic-page-content {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .basic-page-content {
    gap: 2.4rem;
  }
}
.basic-page-content .toc-js {
  width: 29rem;
  padding: 2.4rem 0 2.4rem 3.2rem;
}
.basic-page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.basic-page h1 {
  margin: 0;
}
.basic-page h2 {
  margin-bottom: 2.4rem;
}
.basic-page h3 {
  margin-bottom: 1.6rem;
}
.basic-page p {
  margin-bottom: 3.2rem;
}

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.carousel-item.active {
  display: block;
}

.cart-wrapper {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 2.4rem 1.6rem;
}
@media screen and (min-width: 48em) {
  .cart-wrapper {
    padding: 5.6rem 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .cart-wrapper {
    padding: 5.6rem 20.8rem;
  }
}
.cart-content {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 64em) {
  .cart-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 2.4rem;
  }
}
.cart-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  padding: 2.4rem;
  border-radius: var(--radius-extra-large);
  background: url(../images/backgrounds/cart-header-background.png) no-repeat;
  background-color: var(--green-dark-transparent);
  background-position-x: right;
}
.cart-header-content {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 64em) {
  .cart-header-content {
    max-width: 60%;
  }
}
.cart-header-title {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.cart .content {
  width: auto;
}
.cart-block--summary a {
  text-decoration: none;
}
.cart-left-side {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 64em) {
  .cart-left-side {
    max-width: 58rem;
  }
}
.cart-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: var(--black-transparent);
}
.cart-plan-form {
  width: 100%;
}
.cart-plan-form .button {
  background-color: var(--gray-button);
  color: var(--white);
}
.cart-plan-form .button:hover {
  --link-hover-color: var(--black-transparent);
  background-color: var(--black-transparent);
  color: var(--white);
}
.cart-plan-form .button:active, .cart-plan-form .button:focus {
  --link-hover-color: var(--black-transparent);
  border-color: var(--outline-color);
  background-color: var(--black-transparent);
  color: var(--white);
}
.cart-plan-form .form {
  gap: 2.4rem;
}
.cart-plan-form .form .form-element-label {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.96rem;
}
.cart-plan-form .form .form-select {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: url(../images/icons/chevron-down.svg) no-repeat right 1.2rem center;
  background-color: var(--surface-container);
  background-size: 1.6rem 1.6rem;
  color: var(--Gray-200);
  font-size: 1.4rem;
  line-height: 2.1rem;
  -webkit-backdrop-filter: blur(1.2rem);
          backdrop-filter: blur(1.2rem);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (min-width: 48em) {
  .cart-plan-form .form .form-select {
    width: 40%;
  }
}
@media screen and (min-width: 64em) {
  .cart-plan-form .form .form-select {
    width: 40%;
  }
}
.cart-plan-form .form .form-select option {
  background-color: var(--black-semi-opaque);
  color: var(--Gray-200);
}
.cart-plan-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart-plan-subtitle {
  color: var(--Gray-300);
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.cart-plan-title {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.cart-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  padding: 2.4rem;
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.cart-summary-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cart-summary-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.cart-summary-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.8rem;
}
.cart-summary-block .form-element-field {
  gap: 0;
}
.cart-summary-block .button {
  padding: 0.8rem 1.2rem;
  background-color: var(--gray-button);
  color: var(--white);
  font-size: 1.4rem;
  line-height: 120%;
}
.cart-summary-block .button:hover {
  --link-hover-color: var(--black-transparent);
  background-color: var(--black-transparent);
  color: var(--white);
}
.cart-summary-block .button:active, .cart-summary-block .button:focus {
  --link-hover-color: var(--black-transparent);
  border-color: var(--outline-color);
  background-color: var(--black-transparent);
  color: var(--white);
}
.cart-summary-block input[type=text] {
  min-height: auto;
  max-height: 3.2rem;
}
.cart-summary hr {
  width: 100%;
  height: 0.1rem;
  margin: 0;
  padding: 0;
  color: var(--white-translucent);
}
.cart-summary-title {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.3rem;
}
.cart-summary-subtitle {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.4;
}
.cart-summary-left {
  color: var(--gray-300);
  font-size: 1.4rem;
  line-height: 1.5;
}
.cart-summary-right {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4;
}
.cart-summary-right-subtotal {
  font-size: 1.4rem;
  line-height: 1.5;
}
.cart-summary-users-month {
  color: var(--gray-300);
  font-size: 1.2rem;
  line-height: 1.5;
}
.cart-summary-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.cart-summary-infos-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  width: 100%;
}
.cart-summary-total {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.cart-summary-coupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 100%;
}
.cart-summary-coupon-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  color: var(--gray-50);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4;
}
.cart-summary-coupon .checkout-pane,
.cart-summary-coupon .form-wrapper {
  width: 100%;
}
.cart-summary-cta-continue {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.cart-summary .form {
  height: auto;
}
.cart-summary .cart-form {
  width: 100%;
  margin-top: 0.8rem;
}
.cart-summary .cart-form input {
  width: 100%;
  height: auto;
}
.cart-summary-total {
  width: 100%;
}
.cart-summary-total-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.cart-summary-total-content span {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.cart-title {
  padding: 0 2.4rem;
}

.checkout-confirmation {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.6rem 2.4rem;
}
@media screen and (min-width: 48em) {
  .checkout-confirmation {
    padding: 4.8rem 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .checkout-confirmation {
    padding: 9.6rem 20.8rem;
  }
}
.checkout-confirmation-body {
  color: var(--gray-300);
  font-size: 1.6rem;
  line-height: 150%;
}
.checkout-confirmation-body__attractive {
  color: white;
  font-weight: 600;
  line-height: 140%;
}
.checkout-confirmation-cta {
  width: 100%;
}
.checkout-confirmation-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
  text-align: center;
}
.checkout-confirmation-title::before {
  content: "";
  display: inline-block;
  width: 8em;
  height: 8rem;
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/checkout_confirmation_icon.svg);
          mask-image: url(../images/icons/checkout_confirmation_icon.svg);
}
.checkout-confirmation-wrapper {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 512px;
  padding: 3.2rem;
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
@media screen and (min-width: 64em) {
  .checkout-confirmation-wrapper {
    padding: 4.8rem;
  }
}
.checkout-confirmation-wrapper .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.collapse {
  --collapse-max-height: 0;
  --collapser: "";
  overflow: hidden;
  max-height: var(--collapse-max-height);
  -webkit-transition: visibility 0.3s;
  transition: visibility 0.3s;
}
.collapse:not(.collapse--expanded) {
  padding: 0;
  visibility: hidden;
}
.collapse:not(.collapse--expanded)::before {
  margin-top: var(--collapse);
}
.collapse::before {
  content: "";
  content: var(--collapser);
  display: block;
  margin-top: 0;
  -webkit-transition: margin-top 0.3s;
  transition: margin-top 0.3s;
}

body:has(.connection-offer) {
  overflow: hidden;
}

.connection-offer {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 144rem;
  height: 100vh;
  padding: 1.6rem;
}
@media screen and (min-width: 64em) {
  .connection-offer {
    padding: 0 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .connection-offer {
    padding: 0 20.8rem;
  }
}
.connection-offer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.connection-offer-ctas {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 64em) {
  .connection-offer-ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.connection-offer-ctas .cta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.connection-offer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.connection-offer-title {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
}
.connection-offer-subtitle {
  color: var(--gray-300);
  font-size: 1.6rem;
  line-height: 150%;
}
.connection-offer-wrapper {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  height: auto;
  padding: 3.2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-medium-transparent);
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
}
@media screen and (min-width: 48em) {
  .connection-offer-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4rem;
  }
}
.connection-offer-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.connection-offer-img img {
  /* stylelint-disable-next-line prettier/prettier */
  display: none;
}
@media screen and (min-width: 48em) {
  .connection-offer-img img {
    display: block;
  }
}

.free-trial {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 64em) {
  .free-trial {
    padding: 4.8rem 4.8rem 16px 4.8rem;
  }
}
.free-trial-checkout-form {
  gap: 1.6rem;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.free-trial-form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.free-trial-wrapper {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 144rem;
  padding: 1.6rem;
}
@media screen and (min-width: 48em) {
  .free-trial-wrapper {
    padding: 1.6rem 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .free-trial-wrapper {
    padding: 5.6rem 10.4rem;
  }
}
.free-trial-wrapper-content {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 48em) {
  .free-trial-wrapper-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 2.4rem;
  }
}
.free-trial-wrapper-right {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 2.4rem;
}
@media screen and (min-width: 48em) {
  .free-trial-wrapper-right {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .free-trial-wrapper-right {
    padding: 4.8rem;
  }
}
.free-trial-wrapper-left {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 64em) {
  .free-trial-wrapper-left {
    padding: 4.8rem 4.8rem 4.8rem 0;
  }
}
.free-trial-header {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 64em) {
  .free-trial-header {
    gap: 1.6rem;
  }
}
.free-trial-plan {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  border-radius: 0.8rem;
  background: var(--black-transparent);
}
@media screen and (min-width: 64em) {
  .free-trial-plan {
    gap: 3.2rem;
  }
}
.free-trial-title {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
}
.free-trial-complex-title {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-weight: 800;
  font-size: 4rem;
  line-height: 4.8rem;
}
.free-trial-text {
  font-size: 1.6rem;
  line-height: 150%;
}
.free-trial-complex-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--primary-600);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.24rem;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
}
.free-trial-subtitle {
  color: var(--block-text-color);
  font-size: 1.2rem;
  line-height: 150%;
}
.free-trial-subtitle--term {
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
.free-trial-group-name {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (min-width: 64em) {
  .free-trial-group-name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.4rem;
  }
}
.free-trial-cta-start {
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin-top: 1.6rem;
}
@media screen and (min-width: 64em) {
  .free-trial-cta-start {
    margin-top: 2.4rem;
  }
}
.free-trial-content {
  gap: 2.4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.free-trial-content ul {
  list-style-type: none;
}
.free-trial-content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.free-trial-content li::before {
  content: "";
  display: inline-block;
  min-width: 2.4rem;
  min-height: 2.4rem;
  background-image: url(../images/list/check-circle-3.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#klaro .klaro {
  --klaro-primary-color: var(--primary-900);
  --klaro-button-border-radius: var(--button-border-radius);
}
#klaro .cm-powered-by {
  display: none;
}
#klaro a[target=_blank]::after {
  -webkit-mask-image: url(../images/icons/external-link-2.svg);
          mask-image: url(../images/icons/external-link-2.svg);
}

.klaro_toggle_dialog {
  right: auto;
  left: 25px;
}

.landingPage {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  color: transparent;
  inset: 0;
}

.layout-builder {
  background-color: transparent;
}
.layout-builder-block .cta--link.cta--white {
  border-radius: 0;
  background-color: var(--gray-600);
}
.layout-builder__section a:hover {
  color: var(--gray-400);
}

.layout-builder__add-section {
  background-color: var(--black);
}

.layout-builder__link--add {
  color: var(--white);
  text-decoration: underline;
}

.layout-builder__link--add:hover {
  color: var(--gray-400);
  text-decoration: underline;
}

.layout-builder-block {
  background-color: transparent;
}

.layout-builder__add-block {
  background-color: var(--black);
}

#chat-widget-container {
  z-index: 9999 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media print {
  .localgov-alert-banner {
    display: none;
  }
}
.localgov-alert-banner--announcement {
  /* stylelint-disable-next-line prettier/prettier */
  border-bottom: 1px solid var(--white-translucent) !important;
  background: -webkit-gradient(linear, left top, right top, from(var(--green-light-semi-transparent)), to(var(--green-medium-transparent-variant))) !important;
  background: linear-gradient(90deg, var(--green-light-semi-transparent) 0%, var(--green-medium-transparent-variant) 100%) !important;
}
@media screen and (min-width: 64em) {
  .localgov-alert-banner--announcement {
    background: -webkit-gradient(linear, left top, right top, from(var(--green-light-semi-transparent)), to(var(--green-medium-transparent-variant))), url(../images/backgrounds/promotion-banner-background.png) no-repeat right center/auto 8rem !important;
    background: linear-gradient(90deg, var(--green-light-semi-transparent) 0%, var(--green-medium-transparent-variant) 100%), url(../images/backgrounds/promotion-banner-background.png) no-repeat right center/auto 8rem !important;
  }
}
.localgov-alert-banner--minor {
  background: var(--Yellow-600, #9f580a) !important;
  color: white !important;
}
.localgov-alert-banner--minor a {
  color: white !important;
}
.localgov-alert-banner--minor .localgov-alert-banner__title::before {
  --before-icon-size: 2rem;
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--before-icon-size);
  height: var(--before-icon-size);
  margin-right: 0.8rem;
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/warning.svg) !important;
          mask-image: url(../images/icons/warning.svg) !important;
}
.localgov-alert-banner--minor .localgov-alert-banner__close {
  background-color: transparent !important;
  color: white !important;
}
.localgov-alert-banner--minor .localgov-alert-banner__close:hover, .localgov-alert-banner--minor .localgov-alert-banner__close:focus {
  background-color: transparent !important;
  color: white !important;
}
.localgov-alert-banner__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.localgov-alert-banner__content {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .localgov-alert-banner__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.localgov-alert-banner__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: initial;
  max-width: 100%;
  min-height: 2rem;
  max-height: none;
  margin-left: auto;
  border: none !important;
  background-color: transparent !important;
  color: white !important;
  font-size: 1.6rem;
  line-height: 1.5rem !important;
}
.localgov-alert-banner__close:hover, .localgov-alert-banner__close:focus {
  background-color: transparent !important;
  color: white !important;
}
.localgov-alert-banner__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  height: 8rem;
  margin: 0 !important;
  padding: 1.2rem 1.6rem !important;
}
.localgov-alert-banner__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}

.login-link a {
  --icon-size: 2rem;
  --link-color: var(--gray-button);
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4.4rem;
  padding: 1.2rem 2rem;
  border-radius: var(--radius-default);
  background-color: var(--gray-button);
  color: var(--white);
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.24rem;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  padding: 0;
}
.login-link a:hover {
  --link-hover-color: var(--black-transparent);
  background-color: var(--black-transparent);
  color: var(--white);
}
.login-link a:active, .login-link a:focus {
  --link-hover-color: var(--black-transparent);
  border-color: var(--outline-color);
  background-color: var(--black-transparent);
  color: var(--white);
}
.login-link a:active, .login-link a:focus, .login-link a:hover {
  text-decoration: none;
}

.openid-connect-login-form .button {
  --icon-size: 2rem;
  --link-color: var(--gray-button);
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 4.4rem;
  padding: 1.2rem 2rem;
  border-radius: var(--radius-default);
  background-color: var(--gray-button);
  color: var(--white);
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.24rem;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.openid-connect-login-form .button:hover {
  --link-hover-color: var(--black-transparent);
  background-color: var(--black-transparent);
  color: var(--white);
}
.openid-connect-login-form .button:active, .openid-connect-login-form .button:focus {
  --link-hover-color: var(--black-transparent);
  border-color: var(--outline-color);
  background-color: var(--black-transparent);
  color: var(--white);
}
.openid-connect-login-form .button:active, .openid-connect-login-form .button:focus, .openid-connect-login-form .button:hover {
  text-decoration: none;
}

.password-suggestions li:empty {
  display: none;
}

.m-0 {
  margin: 0;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-0 {
    margin: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-0 {
    margin-top: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-0 {
    margin-left: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-0 {
    margin-right: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-0 {
    margin-bottom: 0;
  }
}
.m-2 {
  margin: 0.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-2 {
    margin: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-2 {
    margin-top: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-2 {
    margin-left: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-2 {
    margin-right: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
.m-4 {
  margin: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-4 {
    margin: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-4 {
    margin-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-4 {
    margin-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-4 {
    margin-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
.m-6 {
  margin: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-6 {
    margin: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-6 {
    margin-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-6 {
    margin-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-6 {
    margin-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
.m-8 {
  margin: 0.8rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-8 {
    margin: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-8 {
    margin-top: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-8 {
    margin-left: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-8 {
    margin-right: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
.m-12 {
  margin: 1.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-12 {
    margin: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-12 {
    margin-top: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-12 {
    margin-left: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-12 {
    margin-right: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
.m-16 {
  margin: 1.6rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-16 {
    margin: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-16 {
    margin-top: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-16 {
    margin-left: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-16 {
    margin-right: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
.m-20 {
  margin: 2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-20 {
    margin: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-20 {
    margin-top: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-20 {
    margin-left: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-20 {
    margin-right: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-20 {
    margin-bottom: 2rem;
  }
}
.m-24 {
  margin: 2.4rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.ml-24 {
  margin-left: 2.4rem;
}

.mr-24 {
  margin-right: 2.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-24 {
    margin: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-24 {
    margin-top: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-24 {
    margin-left: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-24 {
    margin-right: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
.m-32 {
  margin: 3.2rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

.ml-32 {
  margin-left: 3.2rem;
}

.mr-32 {
  margin-right: 3.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-32 {
    margin: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-32 {
    margin-top: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-32 {
    margin-left: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-32 {
    margin-right: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
.m-40 {
  margin: 4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-40 {
    margin: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-40 {
    margin-top: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-40 {
    margin-left: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-40 {
    margin-right: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-40 {
    margin-bottom: 4rem;
  }
}
.m-48 {
  margin: 4.8rem;
}

.mt-48 {
  margin-top: 4.8rem;
}

.mb-48 {
  margin-bottom: 4.8rem;
}

.ml-48 {
  margin-left: 4.8rem;
}

.mr-48 {
  margin-right: 4.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-48 {
    margin: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-48 {
    margin-top: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-48 {
    margin-left: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-48 {
    margin-right: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
.m-56 {
  margin: 5.6rem;
}

.mt-56 {
  margin-top: 5.6rem;
}

.mb-56 {
  margin-bottom: 5.6rem;
}

.ml-56 {
  margin-left: 5.6rem;
}

.mr-56 {
  margin-right: 5.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-56 {
    margin: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-56 {
    margin-top: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-56 {
    margin-left: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-56 {
    margin-right: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
.m-64 {
  margin: 6.4rem;
}

.mt-64 {
  margin-top: 6.4rem;
}

.mb-64 {
  margin-bottom: 6.4rem;
}

.ml-64 {
  margin-left: 6.4rem;
}

.mr-64 {
  margin-right: 6.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-64 {
    margin: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-64 {
    margin-top: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-64 {
    margin-left: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-64 {
    margin-right: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
.m-72 {
  margin: 7.2rem;
}

.mt-72 {
  margin-top: 7.2rem;
}

.mb-72 {
  margin-bottom: 7.2rem;
}

.ml-72 {
  margin-left: 7.2rem;
}

.mr-72 {
  margin-right: 7.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-72 {
    margin: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-72 {
    margin-top: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-72 {
    margin-left: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-72 {
    margin-right: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
.m-88 {
  margin: 8.8rem;
}

.mt-88 {
  margin-top: 8.8rem;
}

.mb-88 {
  margin-bottom: 8.8rem;
}

.ml-88 {
  margin-left: 8.8rem;
}

.mr-88 {
  margin-right: 8.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-88 {
    margin: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-88 {
    margin-top: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-88 {
    margin-left: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-88 {
    margin-right: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
.m-96 {
  margin: 9.6rem;
}

.mt-96 {
  margin-top: 9.6rem;
}

.mb-96 {
  margin-bottom: 9.6rem;
}

.ml-96 {
  margin-left: 9.6rem;
}

.mr-96 {
  margin-right: 9.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-96 {
    margin: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-96 {
    margin-top: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-96 {
    margin-left: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-96 {
    margin-right: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
.m-104 {
  margin: 10.4rem;
}

.mt-104 {
  margin-top: 10.4rem;
}

.mb-104 {
  margin-bottom: 10.4rem;
}

.ml-104 {
  margin-left: 10.4rem;
}

.mr-104 {
  margin-right: 10.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-104 {
    margin: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-104 {
    margin-top: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-104 {
    margin-left: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-104 {
    margin-right: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
.m-208 {
  margin: 20.8rem;
}

.mt-208 {
  margin-top: 20.8rem;
}

.mb-208 {
  margin-bottom: 20.8rem;
}

.ml-208 {
  margin-left: 20.8rem;
}

.mr-208 {
  margin-right: 20.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-208 {
    margin: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-208 {
    margin-top: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-208 {
    margin-left: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-208 {
    margin-right: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-auto {
    margin: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-auto {
    margin-top: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-auto {
    margin-left: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-auto {
    margin-right: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-auto {
    margin-bottom: auto;
  }
}
.p-0 {
  padding: 0;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-0 {
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  .p-md-0 {
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-0 {
    padding: 0;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-0 {
    padding: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-0 {
    padding-top: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-0 {
    padding-left: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-0 {
    padding-right: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
}
.p-2 {
  padding: 0.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-2 {
    padding: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-2 {
    padding-top: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-2 {
    padding-left: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-2 {
    padding-right: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-2 {
    padding-bottom: 0.2rem;
  }
}
.p-4 {
  padding: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-4 {
    padding: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-4 {
    padding-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-4 {
    padding-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-4 {
    padding-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-4 {
    padding-bottom: 0.4rem;
  }
}
.p-6 {
  padding: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-6 {
    padding: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-6 {
    padding-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-6 {
    padding-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-6 {
    padding-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-6 {
    padding-bottom: 0.4rem;
  }
}
.p-8 {
  padding: 0.8rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-8 {
    padding: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-8 {
    padding-top: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-8 {
    padding-left: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-8 {
    padding-right: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-8 {
    padding-bottom: 0.8rem;
  }
}
.p-12 {
  padding: 1.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-12 {
    padding: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-12 {
    padding-top: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-12 {
    padding-left: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-12 {
    padding-right: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-12 {
    padding-bottom: 1.2rem;
  }
}
.p-16 {
  padding: 1.6rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-16 {
    padding: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-16 {
    padding-top: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-16 {
    padding-left: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-16 {
    padding-right: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-16 {
    padding-bottom: 1.6rem;
  }
}
.p-20 {
  padding: 2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-20 {
    padding: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-20 {
    padding-top: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-20 {
    padding-left: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-20 {
    padding-right: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-20 {
    padding-bottom: 2rem;
  }
}
.p-24 {
  padding: 2.4rem;
}

.pt-24 {
  padding-top: 2.4rem;
}

.pb-24 {
  padding-bottom: 2.4rem;
}

.pl-24 {
  padding-left: 2.4rem;
}

.pr-24 {
  padding-right: 2.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-24 {
    padding: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-24 {
    padding-top: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-24 {
    padding-left: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-24 {
    padding-right: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-24 {
    padding-bottom: 2.4rem;
  }
}
.p-32 {
  padding: 3.2rem;
}

.pt-32 {
  padding-top: 3.2rem;
}

.pb-32 {
  padding-bottom: 3.2rem;
}

.pl-32 {
  padding-left: 3.2rem;
}

.pr-32 {
  padding-right: 3.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-32 {
    padding: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-32 {
    padding-top: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-32 {
    padding-left: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-32 {
    padding-right: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-32 {
    padding-bottom: 3.2rem;
  }
}
.p-40 {
  padding: 4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-40 {
    padding: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-40 {
    padding-top: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-40 {
    padding-left: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-40 {
    padding-right: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-40 {
    padding-bottom: 4rem;
  }
}
.p-48 {
  padding: 4.8rem;
}

.pt-48 {
  padding-top: 4.8rem;
}

.pb-48 {
  padding-bottom: 4.8rem;
}

.pl-48 {
  padding-left: 4.8rem;
}

.pr-48 {
  padding-right: 4.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-48 {
    padding: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-48 {
    padding-top: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-48 {
    padding-left: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-48 {
    padding-right: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-48 {
    padding-bottom: 4.8rem;
  }
}
.p-56 {
  padding: 5.6rem;
}

.pt-56 {
  padding-top: 5.6rem;
}

.pb-56 {
  padding-bottom: 5.6rem;
}

.pl-56 {
  padding-left: 5.6rem;
}

.pr-56 {
  padding-right: 5.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-56 {
    padding: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-56 {
    padding-top: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-56 {
    padding-left: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-56 {
    padding-right: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-56 {
    padding-bottom: 5.6rem;
  }
}
.p-64 {
  padding: 6.4rem;
}

.pt-64 {
  padding-top: 6.4rem;
}

.pb-64 {
  padding-bottom: 6.4rem;
}

.pl-64 {
  padding-left: 6.4rem;
}

.pr-64 {
  padding-right: 6.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-64 {
    padding: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-64 {
    padding-top: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-64 {
    padding-left: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-64 {
    padding-right: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-64 {
    padding-bottom: 6.4rem;
  }
}
.p-72 {
  padding: 7.2rem;
}

.pt-72 {
  padding-top: 7.2rem;
}

.pb-72 {
  padding-bottom: 7.2rem;
}

.pl-72 {
  padding-left: 7.2rem;
}

.pr-72 {
  padding-right: 7.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-72 {
    padding: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-72 {
    padding-top: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-72 {
    padding-left: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-72 {
    padding-right: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-72 {
    padding-bottom: 7.2rem;
  }
}
.p-88 {
  padding: 8.8rem;
}

.pt-88 {
  padding-top: 8.8rem;
}

.pb-88 {
  padding-bottom: 8.8rem;
}

.pl-88 {
  padding-left: 8.8rem;
}

.pr-88 {
  padding-right: 8.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-88 {
    padding: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-88 {
    padding-top: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-88 {
    padding-left: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-88 {
    padding-right: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-88 {
    padding-bottom: 8.8rem;
  }
}
.p-96 {
  padding: 9.6rem;
}

.pt-96 {
  padding-top: 9.6rem;
}

.pb-96 {
  padding-bottom: 9.6rem;
}

.pl-96 {
  padding-left: 9.6rem;
}

.pr-96 {
  padding-right: 9.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-96 {
    padding: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-96 {
    padding-top: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-96 {
    padding-left: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-96 {
    padding-right: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-96 {
    padding-bottom: 9.6rem;
  }
}
.p-104 {
  padding: 10.4rem;
}

.pt-104 {
  padding-top: 10.4rem;
}

.pb-104 {
  padding-bottom: 10.4rem;
}

.pl-104 {
  padding-left: 10.4rem;
}

.pr-104 {
  padding-right: 10.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-104 {
    padding: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-104 {
    padding-top: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-104 {
    padding-left: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-104 {
    padding-right: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-104 {
    padding-bottom: 10.4rem;
  }
}
.p-208 {
  padding: 20.8rem;
}

.pt-208 {
  padding-top: 20.8rem;
}

.pb-208 {
  padding-bottom: 20.8rem;
}

.pl-208 {
  padding-left: 20.8rem;
}

.pr-208 {
  padding-right: 20.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-208 {
    padding: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-208 {
    padding-top: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-208 {
    padding-left: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-208 {
    padding-right: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-208 {
    padding-bottom: 20.8rem;
  }
}
.p-auto {
  padding: auto;
}

.pt-auto {
  padding-top: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pl-auto {
  padding-left: auto;
}

.pr-auto {
  padding-right: auto;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-auto {
    padding: auto;
  }
}
@media screen and (min-width: 48em) {
  .p-md-auto {
    padding: auto;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-auto {
    padding: auto;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-auto {
    padding: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-auto {
    padding-top: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-auto {
    padding-left: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-auto {
    padding-right: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-auto {
    padding-bottom: auto;
  }
}
.maintenance-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 66rem;
  margin: 0 auto;
  text-rendering: optimizespeed;
}
.maintenance-page-header {
  /* stylelint-disable-next-line prettier/prettier */
  width: 100%;
  margin: 4.8rem auto;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .maintenance-page-header {
    margin: 6.4rem auto;
  }
}
.maintenance-page-header img {
  /* stylelint-disable-next-line prettier/prettier */
  width: auto;
  max-height: 5.2rem;
}
@media screen and (min-width: 48em) {
  .maintenance-page-header img {
    width: auto;
    max-height: 6.4rem;
  }
}
.maintenance-page-title {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 6.4rem;
  color: var(--white);
  font-weight: 800;
  font-style: normal;
  font-size: 4rem;
  line-height: 4.8rem;
  text-align: center;
}
.maintenance-page-content {
  color: var(--gray-300);
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 140%;
  text-align: center;
}

.menu {
  /* stylelint-disable-next-line prettier/prettier */
  width: auto;
  margin: -4px -1rem;
  padding: 4px 1rem;
}
@media screen and (min-width: 48em) {
  .menu {
    position: absolute;
    top: 100%;
    z-index: 100;
    margin: 0;
    padding: 0;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    pointer-events: none;
  }
}
.menu-list {
  /* stylelint-disable-next-line prettier/prettier */
  padding-bottom: 1.5rem;
  border-top: 1px solid var(--white);
}
@media screen and (min-width: 48em) {
  .menu-list {
    position: relative;
    z-index: 1000;
    width: 25rem;
    padding-bottom: 0;
    border: 1px solid var(--white-translucent);
    border-radius: var(--radius-default);
    background-color: var(--submenu-background);
    pointer-events: auto;
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
  }
}
.menu-list > *:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.menu-list > *:first-child > .nav-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.menu-logout-button, .menu-user-info, .menu-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: var(--white-translucent);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.menu-logout-button a, .menu-user-info a, .menu-parameters a {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  text-decoration: none;
}
.menu-logout-button {
  background-image: url(../images/icons/log-in-2.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.menu-parameters {
  background-image: url(../images/icons/gear.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.menu-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  width: 100%;
}
.menu-tooltip {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--White);
  background-position: center;
  background-repeat: no-repeat;
}
.menu-tooltip-info {
  position: absolute;
  top: 5.2rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.8rem 1.2rem;
  border-radius: var(--radius-medium);
  background-color: var(--black-transparent);
  color: var(--gray-300);
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 150%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.menu-tooltip-info::before {
  content: "";
  position: absolute;
  top: -8px;
  display: block;
  width: 1.9rem;
  height: 0.8rem;
  background-image: url(../images/icons/container.svg);
}

.menu-tooltip:hover .menu-tooltip-info {
  opacity: 1;
  visibility: visible;
}

.product {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  border-radius: var(--radius-small);
  -webkit-box-shadow: 0 48px 150px 0 var(--green-ultra-light-semi-transparent);
          box-shadow: 0 48px 150px 0 var(--green-ultra-light-semi-transparent);
}
.product-most-popular {
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--green-dark-semi-transparent);
}
.product-body div p.title-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding-bottom: 1.6rem;
}
.product-body ul {
  padding: 0;
  list-style: none;
}
.product-body li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-body li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/check-circle-2.svg);
  background-size: 100% 100%;
}
.product-body li:nth-child(1).product-feature::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/users.svg);
  background-size: 100% 100%;
}
.product-body li:nth-child(2).product-feature::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons/leaf-white.svg);
  background-size: 100% 100%;
}
.product-description {
  width: 24.2rem;
  color: var(--gray-300);
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}
.product-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 100%;
  padding: 4.5rem 2.4rem 2.4rem 2.4rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
  color: var(--gray-300);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
}
.product-content-most-popular {
  padding-top: 1.9rem;
}
.product-variations {
  width: 100%;
}
.product-image img {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  height: 150px;
  border-radius: var(--radius-small) var(--radius-small) 0;
}
.product-price {
  color: #fff;
  font-weight: 800;
  font-style: normal;
  font-size: 4rem;
  line-height: 4.8rem;
}
.product-price-block {
  text-align: center;
}
.product-price-currency {
  color: #fff;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
}
.product-price-number {
  color: #fff;
  font-weight: 800;
  font-style: normal;
  font-size: 40px;
  line-height: 48px;
}
.product-price-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 1.2rem 1.2rem 0.6rem 1.2rem;
  border: 1px solid var(--white-medium-transparent);
  border-radius: var(--radius-extra-large);
}
.product-price-contact-text {
  width: 16.65rem;
  color: var(--gray-300);
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 150%;
}
.product-price-description-user {
  color: #fff;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 150%;
  text-align: center;
}
.product-price-description-period {
  color: var(--gray-300);
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 150%;
  text-align: center;
}
.product-tag-most-popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--primary-300);
  font-weight: 700;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 140%;
  letter-spacing: 0.72px;
  text-transform: uppercase;
}
.product-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.product-title .contextual:not(.product-image .contextual) .trigger {
  margin-top: 160px;
}
.product hr {
  width: 100%;
  height: 1px;
  background: var(--surface-container);
}

.product-btn-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.2rem;
  margin: 0.8rem 0 0.4rem;
  border-radius: var(--radius-default);
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
}
.product-btn-layout--black:hover {
  --link-hover-color: var(--gray-button);
  background-color: var(--gray-button);
  color: var(--button-color-hover);
}

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

.product-text {
  margin-bottom: 0;
  color: var(--gray-300);
  font-weight: var(--font-weight-lighter);
  font-size: 1.2rem;
  line-height: 150%;
}
.product-text--line {
  text-decoration: line-through;
}

.profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.6rem;
}
.profile-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile-address-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.profile-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.6rem;
}

.resource-page {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .resource-page {
    padding: 0 3.2rem 4rem;
  }
}
@media screen and (min-width: 64em) {
  .resource-page {
    padding: 0 10.4rem 4rem;
  }
}
@media screen and (min-width: 80em) {
  .resource-page {
    padding: 0 10.4rem 4rem;
  }
}
.resource-page--header {
  width: 100%;
  margin: 4rem 0;
  padding: 0 10.4rem;
}
.resource-page--title {
  margin: 0 0 1.6rem;
  font-weight: 700;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 4rem;
}
.resource-page--title-content {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 5.6rem;
  color: var(--gray-50);
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.resource-page--body-header {
  color: var(--Gray-300);
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 150%;
}
.resource-page--bg-black {
  width: 100%;
  background-color: var(--block-bg-black);
}
.resource-page--search {
  margin-bottom: 3.2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.resource-page--search .resource-page--search-icon::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: currentcolor;
  -webkit-mask-image: url(../images/icons/search.svg);
          mask-image: url(../images/icons/search.svg);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.resource-page--search .resource-page--search-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 0.8rem;
  border: none;
}
.resource-page--layout-content-book {
  padding-top: 3.2rem;
}
.resource-page--layout-more-resources {
  padding: 0 10.4rem;
}
.resource-page--layout-sidebar-first {
  margin: 2.4rem 0 0;
  padding: 0 2.4rem 0 0 !important;
}
.resource-page--layout-sidebar-second {
  margin: 2.4rem 0 0;
  padding: 0 0 0 2.4rem !important;
}
.resource-page--layout-sidebar-second-summary {
  margin-bottom: 2.4rem;
  padding: 0;
}
.resource-page--layout-sidebar-first > #sidebar-first, .resource-page--layout-sidebar-second > #sidebar-second, .resource-page--layout-sidebar-second > #sidebar-second-internal-ads {
  position: sticky;
  top: calc(var(--drupal-displace-offset-top, 0px) + 8rem + 3.2rem);
  z-index: 2;
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
  overflow: auto;
  max-height: calc(100vh - var(--drupal-displace-offset-top, 0px) - 8rem - 3.2rem - 2rem);
}
.resource-page--nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: var(--radius-default);
  list-style-type: none;
}
.resource-page--nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 1.2rem;
}
.resource-page--nav-item.has-icon {
  gap: 0.8rem;
  padding: 0;
}
.resource-page--nav-item-search {
  height: 4.4rem;
  background: var(--surface-container);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.resource-page--nav-item-link {
  padding: 0;
}
.resource-page--nav-item-chapter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
  padding: 0.4rem 1.2rem 0.4rem 0.4rem;
  border-radius: var(--radius-default);
  cursor: pointer; /* Makes the whole item clickable */
}
.resource-page--nav-item-chapter a {
  background: none !important;
}
.resource-page--nav-item-chapter:hover {
  background-color: var(--gray-button);
}
.resource-page--nav-item-chapter.is_active {
  background: var(--surface-container);
}
.resource-page--nav-item-label {
  display: -webkit-box;
  overflow: hidden;
  color: var(--gray-50);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.resource-page--nav-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-small);
  background: var(--surface-container-low);
}
.resource-page--nav-item-icon img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--gray-50);
}
.resource-page--ads {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: hidden;
  height: 284px;
  padding: 20px;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.resource-page--ads:hover {
  background: var(--surface-container);
}
.resource-page--ads-layout-icon {
  margin-bottom: 1.6rem;
}
.resource-page--ads .resource-page--ads-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-small);
  background: var(--green-ultra-light-transparent);
}
.resource-page--ads .resource-page--ads-icon::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-default);
  background: var(--primary-600);
  -webkit-mask-image: url(../images/icons/file-download.svg);
          mask-image: url(../images/icons/file-download.svg);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.resource-page--ads .resource-page--ads-content {
  position: relative;
}
.resource-page--ads .resource-page--ads-content p {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 2.4rem;
  color: var(--gray-50);
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.resource-page--ads .resource-page--ads-content a {
  background-image: none;
}
.resource-page--ads .resource-page--ads-content img {
  position: absolute;
  max-width: none;
  border-radius: var(--radius-default);
}
.resource-page--more-resources-blocks {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.4rem;
  margin-top: 3.2rem;
  margin-bottom: 5.6rem;
}
@media screen and (min-width: 64em) {
  .resource-page--more-resources-blocks {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.resource-page--more-resources-blocks--grid {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
}
@media screen and (min-width: 64em) {
  .resource-page--more-resources-blocks--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.resource-page--more-resources-blocks--grid-dashboard {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 64em) {
  .resource-page--more-resources-blocks--grid-dashboard {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.resource-page--more-resources-blocks--grid a {
  background: none !important;
}
.resource-page--more-resources-block-item {
  height: 100%;
}
.resource-page--more-resources-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  padding: 2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.resource-page--more-resources-block:hover {
  background-color: var(--Surface-Container, var(--surface-container));
}
.resource-page--more-resources-block-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: var(--radius-default);
  background: var(--green-ultra-light-transparent);
  -webkit-filter: drop-shadow(0 0 15px var(--green-half-transparent));
          filter: drop-shadow(0 0 15px var(--green-half-transparent));
}
.resource-page--more-resources-block-icon svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.resource-page--more-resources-block-body {
  color: var(--gray-300);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
}
.resource-page--more-resources-block-body p {
  margin-bottom: 0 !important;
}
.resource-page--more-resources-block-title {
  margin-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.resource-page h2 {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 2.4rem;
  color: var(--gray-50);
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
}
.resource-page h3 {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 3.2rem;
  margin-bottom: 0.8rem;
  color: var(--gray-50);
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px; /* 150% */
}
.resource-page p {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 3.2rem;
  color: var(--gray-300);
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 150%;
}
.resource-page ul {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 3.2rem;
  padding-left: 2.4rem;
}
.resource-page ul li {
  margin-bottom: 0.4rem;
}

.m-0 {
  margin: 0;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-0 {
    margin: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-0 {
    margin: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-0 {
    margin-top: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-0 {
    margin-top: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-0 {
    margin-left: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-0 {
    margin-right: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-0 {
    margin-right: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-0 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-0 {
    margin-bottom: 0;
  }
}
.m-2 {
  margin: 0.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-2 {
    margin: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-2 {
    margin: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-2 {
    margin-top: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-2 {
    margin-top: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-2 {
    margin-left: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-2 {
    margin-left: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-2 {
    margin-right: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-2 {
    margin-right: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-2 {
    margin-bottom: 0.2rem;
  }
}
.m-4 {
  margin: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-4 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-4 {
    margin: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-4 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-4 {
    margin-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-4 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-4 {
    margin-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-4 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-4 {
    margin-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-4 {
    margin-bottom: 0.4rem;
  }
}
.m-6 {
  margin: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-6 {
    margin: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-6 {
    margin: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-6 {
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-6 {
    margin-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-6 {
    margin-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-6 {
    margin-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-6 {
    margin-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-6 {
    margin-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-6 {
    margin-bottom: 0.4rem;
  }
}
.m-8 {
  margin: 0.8rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-8 {
    margin: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-8 {
    margin: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-8 {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-8 {
    margin-top: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-8 {
    margin-left: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-8 {
    margin-left: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-8 {
    margin-right: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-8 {
    margin-right: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-8 {
    margin-bottom: 0.8rem;
  }
}
.m-12 {
  margin: 1.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-12 {
    margin: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-12 {
    margin: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-12 {
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-12 {
    margin-top: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-12 {
    margin-left: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-12 {
    margin-left: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-12 {
    margin-right: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-12 {
    margin-right: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-12 {
    margin-bottom: 1.2rem;
  }
}
.m-16 {
  margin: 1.6rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-16 {
    margin: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-16 {
    margin: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-16 {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-16 {
    margin-top: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-16 {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-16 {
    margin-left: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-16 {
    margin-right: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-16 {
    margin-right: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-16 {
    margin-bottom: 1.6rem;
  }
}
.m-20 {
  margin: 2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-20 {
    margin: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-20 {
    margin: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-20 {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-20 {
    margin-top: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-20 {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-20 {
    margin-left: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-20 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-20 {
    margin-right: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-20 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-20 {
    margin-bottom: 2rem;
  }
}
.m-24 {
  margin: 2.4rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.ml-24 {
  margin-left: 2.4rem;
}

.mr-24 {
  margin-right: 2.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-24 {
    margin: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-24 {
    margin: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-24 {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-24 {
    margin-top: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-24 {
    margin-left: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-24 {
    margin-left: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-24 {
    margin-right: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-24 {
    margin-right: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-24 {
    margin-bottom: 2.4rem;
  }
}
.m-32 {
  margin: 3.2rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

.ml-32 {
  margin-left: 3.2rem;
}

.mr-32 {
  margin-right: 3.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-32 {
    margin: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-32 {
    margin: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-32 {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-32 {
    margin-top: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-32 {
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-32 {
    margin-left: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-32 {
    margin-right: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-32 {
    margin-right: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-32 {
    margin-bottom: 3.2rem;
  }
}
.m-40 {
  margin: 4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-40 {
    margin: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-40 {
    margin: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-40 {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-40 {
    margin-top: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-40 {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-40 {
    margin-left: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-40 {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-40 {
    margin-right: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-40 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-40 {
    margin-bottom: 4rem;
  }
}
.m-48 {
  margin: 4.8rem;
}

.mt-48 {
  margin-top: 4.8rem;
}

.mb-48 {
  margin-bottom: 4.8rem;
}

.ml-48 {
  margin-left: 4.8rem;
}

.mr-48 {
  margin-right: 4.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-48 {
    margin: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-48 {
    margin: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-48 {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-48 {
    margin-top: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-48 {
    margin-left: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-48 {
    margin-left: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-48 {
    margin-right: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-48 {
    margin-right: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-48 {
    margin-bottom: 4.8rem;
  }
}
.m-56 {
  margin: 5.6rem;
}

.mt-56 {
  margin-top: 5.6rem;
}

.mb-56 {
  margin-bottom: 5.6rem;
}

.ml-56 {
  margin-left: 5.6rem;
}

.mr-56 {
  margin-right: 5.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-56 {
    margin: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-56 {
    margin: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-56 {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-56 {
    margin-top: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-56 {
    margin-left: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-56 {
    margin-left: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-56 {
    margin-right: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-56 {
    margin-right: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-56 {
    margin-bottom: 5.6rem;
  }
}
.m-64 {
  margin: 6.4rem;
}

.mt-64 {
  margin-top: 6.4rem;
}

.mb-64 {
  margin-bottom: 6.4rem;
}

.ml-64 {
  margin-left: 6.4rem;
}

.mr-64 {
  margin-right: 6.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-64 {
    margin: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-64 {
    margin: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-64 {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-64 {
    margin-top: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-64 {
    margin-left: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-64 {
    margin-left: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-64 {
    margin-right: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-64 {
    margin-right: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-64 {
    margin-bottom: 6.4rem;
  }
}
.m-72 {
  margin: 7.2rem;
}

.mt-72 {
  margin-top: 7.2rem;
}

.mb-72 {
  margin-bottom: 7.2rem;
}

.ml-72 {
  margin-left: 7.2rem;
}

.mr-72 {
  margin-right: 7.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-72 {
    margin: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-72 {
    margin: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-72 {
    margin-top: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-72 {
    margin-top: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-72 {
    margin-left: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-72 {
    margin-left: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-72 {
    margin-right: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-72 {
    margin-right: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-72 {
    margin-bottom: 7.2rem;
  }
}
.m-88 {
  margin: 8.8rem;
}

.mt-88 {
  margin-top: 8.8rem;
}

.mb-88 {
  margin-bottom: 8.8rem;
}

.ml-88 {
  margin-left: 8.8rem;
}

.mr-88 {
  margin-right: 8.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-88 {
    margin: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-88 {
    margin: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-88 {
    margin-top: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-88 {
    margin-top: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-88 {
    margin-left: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-88 {
    margin-left: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-88 {
    margin-right: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-88 {
    margin-right: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-88 {
    margin-bottom: 8.8rem;
  }
}
.m-96 {
  margin: 9.6rem;
}

.mt-96 {
  margin-top: 9.6rem;
}

.mb-96 {
  margin-bottom: 9.6rem;
}

.ml-96 {
  margin-left: 9.6rem;
}

.mr-96 {
  margin-right: 9.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-96 {
    margin: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-96 {
    margin: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-96 {
    margin-top: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-96 {
    margin-top: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-96 {
    margin-left: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-96 {
    margin-left: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-96 {
    margin-right: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-96 {
    margin-right: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-96 {
    margin-bottom: 9.6rem;
  }
}
.m-104 {
  margin: 10.4rem;
}

.mt-104 {
  margin-top: 10.4rem;
}

.mb-104 {
  margin-bottom: 10.4rem;
}

.ml-104 {
  margin-left: 10.4rem;
}

.mr-104 {
  margin-right: 10.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-104 {
    margin: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-104 {
    margin: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-104 {
    margin-top: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-104 {
    margin-top: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-104 {
    margin-left: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-104 {
    margin-left: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-104 {
    margin-right: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-104 {
    margin-right: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-104 {
    margin-bottom: 10.4rem;
  }
}
.m-208 {
  margin: 20.8rem;
}

.mt-208 {
  margin-top: 20.8rem;
}

.mb-208 {
  margin-bottom: 20.8rem;
}

.ml-208 {
  margin-left: 20.8rem;
}

.mr-208 {
  margin-right: 20.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-208 {
    margin: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-208 {
    margin: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-208 {
    margin-top: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-208 {
    margin-top: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-208 {
    margin-left: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-208 {
    margin-left: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-208 {
    margin-right: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-208 {
    margin-right: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-208 {
    margin-bottom: 20.8rem;
  }
}
.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:m-auto {
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:m-auto {
    margin: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mt-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mt-auto {
    margin-top: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:ml-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:ml-auto {
    margin-left: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mr-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mr-auto {
    margin-right: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .sm\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 48em) {
  .md\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 64em) {
  .lg\:mb-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 80em) {
  .xl\:mb-auto {
    margin-bottom: auto;
  }
}
.p-0 {
  padding: 0;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-0 {
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  .p-md-0 {
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-0 {
    padding: 0;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-0 {
    padding: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-0 {
    padding-top: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-0 {
    padding-left: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-0 {
    padding-right: 0;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
}
.p-2 {
  padding: 0.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-2 {
    padding: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-2 {
    padding: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-2 {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-2 {
    padding-top: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-2 {
    padding-left: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-2 {
    padding-left: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-2 {
    padding-right: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-2 {
    padding-right: 0.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-2 {
    padding-bottom: 0.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-2 {
    padding-bottom: 0.2rem;
  }
}
.p-4 {
  padding: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-4 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-4 {
    padding: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-4 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-4 {
    padding-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-4 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-4 {
    padding-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-4 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-4 {
    padding-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-4 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-4 {
    padding-bottom: 0.4rem;
  }
}
.p-6 {
  padding: 0.4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-6 {
    padding: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-6 {
    padding: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-6 {
    padding-top: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-6 {
    padding-top: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-6 {
    padding-left: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-6 {
    padding-left: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-6 {
    padding-right: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-6 {
    padding-right: 0.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-6 {
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-6 {
    padding-bottom: 0.4rem;
  }
}
.p-8 {
  padding: 0.8rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-8 {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-8 {
    padding: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-8 {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-8 {
    padding-top: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-8 {
    padding-left: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-8 {
    padding-left: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-8 {
    padding-right: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-8 {
    padding-right: 0.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-8 {
    padding-bottom: 0.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-8 {
    padding-bottom: 0.8rem;
  }
}
.p-12 {
  padding: 1.2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-12 {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-12 {
    padding: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-12 {
    padding-top: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-12 {
    padding-top: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-12 {
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-12 {
    padding-left: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-12 {
    padding-right: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-12 {
    padding-right: 1.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-12 {
    padding-bottom: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-12 {
    padding-bottom: 1.2rem;
  }
}
.p-16 {
  padding: 1.6rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-16 {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-16 {
    padding: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-16 {
    padding-top: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-16 {
    padding-top: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-16 {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-16 {
    padding-left: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-16 {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-16 {
    padding-right: 1.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-16 {
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-16 {
    padding-bottom: 1.6rem;
  }
}
.p-20 {
  padding: 2rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-20 {
    padding: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-20 {
    padding: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-20 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-20 {
    padding-top: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-20 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-20 {
    padding-left: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-20 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-20 {
    padding-right: 2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-20 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-20 {
    padding-bottom: 2rem;
  }
}
.p-24 {
  padding: 2.4rem;
}

.pt-24 {
  padding-top: 2.4rem;
}

.pb-24 {
  padding-bottom: 2.4rem;
}

.pl-24 {
  padding-left: 2.4rem;
}

.pr-24 {
  padding-right: 2.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-24 {
    padding: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-24 {
    padding: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-24 {
    padding-top: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-24 {
    padding-top: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-24 {
    padding-left: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-24 {
    padding-left: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-24 {
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-24 {
    padding-right: 2.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-24 {
    padding-bottom: 2.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-24 {
    padding-bottom: 2.4rem;
  }
}
.p-32 {
  padding: 3.2rem;
}

.pt-32 {
  padding-top: 3.2rem;
}

.pb-32 {
  padding-bottom: 3.2rem;
}

.pl-32 {
  padding-left: 3.2rem;
}

.pr-32 {
  padding-right: 3.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-32 {
    padding: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-32 {
    padding: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-32 {
    padding-top: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-32 {
    padding-top: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-32 {
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-32 {
    padding-left: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-32 {
    padding-right: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-32 {
    padding-right: 3.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-32 {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-32 {
    padding-bottom: 3.2rem;
  }
}
.p-40 {
  padding: 4rem;
}

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

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

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

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

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-40 {
    padding: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-40 {
    padding: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-40 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-40 {
    padding-top: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-40 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-40 {
    padding-left: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-40 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-40 {
    padding-right: 4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-40 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-40 {
    padding-bottom: 4rem;
  }
}
.p-48 {
  padding: 4.8rem;
}

.pt-48 {
  padding-top: 4.8rem;
}

.pb-48 {
  padding-bottom: 4.8rem;
}

.pl-48 {
  padding-left: 4.8rem;
}

.pr-48 {
  padding-right: 4.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-48 {
    padding: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-48 {
    padding: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-48 {
    padding-top: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-48 {
    padding-top: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-48 {
    padding-left: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-48 {
    padding-left: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-48 {
    padding-right: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-48 {
    padding-right: 4.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-48 {
    padding-bottom: 4.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-48 {
    padding-bottom: 4.8rem;
  }
}
.p-56 {
  padding: 5.6rem;
}

.pt-56 {
  padding-top: 5.6rem;
}

.pb-56 {
  padding-bottom: 5.6rem;
}

.pl-56 {
  padding-left: 5.6rem;
}

.pr-56 {
  padding-right: 5.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-56 {
    padding: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-56 {
    padding: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-56 {
    padding-top: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-56 {
    padding-top: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-56 {
    padding-left: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-56 {
    padding-left: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-56 {
    padding-right: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-56 {
    padding-right: 5.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-56 {
    padding-bottom: 5.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-56 {
    padding-bottom: 5.6rem;
  }
}
.p-64 {
  padding: 6.4rem;
}

.pt-64 {
  padding-top: 6.4rem;
}

.pb-64 {
  padding-bottom: 6.4rem;
}

.pl-64 {
  padding-left: 6.4rem;
}

.pr-64 {
  padding-right: 6.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-64 {
    padding: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-64 {
    padding: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-64 {
    padding-top: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-64 {
    padding-top: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-64 {
    padding-left: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-64 {
    padding-left: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-64 {
    padding-right: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-64 {
    padding-right: 6.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-64 {
    padding-bottom: 6.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-64 {
    padding-bottom: 6.4rem;
  }
}
.p-72 {
  padding: 7.2rem;
}

.pt-72 {
  padding-top: 7.2rem;
}

.pb-72 {
  padding-bottom: 7.2rem;
}

.pl-72 {
  padding-left: 7.2rem;
}

.pr-72 {
  padding-right: 7.2rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-72 {
    padding: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-72 {
    padding: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-72 {
    padding-top: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-72 {
    padding-top: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-72 {
    padding-left: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-72 {
    padding-left: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-72 {
    padding-right: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-72 {
    padding-right: 7.2rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-72 {
    padding-bottom: 7.2rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-72 {
    padding-bottom: 7.2rem;
  }
}
.p-88 {
  padding: 8.8rem;
}

.pt-88 {
  padding-top: 8.8rem;
}

.pb-88 {
  padding-bottom: 8.8rem;
}

.pl-88 {
  padding-left: 8.8rem;
}

.pr-88 {
  padding-right: 8.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-88 {
    padding: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-88 {
    padding: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-88 {
    padding-top: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-88 {
    padding-top: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-88 {
    padding-left: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-88 {
    padding-left: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-88 {
    padding-right: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-88 {
    padding-right: 8.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-88 {
    padding-bottom: 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-88 {
    padding-bottom: 8.8rem;
  }
}
.p-96 {
  padding: 9.6rem;
}

.pt-96 {
  padding-top: 9.6rem;
}

.pb-96 {
  padding-bottom: 9.6rem;
}

.pl-96 {
  padding-left: 9.6rem;
}

.pr-96 {
  padding-right: 9.6rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-96 {
    padding: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-96 {
    padding: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-96 {
    padding-top: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-96 {
    padding-top: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-96 {
    padding-left: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-96 {
    padding-left: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-96 {
    padding-right: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-96 {
    padding-right: 9.6rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-96 {
    padding-bottom: 9.6rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-96 {
    padding-bottom: 9.6rem;
  }
}
.p-104 {
  padding: 10.4rem;
}

.pt-104 {
  padding-top: 10.4rem;
}

.pb-104 {
  padding-bottom: 10.4rem;
}

.pl-104 {
  padding-left: 10.4rem;
}

.pr-104 {
  padding-right: 10.4rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-104 {
    padding: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-104 {
    padding: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-104 {
    padding-top: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-104 {
    padding-top: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-104 {
    padding-left: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-104 {
    padding-left: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-104 {
    padding-right: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-104 {
    padding-right: 10.4rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-104 {
    padding-bottom: 10.4rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-104 {
    padding-bottom: 10.4rem;
  }
}
.p-208 {
  padding: 20.8rem;
}

.pt-208 {
  padding-top: 20.8rem;
}

.pb-208 {
  padding-bottom: 20.8rem;
}

.pl-208 {
  padding-left: 20.8rem;
}

.pr-208 {
  padding-right: 20.8rem;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .p-md-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-208 {
    padding: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-208 {
    padding: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-208 {
    padding-top: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-208 {
    padding-top: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-208 {
    padding-left: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-208 {
    padding-left: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-208 {
    padding-right: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-208 {
    padding-right: 20.8rem;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-208 {
    padding-bottom: 20.8rem;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-208 {
    padding-bottom: 20.8rem;
  }
}
.p-auto {
  padding: auto;
}

.pt-auto {
  padding-top: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pl-auto {
  padding-left: auto;
}

.pr-auto {
  padding-right: auto;
}

/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .p-sm-auto {
    padding: auto;
  }
}
@media screen and (min-width: 48em) {
  .p-md-auto {
    padding: auto;
  }
}
@media screen and (min-width: 64em) {
  .p-lg-auto {
    padding: auto;
  }
}
@media screen and (min-width: 80em) {
  .p-xl-auto {
    padding: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pt-sm-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 48em) {
  .pt-md-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 64em) {
  .pt-lg-auto {
    padding-top: auto;
  }
}
@media screen and (min-width: 80em) {
  .pt-xl-auto {
    padding-top: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pl-sm-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 48em) {
  .pl-md-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 64em) {
  .pl-lg-auto {
    padding-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .pl-xl-auto {
    padding-left: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pr-sm-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 48em) {
  .pr-md-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 64em) {
  .pr-lg-auto {
    padding-right: auto;
  }
}
@media screen and (min-width: 80em) {
  .pr-xl-auto {
    padding-right: auto;
  }
}
/* stylelint-disable-next-line order/order */
@media screen and (min-width: 35.5em) {
  .pb-sm-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 48em) {
  .pb-md-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 64em) {
  .pb-lg-auto {
    padding-bottom: auto;
  }
}
@media screen and (min-width: 80em) {
  .pb-xl-auto {
    padding-bottom: auto;
  }
}
.alerte-heading {
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 1.2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-medium);
  background: var(--green-light-transparent-alt);
  /* Effect/Blur/High */
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
}
.alerte-heading--title {
  margin-bottom: 0;
  padding-bottom: 4px;
  color: var(--Green-50);
  font-weight: var(--font-weight-normal);
  font-size: 1.4rem;
  line-height: 140%;
}
.alerte-heading--text {
  margin-bottom: 0;
  color: var(--Green-50);
  font-weight: var(--font-weight-lighter);
  font-size: 1.4rem;
  line-height: 150%;
}

.table-addon {
  margin-top: 5.6rem;
  padding: 1.6rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
}

.resp-table {
  display: table;
  width: 100%;
  margin-top: 1.6rem;
}
.resp-table--large {
  margin: 9.6rem 0;
}

.resp-table-header {
  display: table-header-group;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resp-table-colgroup {
  display: table-column-group;
}

.resp-table-col {
  display: table-column;
  width: 17.5%;
}
.resp-table-col--large {
  width: 30%;
}

.table-price {
  padding: 0 0 1.6rem;
}

.table-header-cell {
  display: table-cell;
  padding: 0.8rem 1.2rem;
  border-bottom: 1px solid var(--white-translucent);
}
.table-header-cell--large {
  padding: 1.6rem;
}
.table-header-cell--bg-green {
  background: var(--green-dark-semi-transparent);
}
.table-header-cell--layout {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-bottom: 1.6rem;
}
.table-header-cell--title {
  margin-bottom: 0;
  color: var(--white);
  font-weight: var(--font-weight-normal);
  font-size: 1.6rem;
  line-height: 140%;
}
.table-header-cell--title-bold {
  font-weight: var(--font-weight-bold);
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.table-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--white);
  font-weight: var(--font-weight-normal);
  font-size: 1.4rem;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
}
.table-btn--black {
  color: var(--gray-900);
}
.table-btn:hover {
  --link-hover-color: var(--gray-transparent);
  text-decoration: none;
}

.table-btn-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.2rem;
  margin: 0.8rem 0 0.4rem;
  padding: 0.8rem 1.2rem;
  border-radius: var(--radius-default);
}
.table-btn-layout--gray {
  border: 1px solid var(--white-translucent);
  background: var(--gray-button);
  -webkit-backdrop-filter: blur(1.2rem);
          backdrop-filter: blur(1.2rem);
}
.table-btn-layout--gray:hover {
  --link-hover-color: var(--black-transparent);
  background-color: var(--black-transparent);
  color: var(--white);
}
.table-btn-layout--white {
  --link-color: var(--white);
  border: 1px solid var(--white-translucent);
  background-color: var(--white);
  color: var(--black);
}
.table-btn-layout--white:hover {
  --link-hover-color: var(--gray-300);
  background-color: var(--gray-300);
  color: var(--black);
}
.table-btn-layout--black {
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
}
.table-btn-layout--black:hover {
  --link-hover-color: var(--gray-button);
  background-color: var(--gray-button);
  color: var(--button-color-hover);
}
.table-btn-layout--mt46 {
  margin-top: 4.6rem;
}

.resp-table-body {
  display: table-row-group;
}

.resp-table-row {
  display: table-row;
}

.table-body-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0.8rem 1.2rem;
  border-bottom: 1px solid var(--white-translucent);
}
.table-body-cell--large {
  padding: 0.8rem 1.6rem;
}
.table-body-cell--bg-green {
  background: var(--green-dark-semi-transparent);
}
.table-body-cell--layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4px;
}
.table-body-cell--no-border-buttom {
  border-bottom: unset;
}

.table-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 2.4rem;
  margin: 0 0.4rem 0 0.8rem;
  padding: 0 var(--Spacing-sp-2, 8px);
  border-radius: var(--radius-medium);
  background: var(--green-mint-transparent);
  line-height: 180%;
}

.table-check {
  content: "";
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0.8rem 1.6rem;
  background: var(--White);
  background-image: url(../images/icons/check-circle-2.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.table-cross {
  content: "";
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0.8rem 1.6rem;
  background: var(--White);
  background-image: url(../images/icons/cross-circle.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.table-icon-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.table-body-cell-title {
  margin-bottom: 0;
  color: var(--white);
  font-weight: var(--font-weight-lighter);
  font-size: 1.4rem;
  line-height: 150%;
}
.table-body-cell-title--green {
  color: var(--primary-500);
  font-size: 1.2rem;
}
.table-body-cell-title--gray {
  padding-bottom: 4px;
  color: var(--gray-300);
}
.table-body-cell-title--bold {
  padding: 0.8rem 0;
  font-weight: var(--font-weight-bold);
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.table-body-cell-text {
  margin-bottom: 0;
  color: var(--gray-300);
  font-weight: var(--font-weight-lighter);
  font-size: 1.2rem;
  line-height: 150%;
}
.table-body-cell-text--line {
  text-decoration: line-through;
}

.tooltip {
  content: "";
  position: relative;
  top: 4px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--White);
  background-image: url(../images/icons/info.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.tooltip-info {
  position: absolute;
  top: 3rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20.2rem;
  padding: 0.8rem 1.2rem;
  border-radius: var(--radius-medium);
  background-color: var(--black-transparent);
  color: var(--gray-300);
  -webkit-box-shadow: inset 0 0 0 1px var(--white-translucent);
          box-shadow: inset 0 0 0 1px var(--white-translucent);
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 150%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.tooltip-info::before {
  content: "";
  position: absolute;
  top: -8px;
  display: block;
  width: 1.9rem;
  height: 0.8rem;
  background-image: url(../images/icons/container.svg);
}

.tooltip:hover .tooltip-info {
  opacity: 1;
  visibility: visible;
}

.review-wrapper {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 2.4rem 1.6rem;
}
@media screen and (min-width: 48em) {
  .review-wrapper {
    padding: 5.6rem 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .review-wrapper {
    padding: 5.6rem 8.8rem;
  }
}
@media screen and (min-width: 80em) {
  .review-wrapper {
    padding: 5.6rem 20.8rem;
  }
}
.review-content {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 64em) {
  .review-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 2.4rem;
  }
}
.review-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  padding: 2.4rem;
  border-radius: var(--radius-extra-large);
  background: url(../images/backgrounds/cart-header-background.png) no-repeat;
  background-color: var(--green-dark-transparent);
  background-position-x: right;
}
.review-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  max-width: 60%;
}
.review-header-title {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.review .content {
  width: auto;
}
.review-left-side {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
@media screen and (min-width: 64em) {
  .review-left-side {
    max-width: 60%;
  }
}
@media screen and (min-width: 80em) {
  .review-left-side {
    max-width: 58rem;
  }
}
.review-left-side h3 {
  margin: 0;
}
.review-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
  padding: 2.4rem;
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}
.review-plan-form {
  width: 100%;
}
.review-plan-form .form-wrapper {
  width: 100%;
}
.review-plan-form div#edit-group-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.review-plan-form .form-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 3.6rem;
  min-height: 3.6rem;
  padding: var(--Spacing-sp-2, 0.8rem) 1.2rem;
  border: 0.1rem solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: url(../images/icons/chevron-down.svg) no-repeat right 1.2rem center;
  background-color: var(--surface-container);
  background-size: 1.6rem 1.6rem;
  color: var(--Gray-200);
  font-size: 1.4rem;
  line-height: 2.1rem;
  -webkit-backdrop-filter: blur(1.2rem);
          backdrop-filter: blur(1.2rem);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.review-plan-form .form-select option {
  background-color: var(--black-semi-opaque);
  color: var(--Gray-200);
}
.review-plan-form .form {
  gap: 2.4rem;
}
.review-plan-form .form .form-element-label {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.96rem;
}
.review-plan-form .form .form-element-label label {
  color: var(--gray-100);
  font-size: 1.4rem;
  line-height: 150%;
}
.review-plan-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.review-plan-subtitle {
  color: var(--gray-300);
  font-size: 1.2rem;
  line-height: 150%;
}
.review-plan-title {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.review-plan-payment .use-eu-vat-number {
  margin-top: 1.6rem;
}
.review-right-side {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.review-right-side .checkout-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.review-right-side .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-right-side .form-actions .form-submit {
  width: 100%;
  margin-top: 2.4rem;
}
.review-user-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}
.review-title {
  padding: 0 2.4rem;
}

#edit-group-form {
  border: none;
}

input[type=radio].form-radio {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2rem;
  height: 20px;
  border: 1px solid var(--white-translucent);
  border-radius: 22px;
  background: var(--white-translucent);
  accent-color: var(--primary-700);
}

/*! purgecss start ignore */
div[id*=edit-payment-information-payment-method] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.6rem;
}
div[id*=edit-payment-information-payment-method] .form-element-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.js-form-wrapper div[id*=use-eu-vat-number] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1.6rem;
}
.js-form-wrapper div[id*=use-eu-vat-number] .form-type-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0.8rem 1.6rem 0 0;
}
.js-form-wrapper div[id*=use-eu-vat-number] .form-type-radio .form-element-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*! purgecss end ignore */
.checkout-pane-payment-information hr {
  height: 0.1rem;
  padding: 0;
  color: var(--white-translucent);
}

.subscription-details {
  gap: 2.4rem;
  max-width: 144rem;
  padding: 4rem 10.4rem 7.2rem;
}
.subscription-details-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  width: 100%;
  padding: 16px;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
  color: var(--gray-300);
  font-weight: 500;
  font-size: 14px;
  line-height: 2.1rem;
}
.subscription-details-company-form-element {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.subscription-details-company-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.subscription-details-company-form-zip-code {
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3 0 0px;
          flex: 0.3 0 0;
}
.subscription-details-company-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
}
.subscription-details-company-infos label {
  margin-bottom: 0.8rem;
  color: var(--gray-100);
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.subscription-details-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
}
.subscription-details-cta {
  cursor: pointer;
}
.subscription-details-d-none {
  display: none;
}
.subscription-details-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.subscription-details-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
  list-style-type: none;
}
.subscription-details-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 1.6rem;
}
.subscription-details-nav-item .subscription-info::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: currentcolor;
  -webkit-mask-image: url(../images/icons/subscription-info.svg);
          mask-image: url(../images/icons/subscription-info.svg);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.subscription-details-nav-item .subscription-company-info::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: currentcolor;
  -webkit-mask-image: url(../images/icons/company-info.svg);
          mask-image: url(../images/icons/company-info.svg);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.subscription-details-nav-item:has(.active) {
  background: var(--white-medium-transparent);
}
.subscription-details-nav-item:first-child:has(.active) {
  border-top-left-radius: var(--radius-default);
  border-top-right-radius: var(--radius-default);
}
.subscription-details-nav-item:last-child:has(.active) {
  border-bottom-right-radius: var(--radius-default);
  border-bottom-left-radius: var(--radius-default);
}
.subscription-details-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-image: none;
}
.subscription-details-left-side {
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4 0 0px;
          flex: 0.4 0 0;
}
.subscription-details-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.subscription-details-plan-name {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.24rem;
}
.subscription-details-plan-title {
  color: var(--gray-300);
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.subscription-details-right-side {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.subscription-details-title {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.6rem;
}
.subscription-details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 2rem;
  border: 1px solid var(--white-translucent);
  border-radius: var(--radius-default);
  background: var(--black-transparent);
}

svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  fill: transparent !important;
}

.tabs {
  margin: 2rem 0;
  border-bottom: 1px solid var(--gray-transparent);
}
.tabs-list {
  /* stylelint-disable-next-line prettier/prettier */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
@media screen and (min-width: 48em) {
  .tabs-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.tabs-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabs-link a {
  /* stylelint-disable-next-line prettier/prettier */
  display: block;
  width: 100%;
  padding: 1.6rem 2.4rem;
  background-color: var(--gray-transparent);
  color: var(--white);
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 48em) {
  .tabs-link a {
    display: inline-block;
  }
}
.tabs-link a.is-active {
  background-color: var(--button-background);
  cursor: default;
}
.tabs-link a.is-active:hover, .tabs-link a.is-active:active, .tabs-link a.is-active:focus {
  background-color: var(--button-background);
}
.tabs-link a:hover, .tabs-link a:active, .tabs-link a:focus {
  background-color: var(--button-background-hover);
}

.toc-js {
  --icon-size: 2.4rem;
}
.toc-js li[aria-expanded=true],
.toc-js li[aria-expanded=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toc-js li[aria-expanded=true] > *,
.toc-js li[aria-expanded=false] > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 49%;
          flex: 1 1 49%;
}
.toc-js li[aria-expanded=true] > a,
.toc-js li[aria-expanded=false] > a {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  color: white;
}
.toc-js li[aria-expanded=true] > ul,
.toc-js li[aria-expanded=false] > ul {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.toc-js li[aria-expanded=true]::before,
.toc-js li[aria-expanded=false]::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.toc-js li > a {
  display: block;
  padding: 8px 16px;
  border-left: 3px solid var(--white-translucent);
  background-image: none;
  color: var(--gray-300);
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.toc-js li[role=button] > a {
  padding: 0;
}
.toc-js li[aria-expanded=true]::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/chevron-up.svg);
          mask-image: url(../images/icons/chevron-up.svg);
}
.toc-js li[aria-expanded=false]::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: currentcolor;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../images/icons/chevron-down.svg);
          mask-image: url(../images/icons/chevron-down.svg);
}
.toc-js li[aria-expanded=true]::before,
.toc-js li[aria-expanded=false]::before {
  display: inline-block;
}
.toc-js li[role=button] > a {
  border: none !important;
  background-image: none;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.96rem;
}
.toc-js nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
}

.toc-active > a {
  border-left: 3px solid var(--primary-600) !important;
}

.toc-title {
  color: white;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.view-material-database {
  display: grid;
  grid-template-areas: "sidebar main" "sidebar main";
  grid-template-columns: 1fr 3fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 4rem 10.4rem;
}
.view-material-database .view-filters {
  grid-area: sidebar;
  padding-top: 0.8rem;
  padding-right: 1rem;
}
.view-material-database .view-filters .form-element-label {
  width: 100%;
}
.view-material-database .view-filters .form-type-radio input {
  position: absolute;
  opacity: 0;
}
.view-material-database .view-filters .form-type-radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
  min-height: 3.6rem;
  padding: 0.8rem 1.2rem;
  border-radius: var(--radius-default);
  color: var(--white);
}
.view-material-database .view-filters .form-type-radio:has(input:checked) label {
  background: var(--gray-button);
}
.view-material-database .view-filters .views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.view-material-database .view-filters .views-exposed-form input {
  --link-color: var(--gray-button);
  background-color: var(--gray-button);
  color: var(--white);
}
.view-material-database .view-filters .views-exposed-form input:hover {
  --link-hover-color: var(--black-transparent);
  background-color: var(--black-transparent);
  color: var(--white);
}
.view-material-database .view-filters .views-exposed-form input:active, .view-material-database .view-filters .views-exposed-form input:focus {
  --link-hover-color: var(--black-transparent);
  border-color: var(--outline-color);
  background-color: var(--black-transparent);
  color: var(--white);
}
.view-material-database .views-exposed-form .form-actions {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.view-material-database .views-exposed-form .form-item-search {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.view-material-database .view-content {
  grid-area: main;
  padding-left: 1rem;
}
.view-material-database .view-content a[href] {
  background-image: none !important;
  text-decoration: none !important;
}
.view-material-database .view-content table {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 100%;
  margin-top: 1.6rem;
  padding: 0.8rem 1.2rem;
  border-spacing: 0;
  border-collapse: collapse;
  border-width: none;
  border-style: none;
  border-radius: var(--radius-medium);
  background: var(--black-transparent);
  table-layout: fixed;
}
.view-material-database .view-content thead {
  position: inherit;
  background: var(--gray-button);
}
.view-material-database .view-content th {
  padding: 0.8rem 1.2rem;
  padding: 1.2rem;
  border: 1px solid var(--white-translucent);
  border-width: none;
  border-style: none;
  border-bottom: 1px solid var(--white-translucent);
  border-radius: none;
  background: var(--surface-container);
  color: var(--white);
  color: var(--white);
  font-weight: 600;
  font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-medium);
  font-style: normal;
  font-size: 1.4rem;
  line-height: var(--line-height-sm, 20px); /* 142.857% */
  line-height: 140%;
  text-align: left;
  text-align: left;
}
.view-material-database .view-content tbody tr {
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.view-material-database .view-content tbody tr:hover {
  background: var(--gray-button);
}
.view-material-database .view-content td {
  vertical-align: middle;
  padding: 0.8rem 1.2rem;
  padding: 1.2rem;
  border: 1px solid var(--white-translucent);
  border-bottom: 1px solid var(--white-translucent);
  color: var(--gray-300);
  font-weight: var(--font-weight-lighter);
  font-size: 1.3rem;
  line-height: 150%;
  text-align: left;
}
.view-material-database .view-content td p {
  color: var(--gray-300);
  font-weight: var(--font-weight-lighter);
  font-size: 1.3rem;
  line-height: 150%;
}
.view-material-database .view-content .views-field-field-material-unit {
  width: 8rem;
}

.ajax-throbber {
  --sk-size: 20px;
}
.ajax-throbber .sk-wave-rect {
  background-color: green;
}

.cognito-email-password-reset {
  padding: 0 0 4.8rem;
}

.cognito-register-form > #edit-actions > input {
  width: 100%;
  margin-top: 3.2rem;
}

#drupal-off-canvas-wrapper {
  --off-canvas-title-font-size: 1.6rem;
  --drupal-off-canvas-input-font-size: 1.4rem;
  --off-canvas-button-font-size: 1.4rem;
}
#drupal-off-canvas-wrapper .description:not([data-drupal-ck-style-fence] *),
#drupal-off-canvas-wrapper .form-item__description:not([data-drupal-ck-style-fence] *) {
  font-size: 1.2rem;
}
#drupal-off-canvas-wrapper .button--primary {
  margin-bottom: 1.5rem !important;
  padding: 1.2rem 2rem !important;
  border-radius: var(--off-canvas-button-border-radius) !important;
  background: var(--off-canvas-button-background-color);
  color: white !important;
  font-weight: 800 !important;
}
#drupal-off-canvas-wrapper .inline-block-create-button {
  color: white !important;
  font-size: 1.4rem;
}
#drupal-off-canvas-wrapper .inline-block-create-button::before {
  display: none !important;
}
#drupal-off-canvas-wrapper #bs_nav-tabs {
  width: 100% !important;
  margin: initial !important;
  padding-left: 0;
}

.password-strength__indicator {
  border-radius: var(--radius-default);
}
.password-strength__meter {
  border-radius: var(--radius-default);
  background: var(--white-translucent);
}
.password-strength__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.password-strength .is-weak {
  background: var(--red-600);
}
.password-strength .is-fair,
.password-strength .is-good {
  background: var(--yellow-300);
}
.password-strength .is-strong {
  background: var(--green-400);
}
.password-suggestions ul {
  padding-left: 2rem;
}

.ui-dialog {
  background-color: grey;
}

[class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.layout {
  /* stylelint-disable-next-line prettier/prettier */
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0 1.6rem;
}
@media screen and (min-width: 48em) {
  .layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 3.2rem;
  }
}
@media screen and (min-width: 64em) {
  .layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 10.4rem;
  }
}
.layout-bg-black {
  background-color: var(--black-transparent) !important;
}
.layout-bg-green {
  background-color: var(--green-dark-transparent) !important;
}
.layout-bg-white {
  --block-text-color: var(--gray-700);
  background-color: var(--white) !important;
  color: var(--black);
}
.layout-bg-white h1,
.layout-bg-white h2,
.layout-bg-white h3,
.layout-bg-white h4,
.layout-bg-white h5,
.layout-bg-white h6 {
  color: var(--black);
}
.layout-bg-white p,
.layout-bg-white li {
  color: var(--gray-700);
}
.layout--threecol-section {
  /* stylelint-disable-next-line prettier/prettier */
}
@media screen and (min-width: 48em) {
  .layout--threecol-section {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 8.8rem;
  }
}
.layout--onecol {
  padding: 0;
}
.layout-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout-register {
  /* stylelint-disable-next-line prettier/prettier */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 3.2rem 1.6rem;
}
@media screen and (min-width: 80em) {
  .layout-register {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 9.6rem 10.4rem;
  }
}
.layout [class*=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout [class*=col]:has(.image-horizontal--center) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout [class*=col]:has(.image-horizontal--left) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.layout [class*=col]:has(.image-horizontal--right) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.layout [class*=col]:has(.image-vertical--bottom) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.layout [class*=col]:has(.image-vertical--center) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.layout [class*=col]:has(.image-vertical--top) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.layout-builder-block .cta--link.cta--white {
  border-radius: 0;
  background-color: var(--gray-600);
}
.layout-builder__section a:hover {
  color: var(--gray-400);
}

.w-100 {
  width: 100% !important;
}