@charset "UTF-8";
/* moved by compressor */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

BREAKPOINTS

Media queries to create breakpoints for our layouts and interfaces.
These breakpoints are mostly based on minimum viewport widths and allow us
to scale up elements as the viewport changes. Taken from Bootstrap.

See: https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints

---------------------------------------------------------------------------- */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

GRID

Slightly adapted version of Bootstrap’s grid system.
See: https://getbootstrap.com/docs/4.1/layout/grid/

---------------------------------------------------------------------------- */
.teaser-stage__headline {
  margin-bottom: 0;
  font-size: 3rem;
  font-family: "Source Serif Pro", serif;
}

@media only screen and (max-width: 1023px) {
  .teaser-stage__headline {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-stage__headline {
    font-size: 1.7rem;
  }
}
*,
*::after,
*::before {
  box-sizing: border-box;
}

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

svg {
  overflow: hidden;
}

a {
  background-color: transparent;
}

[hidden][hidden] {
  display: none;
}

* {
  -webkit-font-smoothing: var(--webkit-font-smoothing);
  -moz-osx-font-smoothing: var(--moz-font-smoothing);
}

html {
  height: -webkit-fill-available;
  background-color: var(--color-background);
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background-color: var(--color-background);
}

@media print {
  html,
body {
    background-color: transparent;
  }
}
/*

General Info:

Use: font-display: swap; for better Pagespeed results
Preload the font in header.php for better Pagespeed results

*/
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-regular.eot?#iefix') format("embedded-opentype"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-regular.woff2') format("woff2"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-regular.woff') format("woff"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-regular.ttf') format("truetype"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-600.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-600.eot?#iefix') format("embedded-opentype"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-600.woff2') format("woff2"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-600.woff') format("woff"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-600.ttf') format("truetype"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-600.svg#SourceSansPro') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-700.eot?#iefix') format("embedded-opentype"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-700.woff2') format("woff2"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-700.woff') format("woff"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-700.ttf') format("truetype"), url('../../../m-assets/fonts/source-sans-pro/source-sans-pro-v21-latin-700.svg#SourceSansPro') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../../m-assets/fonts/source-serif-pro/source-serif-pro-v15-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../../../m-assets/fonts/source-serif-pro/source-serif-pro-v15-latin-700.eot?#iefix') format("embedded-opentype"), url('../../../m-assets/fonts/source-serif-pro/source-serif-pro-v15-latin-700.woff2') format("woff2"), url('../../../m-assets/fonts/source-serif-pro/source-serif-pro-v15-latin-700.woff') format("woff"), url('../../../m-assets/fonts/source-serif-pro/source-serif-pro-v15-latin-700.ttf') format("truetype"), url('../../../m-assets/fonts/source-serif-pro/source-serif-pro-v15-latin-700.svg#SourceSerifPro') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 400;
  src: url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-regular.eot?#iefix') format("embedded-opentype"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-regular.woff2') format("woff2"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-regular.woff') format("woff"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-regular.ttf') format("truetype"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-regular.svg#DancingScript') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 700;
  src: url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-700.eot?#iefix') format("embedded-opentype"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-700.woff2') format("woff2"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-700.woff') format("woff"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-700.ttf') format("truetype"), url('../../../m-assets/fonts/dancing-script/dancing-script-v23-latin-700.svg#DancingScript') format("svg");
  /* Legacy iOS */
}
:root {
  --focus-outline-color: var(--color-secondary, currentColor);
  --focus-outline-width: 3px;
  --focus-outline-offset: 2px;
  --focus-outline-style: solid;
}

:focus {
  outline-color: var(--focus-outline-color);
  outline-width: var(--focus-outline-width);
  outline-offset: var(--focus-outline-offset);
  outline-style: var(--focus-outline-style);
}

:focus:not(:focus-visible) {
  outline: transparent;
}

:focus-visible {
  outline-color: var(--focus-outline-color);
  outline-width: var(--focus-outline-width);
  outline-offset: var(--focus-outline-offset);
  outline-style: var(--focus-outline-style);
}

video,
audio {
  position: relative;
  display: block;
  width: 100%;
}

/*
::selection {
    color: var(--color-text-on-secondary);
    background-color: var(--color-background-secondary);
    box-shadow: none !important;
}
*/
html {
  font-size: 100%;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  line-height: 1;
  font-family: "Source Serif Pro", serif;
  color: var(--color-text);
  text-rendering: optimizeLegibility;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
button {
  font: inherit;
  font-weight: inherit;
}

h1 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.1764705882;
}
@media (max-width: 959.98px) {
  h1 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  h1 {
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  h1 {
    font-size: 3.75rem;
    line-height: 1.2;
  }
}

h2 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 959.98px) {
  h2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  h2 {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  h2 {
    font-size: 3.125rem;
    line-height: 1.2;
  }
}

h3 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 640px) {
  h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  h3 {
    font-size: 2.125rem;
    line-height: 1.2;
  }
}
@media (max-width: 959.98px) {
  h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

h4 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
}
@media (min-width: 640px) {
  h4 {
    font-size: 1.625rem;
    line-height: 1.2307692308;
  }
}

h5 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
  /*
  @include media-breakpoint-up('md') {
      font-size: 1.125rem;
      line-height: 1.4;
  }

  @include media-breakpoint-up('xl') {
      font-size: 1.125rem;
      line-height: 1.4;
  }
  */
}

h6 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.2222222222;
}

blockquote {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.6666666667;
}
@media (min-width: 640px) {
  blockquote {
    font-size: 1.625rem;
    line-height: 1.4615384615;
  }
}

* + h1 {
  margin-top: 2.5rem;
}

* + h2 {
  margin-top: 2.5rem;
}

* + h3 {
  margin-top: 2.5rem;
}

* + h4,
* + h5,
* + h6 {
  margin-top: 2.5rem;
}

* + p,
* + ol,
* + ul,
* + table,
* + blockquote {
  margin-top: 1.5rem;
}

* + hr {
  margin-top: 2.5rem;
}

h1 + p,
h1 + ol,
h1 + ul,
h2 + p,
h2 + ol,
h2 + ul {
  margin-top: 2rem;
}

h3 + p,
h3 + ol,
h3 + ul {
  margin-top: 1.5rem;
}

h4 + p {
  margin-top: 1rem;
}

h4 + ol,
h4 + ul {
  margin-top: 0.5rem;
}

h5 + p,
h5 + ol,
h5 + ul,
h6 + p,
h6 + ol,
h6 + ul {
  margin-top: 0.5rem;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
}

a:not([class]) {
  /*
  @include link-animated-underline(
      $color-underline-hover: currentColor,
      $width-underline: 1px,
      $width-start-position: 0,
      $width-end-position: 100%
  );
  */
  color: var(--color-link);
  text-decoration: underline;
}
a:not([class]):hover {
  color: var(--color-link-hover);
  text-decoration: underline;
}

/*
a[href^='http']:not([class]) {
    background: url('/m-assets/images/arrow-up-right-24.svg') no-repeat 100% 0;
    background-size: 22px;
    padding-right: 24px;
    background-position: center right;
}
*/
a[href^=mailto] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/*
a[href^='mailto']:not([class]) {
    background: url('/m-assets/images/envelope-24.svg') no-repeat 100% 0;
    background-size: 20px;
    padding-right: 24px;
    background-position: center right;
}
*/
ul,
ol {
  list-style: none;
  padding-left: 0;
}

ul:not([class]) > li {
  position: relative;
  padding-left: 1.25em;
  overflow: hidden;
}
ul:not([class]) > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0.125em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: var(--color-text-primary);
}
ul:not([class]) li ul,
ul:not([class]) li ol {
  margin-top: 0.25rem;
}
ul:not([class]) li + li {
  margin-top: 0;
}
ul:not([class]) li:not(:last-of-type) ul,
ul:not([class]) li:not(:last-of-type) ol {
  margin-bottom: 0.25rem;
}

ol:not([class]) {
  counter-reset: item;
}
ol:not([class]) > li {
  counter-increment: item;
  position: relative;
  padding-left: 1.5em;
  overflow: hidden;
}
ol:not([class]) > li::before {
  content: counters(item, ".") ".";
  display: inline-block;
  color: var(--color-text-primary);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  margin-left: -1.5em;
  position: absolute;
}
ol:not([class]) > li ol li {
  padding-left: 2.325em;
}
ol:not([class]) > li ol li::before {
  margin-left: -2.325em;
}
ol:not([class]) > li ol li ol li {
  padding-left: 3.125em;
}
ol:not([class]) > li ol li ol li::before {
  margin-left: -3.125em;
}
ol:not([class]) li ul,
ol:not([class]) li ol {
  margin-top: 0.25rem;
}
ol:not([class]) li + li {
  margin-top: 0;
}
ol:not([class]) li:not(:last-of-type) ul,
ol:not([class]) li:not(:last-of-type) ol {
  margin-bottom: 0.25rem;
}

small {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  display: inline-block;
}

em {
  font-style: italic;
}

strong {
  font-weight: 900;
}

address {
  font-style: normal;
}

table:not([class]) {
  border-left: 0.0625rem solid var(--color-border-muted);
  border-top: 0.0625rem solid var(--color-border-muted);
  width: 100%;
  border-collapse: collapse;
}
table:not([class]) td,
table:not([class]) th {
  padding: 0.75rem 1rem;
  vertical-align: top;
  text-align: left;
  border-right: 0.0625rem solid var(--color-border-muted);
  border-bottom: 0.0625rem solid var(--color-border-muted);
}
table:not([class]) thead {
  background-color: var(--color-background-subtle);
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

mark {
  padding: 0 0.25em;
  /*
  background-color: var(--color-secondary);
  outline: 2px solid var(--color-secondary);
  color: var(--color-text-inverse);
  */
  color: inherit;
  background-color: var(--color-background-beige);
  display: inline-block;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

@supports (font-variant-position: sub) {
  sup,
sub {
    vertical-align: baseline;
    align-items: baseline;
    font-size: 90%;
    line-height: inherit;
  }

  sup {
    font-variant-position: super;
    top: 0;
  }

  sub {
    font-variant-position: sub;
    bottom: 0;
  }
}
pre,
code,
kbd {
  font-family: monospace;
  -webkit-hyphens: none;
          hyphens: none;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  white-space: pre-wrap;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

code {
  word-wrap: break-word;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
a > code {
  color: inherit;
}

hr {
  border-top: 0.0625rem solid var(--color-border-muted);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(100%);
  }
}
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

BREAKPOINTS

Media queries to create breakpoints for our layouts and interfaces.
These breakpoints are mostly based on minimum viewport widths and allow us
to scale up elements as the viewport changes. Taken from Bootstrap.

See: https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints

---------------------------------------------------------------------------- */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

GRID

Slightly adapted version of Bootstrap’s grid system.
See: https://getbootstrap.com/docs/4.1/layout/grid/

---------------------------------------------------------------------------- */
.teaser-stage__headline {
  margin-bottom: 0;
  font-size: 3rem;
  font-family: "Source Serif Pro", serif;
}

@media only screen and (max-width: 1023px) {
  .teaser-stage__headline {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-stage__headline {
    font-size: 1.7rem;
  }
}
.o-aspect-ratio {
  position: relative;
  overflow: hidden;
}
.o-aspect-ratio::before {
  content: "";
  height: 0;
  width: 1px;
  margin-left: -1px;
  float: left;
}
.o-aspect-ratio::after {
  content: "";
  display: table;
  clear: both;
}

.o-aspect-ratio--1x1::before {
  padding-top: 100%;
}

.o-aspect-ratio--2x1::before {
  padding-top: 50%;
}

.o-aspect-ratio--2x3::before {
  padding-top: 150%;
}

.o-aspect-ratio--3x1::before {
  padding-top: 33.3333333333%;
}

.o-aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.o-aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.o-aspect-ratio--4x1::before {
  padding-top: 25%;
}

.o-aspect-ratio--4x3::before {
  padding-top: 75%;
}

.o-aspect-ratio--5x2::before {
  padding-top: 40%;
}

.o-aspect-ratio--4x5::before {
  padding-top: 125%;
}

.o-aspect-ratio--5x7::before {
  padding-top: 140%;
}

.o-aspect-ratio--9x10::before {
  padding-top: 111.1111111111%;
}

.o-aspect-ratio--12x5::before {
  padding-top: 41.6666666667%;
}

.o-aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.o-aspect-ratio--21x9::before {
  padding-top: 42.8571428571%;
}

.o-aspect-ratio--with-overflow {
  overflow: visible;
}

.o-aspect-ratio__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--color-background-subtle);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.o-aspect-ratio__item--transparent {
  background: none;
  outline: none;
}

.o-aspect-ratio__item > *:first-child {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media print {
  .o-aspect-ratio__item > *:first-child {
    -o-object-fit: none;
       object-fit: none;
    width: 100%;
    height: auto;
    display: block;
  }
}
/* Display flex insteed of object-fit 4 centered images that have not a100% width */
.o-aspect-ratio__item--flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-aspect-ratio__item--flex > *:first-child {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  -o-object-fit: unset;
     object-fit: unset;
}

/* object-fit: cover insteed of object-fit:contain */
.o-aspect-ratio__item--cover > *:first-child {
  /*
  height: 100%;
  width: 100%;
  max-height: none;
  max-width: none;
  display: block;
  */
  -o-object-fit: cover;
     object-fit: cover;
}

:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

BREAKPOINTS

Media queries to create breakpoints for our layouts and interfaces.
These breakpoints are mostly based on minimum viewport widths and allow us
to scale up elements as the viewport changes. Taken from Bootstrap.

See: https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints

---------------------------------------------------------------------------- */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

GRID

Slightly adapted version of Bootstrap’s grid system.
See: https://getbootstrap.com/docs/4.1/layout/grid/

---------------------------------------------------------------------------- */
.teaser-stage__headline {
  margin-bottom: 0;
  font-size: 3rem;
  font-family: "Source Serif Pro", serif;
}

@media only screen and (max-width: 1023px) {
  .teaser-stage__headline {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-stage__headline {
    font-size: 1.7rem;
  }
}
.o-page {
  /*
  min-height: 100vh;
  */
}
@media (min-width: 960px) {
  .o-page {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.o-container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 640px) {
  .o-container {
    padding: 0 32px;
  }
}
@media (min-width: 1524px) {
  .o-container {
    padding: 0 48px;
  }
}
.o-container:not(.o-container--wide):not(.o-container--full-width) .o-container {
  padding: 0;
}

.o-container:not(.o-container--wide):not(.o-container--full-width) {
  max-width: 1524px;
}

.o-container--flush,
.o-container--wide {
  padding-left: 0;
  padding-right: 0;
}

.o-container--full-width {
  max-width: none;
}

.o-container--wide {
  max-width: 1448px;
}

.o-container:has(.c-breadcrumb) {
  margin-bottom: 6rem;
}

.o-container:has(.c-breadcrumb) + .c-hero-banner,
.o-container:has(.c-breadcrumb) + div:has(.c-hero-banner) {
  margin-top: -6rem;
}

.o-container:has(.c-breadcrumb) + .u-background-color-beige,
.o-container:has(.c-breadcrumb) + div:has(.u-background-color-beige) {
  margin-top: -6rem;
}

:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

BREAKPOINTS

Media queries to create breakpoints for our layouts and interfaces.
These breakpoints are mostly based on minimum viewport widths and allow us
to scale up elements as the viewport changes. Taken from Bootstrap.

See: https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints

---------------------------------------------------------------------------- */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

GRID

Slightly adapted version of Bootstrap’s grid system.
See: https://getbootstrap.com/docs/4.1/layout/grid/

---------------------------------------------------------------------------- */
.teaser-stage__headline {
  margin-bottom: 0;
  font-size: 3rem;
  font-family: "Source Serif Pro", serif;
}

@media only screen and (max-width: 1023px) {
  .teaser-stage__headline {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-stage__headline {
    font-size: 1.7rem;
  }
}
.o-content {
  margin-bottom: 2rem;
}
@media (min-width: 640px) {
  .o-content {
    margin-bottom: 3rem;
  }
}
@media (min-width: 960px) {
  .o-content {
    margin-bottom: 5rem;
  }
}

.o-content > :last-child[class^=u-background-color-] {
  margin-bottom: -2rem;
}
@media (min-width: 640px) {
  .o-content > :last-child[class^=u-background-color-] {
    margin-bottom: -3rem;
  }
}
@media (min-width: 1524px) {
  .o-content > :last-child[class^=u-background-color-] {
    margin-bottom: -5rem;
  }
}

/*
.o-article-content {
    position: relative;
    z-index: 1;
    padding-top: 6rem;

    @include media-breakpoint-up('md') {
        background-color: var(--color-background);
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    @include media-breakpoint-up('xl') {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.o-content--aside {
    & > div:last-of-type {
        margin-bottom: 2rem;

        @include media-breakpoint-up(md) {
            margin-bottom: 3rem;
        }

        @include media-breakpoint-up(lg) {
            margin-bottom: 5rem;
        }
    }

    & > div:first-of-type:not(.c-contact-point__container) {
        margin-top: 2rem;

        @include media-breakpoint-up(md) {
            margin-top: 3rem;
        }

        @include media-breakpoint-up(lg) {
            margin-top: 5rem;
        }
    }
}

*/
.o-float--right {
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .o-float--right {
    float: right;
    margin-left: 16px;
    margin-bottom: 8px;
  }
}
@media (min-width: 960px) {
  .o-float--right {
    margin-left: 32px;
    margin-bottom: 16px;
  }
}

.o-float--left {
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .o-float--left {
    float: left;
    margin-right: 16px;
    margin-bottom: 8px;
  }
}
@media (min-width: 960px) {
  .o-float--left {
    margin-right: 32px;
    margin-bottom: 16px;
  }
}

/* ----------------------------------------------------------------------------

GRID

Slightly adapted version of Bootstrap’s grid system.
See: https://getbootstrap.com/docs/4.1/layout/grid/

---------------------------------------------------------------------------- */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

BREAKPOINTS

Media queries to create breakpoints for our layouts and interfaces.
These breakpoints are mostly based on minimum viewport widths and allow us
to scale up elements as the viewport changes. Taken from Bootstrap.

See: https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints

---------------------------------------------------------------------------- */
:root {
  --width-border-sm: 0.0625rem;
  --width-border-md: 0.125rem;
  --width-border-lg: 0.5rem;
}

/*
    xl: 1280px,
    xxl: 1440px,
    xxxl: 1800px,
*/
/*
"sm-map-colors": {
    "category-1": "#98ccf",     // Cluster 1: Armut und Wohnungslosigkeit; Flucht, Migration und Integration; Beratung in Ausnahmesituation, Soforthilfe
    "category-2": "#7fba00",    // Cluster 2: Familie, Kinder und Jugendliche; Bildung und Studium; Angebote und Betreuung im Alter; Eingliederung und Teilhabe
    "category-3": "#005751",    // Hotels und Gästehäuser
    "category-4": "#ff8d71",    // Upcycling und Secondhand
    "category-5": "#0062ad"     // === $sm-blue-700 // Glaube und Gemeinde
  }

*/
:root {
  --color-text-fixed: hsl(227deg, 17%, 10%);
  --color-text-inverse-fixed: #fff;
  --color-background-fixed: #fff;
  --color-background-inverse-fixed: hsl(227deg, 17%, 10%);
  --color-mode: "light";
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: antialiased;
  --color-background: #fff;
  --color-background-muted: #F1EBDC;
  --color-background-subtle: rgb(250, 249, 248);
  --color-background-inverse: hsl(227deg, 17%, 10%);
  --color-background-alternate: #fff;
  --color-background-primary: #1C5754;
  --color-background-primary-muted: #1C5754;
  --color-background-primary-subtle: #1C5754;
  --color-background-primary-strong: #1C5754;
  --color-background-secondary: #C12F15;
  --color-background-secondary-muted: #C12F15;
  --color-background-secondary-strong: #a12711;
  --color-background-tertiary: #f3f7fc;
  --color-background-tertiary-muted: #f3f7fc;
  --color-background-danger: hsl(348deg, 100%, 93%);
  --color-background-info: #f3f7fc;
  --color-background-success: rgba(112, 166, 46, 0.1);
  --color-background-warning: hsl(45deg, 97%, 54%);
  --color-background-beige: #F1EBDC;
  --color-background-accent: #E94F35;
  --color-text: #1C5754;
  --color-text-muted: #1C5754;
  --color-text-beige: #F1EBDC;
  --color-text-subtle: #6a6a6a;
  --color-text-inverse: #fff;
  --color-text-primary: #1C5754;
  --color-text-on-primary: #fff;
  --color-text-secondary: #C12F15;
  --color-text-on-secondary: #fff;
  --color-text-tertiary: #f3f7fc;
  --color-text-on-tertiary: #383a45;
  --color-text-danger: hsl(347deg, 100%, 45%);
  --color-text-info: rgb(0, 98, 174);
  --color-text-success: rgb(112, 166, 46);
  --color-text-warning: hsl(45deg, 97%, 54%);
  --color-text-on-danger: hsl(347deg, 100%, 45%);
  --color-text-on-info: rgb(0, 98, 174);
  --color-text-on-success: rgb(112, 166, 46);
  --color-text-on-warning: hsl(45deg, 97%, 54%);
  --color-link: #1C5754;
  --color-link-visited: #1C5754;
  --color-link-hover: #1C5754;
  --color-link-active: #1C5754;
  --color-link-focus: #1C5754;
  --color-link-on-primary: #fff;
  --color-link-on-primary-visited: #fff;
  --color-link-on-primary-hover: #b9e0fe;
  --color-link-on-primary-active: #fff;
  --color-link-on-primary-focus: #fff;
  --color-link-alternate: #F1EBDC;
  --color-link-alternate-visited: #F1EBDC;
  --color-link-alternate-hover: #F1EBDC;
  --color-link-alternate-active: #F1EBDC;
  --color-link-alternate-focus: #F1EBDC;
  --color-link-navigation: #F1EBDC;
  --color-link-navigation-visited: #F1EBDC;
  --color-link-navigation-hover: #F1EBDC;
  --color-link-navigation-active: #F1EBDC;
  --color-link-navigation-focus: #F1EBDC;
  --color-border: hsl(227deg, 15%, 20%);
  --color-border-muted: rgb(238, 237, 233);
  --color-border-inverse: rgb(250, 249, 248);
  --color-border-primary: rgb(0, 98, 174);
  --color-border-on-primary: #fff;
  --color-border-primary-muted: rgb(235, 247, 255);
  --color-border-primary-inverse: rgb(235, 247, 255);
  --color-border-secondary: rgb(226, 29, 123);
  --color-border-secondary-muted: hsl(333deg, 77%, 95%);
  --color-border-secondary-inverse: hsl(333deg, 77%, 95%);
  --color-border-error: hsl(347deg, 100%, 45%);
  --backdrop-color: hsl(227, 20%, 10%, 0.98);
  --backdrop-color-alternate: hsla(205, 67%, 93%, 0.98);
  --backdrop-filter: blur(4px);
  --icon-filter: null;
  --background-filter: null;
  --color-credits-text: hsl(227deg, 17%, 10%);
  --color-credits-background: hsla(0, 0%, 100%, 0.25);
  --color-credits-background-hover: hsla(0, 0%, 100%, 0.75);
  --color-border-contrast-only: transparent;
  --width-border-s: 1px;
  --width-border-m: 2px;
  --width-border-l: 4px;
  --width-border-xl: 8px;
  --color-input-border: rgb(56, 58, 69);
}

:root {
  --box-shadow-sm: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, 0.125);
}

/*
$spacing-scale-responsive: (
    0: (
        null: 0,
    ),
    1: (
        null: 8px,
    ),
    2: (
        null: 16px,
    ),
    3: (
        null: 16px,
        md: 24px,
    ),
    4: (
        null: 24px,
        md: 32px,
    ),
    5: (
        null: 24px,
        md: 32px,
        lg: 40px,
    ),
    6: (
        null: 24px,
        md: 32px,
        lg: 48px,
    ),
    7: (
        null: 24px,
        md: 48px,
        lg: 56px,
        xl: 64px,
    ),
    8: (
        null: 32px,
        md: 48px,
        lg: 64px,
        xl: 80px,
    ),
    9: (
        null: 40px,
        md: 56px,
        lg: 72px,
        xl: 112px,
    ),
    10: (
        null: 48px,
        md: 64px,
        lg: 80px,
        xl: 144px,
    ),
);
*/
/* ----------------------------------------------------------------------------

GRID

Slightly adapted version of Bootstrap’s grid system.
See: https://getbootstrap.com/docs/4.1/layout/grid/

---------------------------------------------------------------------------- */
.teaser-stage__headline {
  margin-bottom: 0;
  font-size: 3rem;
  font-family: "Source Serif Pro", serif;
}

@media only screen and (max-width: 1023px) {
  .teaser-stage__headline {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-stage__headline {
    font-size: 1.7rem;
  }
}
.o-grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  align-items: flex-start;
}
@media (min-width: 960px) {
  .o-grid {
    margin-left: -1rem;
  }
}
@media (min-width: 960px) {
  .o-grid {
    margin-right: -1rem;
  }
}

.o-grid--equal-height {
  align-items: stretch;
}
.o-grid--equal-height > .o-grid__col > *,
.o-grid--equal-height > [class*=o-grid__col--] > * {
  height: 100%;
}

.o-grid--no-gutter,
.o-grid--flush {
  margin-right: 0;
  margin-left: 0;
}
.o-grid--no-gutter > .o-grid__col,
.o-grid--no-gutter > [class*=o-grid__col--],
.o-grid--flush > .o-grid__col,
.o-grid--flush > [class*=o-grid__col--] {
  padding-right: 0;
  padding-left: 0;
}

.o-grid--has-gutter-y {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.o-grid--has-gutter-y > .o-grid__col,
.o-grid--has-gutter-y > [class*=o-grid__col--] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.o-grid--has-gutter-y-none {
  margin-top: 0;
  margin-bottom: 0;
}
.o-grid--has-gutter-y-none > .o-grid__col,
.o-grid--has-gutter-y-none > [class*=o-grid__col--] {
  padding-top: 0;
  padding-bottom: 0;
}

.o-grid--has-gutter-y-xs {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.o-grid--has-gutter-y-xs > .o-grid__col,
.o-grid--has-gutter-y-xs > [class*=o-grid__col--] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.o-grid--has-gutter-y-sm {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.o-grid--has-gutter-y-sm > .o-grid__col,
.o-grid--has-gutter-y-sm > [class*=o-grid__col--] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.o-grid--has-gutter-y-md {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
.o-grid--has-gutter-y-md > .o-grid__col,
.o-grid--has-gutter-y-md > [class*=o-grid__col--] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.o-grid--has-gutter-y-lg {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
.o-grid--has-gutter-y-lg > .o-grid__col,
.o-grid--has-gutter-y-lg > [class*=o-grid__col--] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.o-grid--gutter-px {
  margin-right: -1px;
  margin-left: -1px;
}
.o-grid--gutter-px > .o-grid__col,
.o-grid--gutter-px > [class*=o-grid__col--] {
  padding-right: 1px;
  padding-left: 1px;
}

.o-grid--gutter-xxs {
  margin-right: -0.125rem;
  margin-left: -0.125rem;
}
.o-grid--gutter-xxs > .o-grid__col,
.o-grid--gutter-xxs > [class*=o-grid__col--] {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}

.o-grid--gutter-xs {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.o-grid--gutter-xs > .o-grid__col,
.o-grid--gutter-xs > [class*=o-grid__col--] {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.o-grid--gutter-sm {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.o-grid--gutter-sm > .o-grid__col,
.o-grid--gutter-sm > [class*=o-grid__col--] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.o-grid--has-border-left-right-white {
  margin-right: -1px;
  margin-left: -1px;
}
.o-grid--has-border-left-right-white > .o-grid__col,
.o-grid--has-border-left-right-white > [class*=o-grid__col--] {
  position: relative;
  padding-right: 1px;
  padding-left: 1px;
}
.o-grid--has-border-left-right-white > .o-grid__col::before,
.o-grid--has-border-left-right-white > [class*=o-grid__col--]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  border-top: 0;
  border-left: 0.0625rem solid var(--color-border-inverse);
}

.o-grid__col\@xxxl, .o-grid__col\@xxl, .o-grid__col\@xl, .o-grid__col\@lgsm, .o-grid__col\@lg, .o-grid__col\@md, .o-grid__col\@sm, .o-grid__col\@xs, .o-grid__col,
[class*=o-grid__col--] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
@media (min-width: 960px) {
  .o-grid__col\@xxxl, .o-grid__col\@xxl, .o-grid__col\@xl, .o-grid__col\@lgsm, .o-grid__col\@lg, .o-grid__col\@md, .o-grid__col\@sm, .o-grid__col\@xs, .o-grid__col,
[class*=o-grid__col--] {
    padding-left: 1rem;
  }
}
@media (min-width: 960px) {
  .o-grid__col\@xxxl, .o-grid__col\@xxl, .o-grid__col\@xl, .o-grid__col\@lgsm, .o-grid__col\@lg, .o-grid__col\@md, .o-grid__col\@sm, .o-grid__col\@xs, .o-grid__col,
[class*=o-grid__col--] {
    padding-right: 1rem;
  }
}

.o-grid__col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.o-grid__col--auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.o-grid__col--1 {
  flex: 0 0 calc(8.3333333333%);
  max-width: calc(8.3333333333%);
}

.o-grid__col--2 {
  flex: 0 0 calc(16.6666666667%);
  max-width: calc(16.6666666667%);
}

.o-grid__col--3 {
  flex: 0 0 calc(25%);
  max-width: calc(25%);
}

.o-grid__col--4 {
  flex: 0 0 calc(33.3333333333%);
  max-width: calc(33.3333333333%);
}

.o-grid__col--5 {
  flex: 0 0 calc(41.6666666667%);
  max-width: calc(41.6666666667%);
}

.o-grid__col--6 {
  flex: 0 0 calc(50%);
  max-width: calc(50%);
}

.o-grid__col--7 {
  flex: 0 0 calc(58.3333333333%);
  max-width: calc(58.3333333333%);
}

.o-grid__col--8 {
  flex: 0 0 calc(66.6666666667%);
  max-width: calc(66.6666666667%);
}

.o-grid__col--9 {
  flex: 0 0 calc(75%);
  max-width: calc(75%);
}

.o-grid__col--10 {
  flex: 0 0 calc(83.3333333333%);
  max-width: calc(83.3333333333%);
}

.o-grid__col--11 {
  flex: 0 0 calc(91.6666666667%);
  max-width: calc(91.6666666667%);
}

.o-grid__col--12 {
  flex: 0 0 calc(100%);
  max-width: calc(100%);
}

.o-grid__col-offset--1 {
  margin-left: 8.3333333333%;
}

.o-grid__col-offset--2 {
  margin-left: 16.6666666667%;
}

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

.o-grid__col-offset--4 {
  margin-left: 33.3333333333%;
}

.o-grid__col-offset--5 {
  margin-left: 41.6666666667%;
}

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

.o-grid__col-offset--7 {
  margin-left: 58.3333333333%;
}

.o-grid__col-offset--8 {
  margin-left: 66.6666666667%;
}

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

.o-grid__col-offset--10 {
  margin-left: 83.3333333333%;
}

.o-grid__col-offset--11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 400px) {
  .o-grid__col\@xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@xs {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@xs {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@xs {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@xs {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@xs {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@xs {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@xs {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@xs {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@xs {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@xs {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@xs {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@xs {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@xs {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@xs {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@xs {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@xs {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@xs {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@xs {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@xs {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@xs {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@xs {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@xs {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@xs {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@xs {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@xs {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 480px) {
  .o-grid__col\@sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@sm {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@sm {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@sm {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@sm {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@sm {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@sm {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@sm {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@sm {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@sm {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@sm {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@sm {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@sm {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@sm {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@sm {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@sm {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@sm {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@sm {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@sm {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@sm {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@sm {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@sm {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@sm {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@sm {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@sm {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@sm {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 640px) {
  .o-grid__col\@md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@md {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@md {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@md {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@md {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@md {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@md {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@md {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@md {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@md {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@md {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@md {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@md {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@md {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@md {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@md {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@md {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@md {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@md {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@md {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@md {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@md {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@md {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@md {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@md {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@md {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 960px) {
  .o-grid__col\@lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@lg {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@lg {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@lg {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@lg {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@lg {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@lg {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@lg {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@lg {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@lg {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@lg {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@lg {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@lg {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@lg {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@lg {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@lg {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@lg {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@lg {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@lg {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@lg {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@lg {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@lg {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@lg {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@lg {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@lg {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@lg {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1300px) {
  .o-grid__col\@lgsm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@lgsm {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@lgsm {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@lgsm {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@lgsm {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@lgsm {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@lgsm {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@lgsm {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@lgsm {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@lgsm {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@lgsm {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@lgsm {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@lgsm {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@lgsm {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@lgsm {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@lgsm {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@lgsm {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@lgsm {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@lgsm {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@lgsm {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@lgsm {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@lgsm {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@lgsm {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@lgsm {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@lgsm {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@lgsm {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1524px) {
  .o-grid__col\@xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@xl {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@xl {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@xl {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@xl {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@xl {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@xl {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@xl {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@xl {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@xl {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@xl {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@xl {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@xl {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@xl {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@xl {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@xl {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@xl {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@xl {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@xl {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@xl {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@xl {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@xl {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@xl {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@xl {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@xl {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@xl {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1524px) {
  .o-grid__col\@xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@xxl {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@xxl {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@xxl {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@xxl {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@xxl {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@xxl {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@xxl {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@xxl {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@xxl {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@xxl {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@xxl {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@xxl {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@xxl {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@xxl {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@xxl {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@xxl {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@xxl {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@xxl {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@xxl {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@xxl {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@xxl {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@xxl {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@xxl {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@xxl {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@xxl {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1800px) {
  .o-grid__col\@xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .o-grid__col--auto\@xxxl {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .o-grid__col--1\@xxxl {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }

  .o-grid__col--2\@xxxl {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }

  .o-grid__col--3\@xxxl {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }

  .o-grid__col--4\@xxxl {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }

  .o-grid__col--5\@xxxl {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }

  .o-grid__col--6\@xxxl {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }

  .o-grid__col--7\@xxxl {
    flex: 0 0 calc(58.3333333333%);
    max-width: calc(58.3333333333%);
  }

  .o-grid__col--8\@xxxl {
    flex: 0 0 calc(66.6666666667%);
    max-width: calc(66.6666666667%);
  }

  .o-grid__col--9\@xxxl {
    flex: 0 0 calc(75%);
    max-width: calc(75%);
  }

  .o-grid__col--10\@xxxl {
    flex: 0 0 calc(83.3333333333%);
    max-width: calc(83.3333333333%);
  }

  .o-grid__col--11\@xxxl {
    flex: 0 0 calc(91.6666666667%);
    max-width: calc(91.6666666667%);
  }

  .o-grid__col--12\@xxxl {
    flex: 0 0 calc(100%);
    max-width: calc(100%);
  }

  .o-grid__col-offset--0\@xxxl {
    margin-left: 0;
  }

  .o-grid__col-offset--1\@xxxl {
    margin-left: 8.3333333333%;
  }

  .o-grid__col-offset--2\@xxxl {
    margin-left: 16.6666666667%;
  }

  .o-grid__col-offset--3\@xxxl {
    margin-left: 25%;
  }

  .o-grid__col-offset--4\@xxxl {
    margin-left: 33.3333333333%;
  }

  .o-grid__col-offset--5\@xxxl {
    margin-left: 41.6666666667%;
  }

  .o-grid__col-offset--6\@xxxl {
    margin-left: 50%;
  }

  .o-grid__col-offset--7\@xxxl {
    margin-left: 58.3333333333%;
  }

  .o-grid__col-offset--8\@xxxl {
    margin-left: 66.6666666667%;
  }

  .o-grid__col-offset--9\@xxxl {
    margin-left: 75%;
  }

  .o-grid__col-offset--10\@xxxl {
    margin-left: 83.3333333333%;
  }

  .o-grid__col-offset--11\@xxxl {
    margin-left: 91.6666666667%;
  }
}
.o-grid__col--no-gutter {
  padding-right: 0;
  padding-left: 0;
}

.o-grid__col-order--first {
  order: 0;
}

.o-grid__col-order--last {
  order: 13;
}

.o-grid__col-order--1 {
  order: 1;
}

.o-grid__col-order--2 {
  order: 2;
}

.o-grid__col-order--3 {
  order: 3;
}

.o-grid__col-order--4 {
  order: 4;
}

.o-grid__col-order--5 {
  order: 5;
}

.o-grid__col-order--6 {
  order: 6;
}

.o-grid__col-order--7 {
  order: 7;
}

.o-grid__col-order--8 {
  order: 8;
}

.o-grid__col-order--9 {
  order: 9;
}

.o-grid__col-order--10 {
  order: 10;
}

.o-grid__col-order--11 {
  order: 11;
}

.o-grid__col-order--12 {
  order: 12;
}

.o-grid__col-order--first {
  order: 0;
}

.o-grid__col-order--last {
  order: 13;
}

.o-grid__col-order--1 {
  order: 1;
}

.o-grid__col-order--2 {
  order: 2;
}

.o-grid__col-order--3 {
  order: 3;
}

.o-grid__col-order--4 {
  order: 4;
}

.o-grid__col-order--5 {
  order: 5;
}

.o-grid__col-order--6 {
  order: 6;
}

.o-grid__col-order--7 {
  order: 7;
}

.o-grid__col-order--8 {
  order: 8;
}

.o-grid__col-order--9 {
  order: 9;
}

.o-grid__col-order--10 {
  order: 10;
}

.o-grid__col-order--11 {
  order: 11;
}

.o-grid__col-order--12 {
  order: 12;
}

.o-grid__col-order--1\@xs {
  order: 1;
}

.o-grid__col-order--2\@xs {
  order: 2;
}

.o-grid__col-order--3\@xs {
  order: 3;
}

.o-grid__col-order--4\@xs {
  order: 4;
}

.o-grid__col-order--5\@xs {
  order: 5;
}

.o-grid__col-order--6\@xs {
  order: 6;
}

.o-grid__col-order--7\@xs {
  order: 7;
}

.o-grid__col-order--8\@xs {
  order: 8;
}

.o-grid__col-order--9\@xs {
  order: 9;
}

.o-grid__col-order--10\@xs {
  order: 10;
}

.o-grid__col-order--11\@xs {
  order: 11;
}

.o-grid__col-order--12\@xs {
  order: 12;
}

@media (min-width: 400px) {
  .o-grid__col-order--first\@xs {
    order: 0;
  }

  .o-grid__col-order--last\@xs {
    order: 13;
  }

  .o-grid__col-order--1\@xs {
    order: 1;
  }

  .o-grid__col-order--2\@xs {
    order: 2;
  }

  .o-grid__col-order--3\@xs {
    order: 3;
  }

  .o-grid__col-order--4\@xs {
    order: 4;
  }

  .o-grid__col-order--5\@xs {
    order: 5;
  }

  .o-grid__col-order--6\@xs {
    order: 6;
  }

  .o-grid__col-order--7\@xs {
    order: 7;
  }

  .o-grid__col-order--8\@xs {
    order: 8;
  }

  .o-grid__col-order--9\@xs {
    order: 9;
  }

  .o-grid__col-order--10\@xs {
    order: 10;
  }

  .o-grid__col-order--11\@xs {
    order: 11;
  }

  .o-grid__col-order--12\@xs {
    order: 12;
  }
}
.o-grid__col-order--1\@sm {
  order: 1;
}

.o-grid__col-order--2\@sm {
  order: 2;
}

.o-grid__col-order--3\@sm {
  order: 3;
}

.o-grid__col-order--4\@sm {
  order: 4;
}

.o-grid__col-order--5\@sm {
  order: 5;
}

.o-grid__col-order--6\@sm {
  order: 6;
}

.o-grid__col-order--7\@sm {
  order: 7;
}

.o-grid__col-order--8\@sm {
  order: 8;
}

.o-grid__col-order--9\@sm {
  order: 9;
}

.o-grid__col-order--10\@sm {
  order: 10;
}

.o-grid__col-order--11\@sm {
  order: 11;
}

.o-grid__col-order--12\@sm {
  order: 12;
}

@media (min-width: 480px) {
  .o-grid__col-order--first\@sm {
    order: 0;
  }

  .o-grid__col-order--last\@sm {
    order: 13;
  }

  .o-grid__col-order--1\@sm {
    order: 1;
  }

  .o-grid__col-order--2\@sm {
    order: 2;
  }

  .o-grid__col-order--3\@sm {
    order: 3;
  }

  .o-grid__col-order--4\@sm {
    order: 4;
  }

  .o-grid__col-order--5\@sm {
    order: 5;
  }

  .o-grid__col-order--6\@sm {
    order: 6;
  }

  .o-grid__col-order--7\@sm {
    order: 7;
  }

  .o-grid__col-order--8\@sm {
    order: 8;
  }

  .o-grid__col-order--9\@sm {
    order: 9;
  }

  .o-grid__col-order--10\@sm {
    order: 10;
  }

  .o-grid__col-order--11\@sm {
    order: 11;
  }

  .o-grid__col-order--12\@sm {
    order: 12;
  }
}
.o-grid__col-order--1\@md {
  order: 1;
}

.o-grid__col-order--2\@md {
  order: 2;
}

.o-grid__col-order--3\@md {
  order: 3;
}

.o-grid__col-order--4\@md {
  order: 4;
}

.o-grid__col-order--5\@md {
  order: 5;
}

.o-grid__col-order--6\@md {
  order: 6;
}

.o-grid__col-order--7\@md {
  order: 7;
}

.o-grid__col-order--8\@md {
  order: 8;
}

.o-grid__col-order--9\@md {
  order: 9;
}

.o-grid__col-order--10\@md {
  order: 10;
}

.o-grid__col-order--11\@md {
  order: 11;
}

.o-grid__col-order--12\@md {
  order: 12;
}

@media (min-width: 640px) {
  .o-grid__col-order--first\@md {
    order: 0;
  }

  .o-grid__col-order--last\@md {
    order: 13;
  }

  .o-grid__col-order--1\@md {
    order: 1;
  }

  .o-grid__col-order--2\@md {
    order: 2;
  }

  .o-grid__col-order--3\@md {
    order: 3;
  }

  .o-grid__col-order--4\@md {
    order: 4;
  }

  .o-grid__col-order--5\@md {
    order: 5;
  }

  .o-grid__col-order--6\@md {
    order: 6;
  }

  .o-grid__col-order--7\@md {
    order: 7;
  }

  .o-grid__col-order--8\@md {
    order: 8;
  }

  .o-grid__col-order--9\@md {
    order: 9;
  }

  .o-grid__col-order--10\@md {
    order: 10;
  }

  .o-grid__col-order--11\@md {
    order: 11;
  }

  .o-grid__col-order--12\@md {
    order: 12;
  }
}
.o-grid__col-order--1\@lg {
  order: 1;
}

.o-grid__col-order--2\@lg {
  order: 2;
}

.o-grid__col-order--3\@lg {
  order: 3;
}

.o-grid__col-order--4\@lg {
  order: 4;
}

.o-grid__col-order--5\@lg {
  order: 5;
}

.o-grid__col-order--6\@lg {
  order: 6;
}

.o-grid__col-order--7\@lg {
  order: 7;
}

.o-grid__col-order--8\@lg {
  order: 8;
}

.o-grid__col-order--9\@lg {
  order: 9;
}

.o-grid__col-order--10\@lg {
  order: 10;
}

.o-grid__col-order--11\@lg {
  order: 11;
}

.o-grid__col-order--12\@lg {
  order: 12;
}

@media (min-width: 960px) {
  .o-grid__col-order--first\@lg {
    order: 0;
  }

  .o-grid__col-order--last\@lg {
    order: 13;
  }

  .o-grid__col-order--1\@lg {
    order: 1;
  }

  .o-grid__col-order--2\@lg {
    order: 2;
  }

  .o-grid__col-order--3\@lg {
    order: 3;
  }

  .o-grid__col-order--4\@lg {
    order: 4;
  }

  .o-grid__col-order--5\@lg {
    order: 5;
  }

  .o-grid__col-order--6\@lg {
    order: 6;
  }

  .o-grid__col-order--7\@lg {
    order: 7;
  }

  .o-grid__col-order--8\@lg {
    order: 8;
  }

  .o-grid__col-order--9\@lg {
    order: 9;
  }

  .o-grid__col-order--10\@lg {
    order: 10;
  }

  .o-grid__col-order--11\@lg {
    order: 11;
  }

  .o-grid__col-order--12\@lg {
    order: 12;
  }
}
.o-grid__col-order--1\@lgsm {
  order: 1;
}

.o-grid__col-order--2\@lgsm {
  order: 2;
}

.o-grid__col-order--3\@lgsm {
  order: 3;
}

.o-grid__col-order--4\@lgsm {
  order: 4;
}

.o-grid__col-order--5\@lgsm {
  order: 5;
}

.o-grid__col-order--6\@lgsm {
  order: 6;
}

.o-grid__col-order--7\@lgsm {
  order: 7;
}

.o-grid__col-order--8\@lgsm {
  order: 8;
}

.o-grid__col-order--9\@lgsm {
  order: 9;
}

.o-grid__col-order--10\@lgsm {
  order: 10;
}

.o-grid__col-order--11\@lgsm {
  order: 11;
}

.o-grid__col-order--12\@lgsm {
  order: 12;
}

@media (min-width: 1300px) {
  .o-grid__col-order--first\@lgsm {
    order: 0;
  }

  .o-grid__col-order--last\@lgsm {
    order: 13;
  }

  .o-grid__col-order--1\@lgsm {
    order: 1;
  }

  .o-grid__col-order--2\@lgsm {
    order: 2;
  }

  .o-grid__col-order--3\@lgsm {
    order: 3;
  }

  .o-grid__col-order--4\@lgsm {
    order: 4;
  }

  .o-grid__col-order--5\@lgsm {
    order: 5;
  }

  .o-grid__col-order--6\@lgsm {
    order: 6;
  }

  .o-grid__col-order--7\@lgsm {
    order: 7;
  }

  .o-grid__col-order--8\@lgsm {
    order: 8;
  }

  .o-grid__col-order--9\@lgsm {
    order: 9;
  }

  .o-grid__col-order--10\@lgsm {
    order: 10;
  }

  .o-grid__col-order--11\@lgsm {
    order: 11;
  }

  .o-grid__col-order--12\@lgsm {
    order: 12;
  }
}
.o-grid__col-order--1\@xl {
  order: 1;
}

.o-grid__col-order--2\@xl {
  order: 2;
}

.o-grid__col-order--3\@xl {
  order: 3;
}

.o-grid__col-order--4\@xl {
  order: 4;
}

.o-grid__col-order--5\@xl {
  order: 5;
}

.o-grid__col-order--6\@xl {
  order: 6;
}

.o-grid__col-order--7\@xl {
  order: 7;
}

.o-grid__col-order--8\@xl {
  order: 8;
}

.o-grid__col-order--9\@xl {
  order: 9;
}

.o-grid__col-order--10\@xl {
  order: 10;
}

.o-grid__col-order--11\@xl {
  order: 11;
}

.o-grid__col-order--12\@xl {
  order: 12;
}

@media (min-width: 1524px) {
  .o-grid__col-order--first\@xl {
    order: 0;
  }

  .o-grid__col-order--last\@xl {
    order: 13;
  }

  .o-grid__col-order--1\@xl {
    order: 1;
  }

  .o-grid__col-order--2\@xl {
    order: 2;
  }

  .o-grid__col-order--3\@xl {
    order: 3;
  }

  .o-grid__col-order--4\@xl {
    order: 4;
  }

  .o-grid__col-order--5\@xl {
    order: 5;
  }

  .o-grid__col-order--6\@xl {
    order: 6;
  }

  .o-grid__col-order--7\@xl {
    order: 7;
  }

  .o-grid__col-order--8\@xl {
    order: 8;
  }

  .o-grid__col-order--9\@xl {
    order: 9;
  }

  .o-grid__col-order--10\@xl {
    order: 10;
  }

  .o-grid__col-order--11\@xl {
    order: 11;
  }

  .o-grid__col-order--12\@xl {
    order: 12;
  }
}
.o-grid__col-order--1\@xxl {
  order: 1;
}

.o-grid__col-order--2\@xxl {
  order: 2;
}

.o-grid__col-order--3\@xxl {
  order: 3;
}

.o-grid__col-order--4\@xxl {
  order: 4;
}

.o-grid__col-order--5\@xxl {
  order: 5;
}

.o-grid__col-order--6\@xxl {
  order: 6;
}

.o-grid__col-order--7\@xxl {
  order: 7;
}

.o-grid__col-order--8\@xxl {
  order: 8;
}

.o-grid__col-order--9\@xxl {
  order: 9;
}

.o-grid__col-order--10\@xxl {
  order: 10;
}

.o-grid__col-order--11\@xxl {
  order: 11;
}

.o-grid__col-order--12\@xxl {
  order: 12;
}

@media (min-width: 1524px) {
  .o-grid__col-order--first\@xxl {
    order: 0;
  }

  .o-grid__col-order--last\@xxl {
    order: 13;
  }

  .o-grid__col-order--1\@xxl {
    order: 1;
  }

  .o-grid__col-order--2\@xxl {
    order: 2;
  }

  .o-grid__col-order--3\@xxl {
    order: 3;
  }

  .o-grid__col-order--4\@xxl {
    order: 4;
  }

  .o-grid__col-order--5\@xxl {
    order: 5;
  }

  .o-grid__col-order--6\@xxl {
    order: 6;
  }

  .o-grid__col-order--7\@xxl {
    order: 7;
  }

  .o-grid__col-order--8\@xxl {
    order: 8;
  }

  .o-grid__col-order--9\@xxl {
    order: 9;
  }

  .o-grid__col-order--10\@xxl {
    order: 10;
  }

  .o-grid__col-order--11\@xxl {
    order: 11;
  }

  .o-grid__col-order--12\@xxl {
    order: 12;
  }
}
.o-grid__col-order--1\@xxxl {
  order: 1;
}

.o-grid__col-order--2\@xxxl {
  order: 2;
}

.o-grid__col-order--3\@xxxl {
  order: 3;
}

.o-grid__col-order--4\@xxxl {
  order: 4;
}

.o-grid__col-order--5\@xxxl {
  order: 5;
}

.o-grid__col-order--6\@xxxl {
  order: 6;
}

.o-grid__col-order--7\@xxxl {
  order: 7;
}

.o-grid__col-order--8\@xxxl {
  order: 8;
}

.o-grid__col-order--9\@xxxl {
  order: 9;
}

.o-grid__col-order--10\@xxxl {
  order: 10;
}

.o-grid__col-order--11\@xxxl {
  order: 11;
}

.o-grid__col-order--12\@xxxl {
  order: 12;
}

@media (min-width: 1800px) {
  .o-grid__col-order--first\@xxxl {
    order: 0;
  }

  .o-grid__col-order--last\@xxxl {
    order: 13;
  }

  .o-grid__col-order--1\@xxxl {
    order: 1;
  }

  .o-grid__col-order--2\@xxxl {
    order: 2;
  }

  .o-grid__col-order--3\@xxxl {
    order: 3;
  }

  .o-grid__col-order--4\@xxxl {
    order: 4;
  }

  .o-grid__col-order--5\@xxxl {
    order: 5;
  }

  .o-grid__col-order--6\@xxxl {
    order: 6;
  }

  .o-grid__col-order--7\@xxxl {
    order: 7;
  }

  .o-grid__col-order--8\@xxxl {
    order: 8;
  }

  .o-grid__col-order--9\@xxxl {
    order: 9;
  }

  .o-grid__col-order--10\@xxxl {
    order: 10;
  }

  .o-grid__col-order--11\@xxxl {
    order: 11;
  }

  .o-grid__col-order--12\@xxxl {
    order: 12;
  }
}
@media (min-width: 640px) {
  .o-grid__col--12 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--1 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--12 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1 .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1 .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--1 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1 .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2 .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3 .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4 .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5 .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6 .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12 .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--12\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--1\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--12\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@xs .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@xs .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--1\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xs .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--12\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--1\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--12\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@sm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@sm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--1\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@sm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--12\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 640px) {
  .o-grid__col--1\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--12\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@md .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@md .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--1\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@md .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--12\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@lg .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@lg .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 960px) {
  .o-grid__col--1\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@lg .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@lg .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@lg .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@lg .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@lg .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@lg .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 1300px) {
  .o-grid__col--12\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 1300px) {
  .o-grid__col--1\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@lgsm .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 1524px) {
  .o-grid__col--12\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@xl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@xl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 1524px) {
  .o-grid__col--1\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@xl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@xl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 1524px) {
  .o-grid__col--12\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 1524px) {
  .o-grid__col--1\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
@media (min-width: 1800px) {
  .o-grid__col--12\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1 *
            -100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.0909090909 *
            -100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.2 *
            -100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.3333333333 *
            -100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.5 *
            -100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 1.7142857143 *
            -100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2 *
            -100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 2.4 *
            -100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 3 *
            -100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 4 *
            -100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 6 *
            -100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__pull--left {
    margin-left: calc(
        0.0833333333 * 12 *
            -100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__pull--right {
    margin-right: calc(
        0.0833333333 * 12 *
            -100%
    );
  }
}
@media (min-width: 1800px) {
  .o-grid__col--1\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 12 * 100%
    );
  }

  .o-grid__col--1\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 12 * 100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 6 * 100%
    );
  }

  .o-grid__col--2\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 6 * 100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 4 * 100%
    );
  }

  .o-grid__col--3\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 4 * 100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 3 * 100%
    );
  }

  .o-grid__col--4\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 3 * 100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2.4 * 100%
    );
  }

  .o-grid__col--5\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 2.4 * 100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 2 * 100%
    );
  }

  .o-grid__col--6\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 2 * 100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--7\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.7142857143 * 100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.5 * 100%
    );
  }

  .o-grid__col--8\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.5 * 100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--9\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.3333333333 * 100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.2 * 100%
    );
  }

  .o-grid__col--10\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.2 * 100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--11\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1.0909090909 * 100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__media-size--xxs {
    width: calc(
        0.0833333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__media-size--xs {
    width: calc(
        0.1666666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__media-size--sm {
    width: calc(
        0.25 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__media-size--md {
    width: calc(
        0.3333333333 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__media-size--lg {
    width: calc(
        0.4166666667 * 1 * 100%
    );
  }

  .o-grid__col--12\@xxxl .o-grid__media-size--xl {
    width: calc(
        0.5 * 1 * 100%
    );
  }
}
.o-page-section {
  margin-bottom: 6rem;
}
@media (max-width: 959.98px) {
  .o-page-section {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.o-page-section--padded,
.o-page-section--gray-lighter,
.o-page-section--green-lightest,
.o-page-section--blue,
.o-page-section--red {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (max-width: 959.98px) {
  .o-page-section--padded,
.o-page-section--gray-lighter,
.o-page-section--green-lightest,
.o-page-section--blue,
.o-page-section--red {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

button[type=submit],
button[type=reset] {
  cursor: pointer;
}

.c-button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 3.2rem;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--button-border-radius, 0);
  transition: all 0.2s ease;
  font-weight: 700;
  -webkit-text-decoration: solid underline transparent 2px;
          text-decoration: solid underline transparent 2px;
  opacity: var(--button-opacity, 1);
}
.c-button, .c-button:link, .c-button:visited {
  color: var(--button-color-text, var(--color-text-primary));
  border-color: var(--button-color-border, currentColor);
  background-color: var(--button-color-background, transparent);
  -webkit-text-decoration-color: var(--button-color-underline, transparent);
          text-decoration-color: var(--button-color-underline, transparent);
}
.c-button:hover, .c-button:active, .c-button:focus {
  /*
  --button-color-text: var(--color-text-inverse);
  --button-color-border: var(--color-background-inverse);
  --button-color-background: var(--color-background-inverse);
  */
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background-primary);
  --button-color-background: var(--color-background-primary);
  --button-color-underline: transparent;
}

.c-button--xs {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  font-weight: 700;
  padding: 0.25rem 1rem;
}

.c-button--sm {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  font-weight: 700;
  padding: 0.5rem 1.5rem;
}

.c-button--md {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 700;
  padding: 0.8rem 3.2rem;
}

.c-button--lg {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.6666666667;
  font-weight: 700;
  padding: 1rem 2rem;
}
@media (min-width: 640px) {
  .c-button--lg {
    font-size: 1.625rem;
    line-height: 1.4615384615;
  }
}

.c-button--on-primary,
.c-button--on-blue {
  --button-border-radius: none;
}
.c-button--on-primary, .c-button--on-primary:link, .c-button--on-primary:visited,
.c-button--on-blue,
.c-button--on-blue:link,
.c-button--on-blue:visited {
  --button-color-text: var(--color-text-primary);
  --button-color-border: var(--color-text-on-primary);
  --button-color-background: var(--color-text-on-primary);
}
.c-button--on-primary:hover, .c-button--on-primary:active, .c-button--on-primary:focus,
.c-button--on-blue:hover,
.c-button--on-blue:active,
.c-button--on-blue:focus {
  /*
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-text-on-primary);
  --button-color-background: var(--color-background-primary);
  */
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary);
  --button-color-background: var(--color-background-secondary);
}

.c-button--on-secondary {
  --button-border-radius: none;
}
.c-button--on-secondary, .c-button--on-secondary:link, .c-button--on-secondary:visited, .c-button--on-secondary[aria-current=true] {
  --button-color-text: var(--color-text-secondary);
  --button-color-border: var(--color-text-on-secondary);
  --button-color-background: var(--color-text-on-secondary);
}
.c-button--on-secondary:hover, .c-button--on-secondary:active, .c-button--on-secondary:focus, .c-button--on-secondary[aria-current=false] {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary-strong);
  --button-color-background: var(--color-background-secondary-strong);
}
.c-button--on-secondary[aria-current=false]:hover, .c-button--on-secondary[aria-current=false]:active, .c-button--on-secondary[aria-current=false]:focus {
  --button-color-text: var(--color-text-secondary);
  --button-color-border: var(--color-text-on-secondary);
  --button-color-background: var(--color-text-on-secondary);
}

.c-button--on-tertiary, .c-button--on-tertiary:link, .c-button--on-tertiary:visited,
.c-button--on-red,
.c-button--on-red:link,
.c-button--on-red:visited {
  --button-color-text: var(--color-text-on-tertiary);
  --button-color-border: var(--color-text-on-tertiary);
  --button-color-background: transparent;
}
.c-button--on-tertiary:hover, .c-button--on-tertiary:active, .c-button--on-tertiary:focus,
.c-button--on-red:hover,
.c-button--on-red:active,
.c-button--on-red:focus {
  --button-color-text: var(--color-text-tertiary);
  --button-color-border: var(--color-text-on-tertiary);
  --button-color-background: var(--color-text-on-tertiary);
}

.c-button--white {
  --button-border-radius: none;
}
.c-button--white, .c-button--white:link, .c-button--white:visited {
  --button-color-text: var(--color-text-primary);
  --button-color-border: var(--color-background);
  --button-color-background: var(--color-background);
}
.c-button--white:hover, .c-button--white:active, .c-button--white:focus {
  /*
  --button-color-text: var(--color-text-primary);
  --button-color-border: var(--color-text-primary);
  --button-color-background: var(--color-background);
  */
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background);
  --button-color-background: var(--color-background-primary);
}

.c-button--black {
  --button-border-radius: none;
}
.c-button--black, .c-button--black:link, .c-button--black:visited {
  --button-color-text: var(--color-text-inverse);
  --button-color-border: var(--color-background-inverse);
  --button-color-background: var(--color-background-inverse);
}
.c-button--black:hover, .c-button--black:active, .c-button--black:focus {
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background-primary);
  --button-color-background: var(--color-background-primary);
}

.c-button--green-outline {
  --button-border-radius: none;
}
.c-button--green-outline, .c-button--green-outline:link, .c-button--green-outline:visited {
  --button-color-text: var(--color-text);
  --button-color-border: var(--color-text);
  --button-color-background: var(--color-background-muted);
}
.c-button--green-outline:hover, .c-button--green-outline:active, .c-button--green-outline:focus {
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background-primary);
  --button-color-background: var(--color-background-primary);
}

.c-button--black-outline {
  --button-border-radius: none;
}
.c-button--black-outline, .c-button--black-outline:link, .c-button--black-outline:visited {
  --button-color-text: var(--color-text);
  --button-color-border: var(--color-text);
  --button-color-background: transparent;
}
.c-button--black-outline:hover, .c-button--black-outline:active, .c-button--black-outline:focus {
  --button-color-text: var(--color-text-inverse);
  --button-color-border: var(--color-background-inverse);
  --button-color-background: var(--color-background-inverse);
}

.c-button--primary {
  --button-border-radius: none;
}
.c-button--primary, .c-button--primary:link, .c-button--primary:visited {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary);
  --button-color-background: var(--color-background-secondary);
}
.c-button--primary:hover, .c-button--primary:active, .c-button--primary:focus {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary-strong);
  --button-color-background: var(--color-background-secondary-strong);
  box-shadow: inset 400px 0 0 0 rgba(0, 0, 0, 0.25);
}

.c-button--pink,
.c-button--secondary {
  --button-border-radius: none;
}
.c-button--pink, .c-button--pink:link, .c-button--pink:visited,
.c-button--secondary,
.c-button--secondary:link,
.c-button--secondary:visited {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary);
  --button-color-background: var(--color-background-secondary);
}
.c-button--pink:hover, .c-button--pink:active, .c-button--pink:focus,
.c-button--secondary:hover,
.c-button--secondary:active,
.c-button--secondary:focus {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary-strong);
  --button-color-background: var(--color-background-secondary-strong);
  box-shadow: inset 400px 0 0 0 rgba(0, 0, 0, 0.25);
}

.c-button--dark-blue {
  --button-border-radius: none;
}
.c-button--dark-blue, .c-button--dark-blue:link, .c-button--dark-blue:visited {
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background-primary-strong);
  --button-color-background: var(--color-background-primary-strong);
}
.c-button--dark-blue:hover, .c-button--dark-blue:active, .c-button--dark-blue:focus {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary);
  --button-color-background: var(--color-background-secondary);
}

.c-button--primary-outline {
  --button-border-radius: none;
  border: 10px solid #00f;
  -o-border-image: url("/m-assets/images/border-button-outlined.svg");
     border-image: url("/m-assets/images/border-button-outlined.svg");
  border-image-slice: 14 10;
  padding: 3px 42px;
}
.c-button--primary-outline, .c-button--primary-outline:link, .c-button--primary-outline:visited {
  --button-color-text: var(--color-text-secondary);
  --button-color-border: var(--color-background-secondary);
  --button-color-background: transparent;
}
.c-button--primary-outline:hover, .c-button--primary-outline:active, .c-button--primary-outline:focus {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary);
  --button-color-background: var(--color-background-secondary);
}

.c-button--secondary-outline {
  --button-border-radius: none;
  border: 10px solid #00f;
  -o-border-image: url("/m-assets/images/border-button-outlined-green.svg");
     border-image: url("/m-assets/images/border-button-outlined-green.svg");
  border-image-slice: 14 10;
  padding: 3px 42px;
}
.c-button--secondary-outline, .c-button--secondary-outline:link, .c-button--secondary-outline:visited {
  --button-color-text: var(--color-text);
  --button-color-border: var(--color-background);
  --button-color-background: transparent;
}
.c-button--secondary-outline:hover, .c-button--secondary-outline:active, .c-button--secondary-outline:focus {
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background-primary);
  --button-color-background: var(--color-background-primary);
}

.c-button--on-primary-outline {
  --button-border-radius: none;
}
.c-button--on-primary-outline, .c-button--on-primary-outline:link, .c-button--on-primary-outline:visited {
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-text-on-primary);
  --button-color-background: transparent;
}
.c-button--on-primary-outline:hover, .c-button--on-primary-outline:active, .c-button--on-primary-outline:focus {
  --button-color-text: var(--color-background-primary);
  --button-color-border: var(--color-text-on-primary);
  --button-color-background: var(--color-text-on-primary);
}

.c-button--ghost, .c-button--ghost:link, .c-button--ghost:visited {
  --button-color-text: var(--color-text);
  --button-color-border: transparent;
  --button-color-background: transparent;
}
.c-button--ghost:hover, .c-button--ghost:active, .c-button--ghost:focus {
  --button-color-text: var(--color-text-inverse);
  --button-color-border: var(--color-background-inverse);
  --button-color-background: var(--color-background-inverse);
}

.c-button--beige-outline {
  --button-border-radius: none;
}
.c-button--beige-outline, .c-button--beige-outline:link, .c-button--beige-outline:visited {
  --button-color-text: var(--color-text);
  --button-color-border: var(--color-text);
  --button-color-background: var(--color-background-beige);
}
.c-button--beige-outline:hover, .c-button--beige-outline:active, .c-button--beige-outline:focus {
  --button-color-text: var(--color-text-beige);
  --button-color-border: var(--color-text-beige);
  --button-color-background: var(--color-background-primary);
}

.c-button--text {
  padding-inline: 0;
}
.c-button--text, .c-button--text:link, .c-button--text:visited {
  --button-color-text: var(--color-link);
  --button-color-border: transparent;
  --button-color-background: transparent;
}
.c-button--text:hover, .c-button--text:active, .c-button--text:focus {
  --button-color-text: var(--color-link-hover);
  --button-color-border: transparent;
  --button-color-background: transparent;
  --button-color-underline: transparent;
}

.c-button.is-current {
  --button-color-text: var(--color-text-inverse);
  --button-color-border: var(--color-text-inverse);
  --button-color-background: var(--color-background-inverse);
}

.c-button--icon-only {
  padding: 0;
  height: 3rem;
  width: 3rem;
  display: flex;
  font-size: 2rem;
}
.c-button--icon-only.c-button--xs {
  height: 1.75rem;
  width: 1.75rem;
}
.c-button--icon-only.c-button--sm {
  height: 2.5rem;
  width: 2.5rem;
}
.c-button--icon-only.c-button--lg {
  height: 3.75rem;
  width: 3.75rem;
}

.c-button__text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.c-button__icon {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-button__text + .c-button__icon {
  padding-left: 1.5rem;
  margin-right: -0.25rem;
}

.c-button__counter {
  font-weight: 900;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-button__text + .c-button__counter {
  padding-left: 1.5rem;
  margin-right: -0.25rem;
}

.c-button--full-width {
  display: flex;
  width: 100%;
}

.c-button--rounded {
  border-radius: 50% !important;
}

.c-button--square {
  display: flex;
  height: 3rem;
  min-width: 3rem;
  padding: 0;
}

.c-button[disabled]:not(.c-button--loading), .c-button[disabled]:not(.c-button--loading):link, .c-button[disabled]:not(.c-button--loading):visited, .c-button[disabled]:not(.c-button--loading):active, .c-button[disabled]:not(.c-button--loading):hover, .c-button[disabled]:not(.c-button--loading):focus,
.c-button:disabled:not(.c-button--loading),
.c-button:disabled:not(.c-button--loading):link,
.c-button:disabled:not(.c-button--loading):visited,
.c-button:disabled:not(.c-button--loading):active,
.c-button:disabled:not(.c-button--loading):hover,
.c-button:disabled:not(.c-button--loading):focus,
.c-button.is-disabled:not(.c-button--loading),
.c-button.is-disabled:not(.c-button--loading):link,
.c-button.is-disabled:not(.c-button--loading):visited,
.c-button.is-disabled:not(.c-button--loading):active,
.c-button.is-disabled:not(.c-button--loading):hover,
.c-button.is-disabled:not(.c-button--loading):focus,
.is-disabled .c-button:not(.c-button--loading),
.is-disabled .c-button:not(.c-button--loading):link,
.is-disabled .c-button:not(.c-button--loading):visited,
.is-disabled .c-button:not(.c-button--loading):active,
.is-disabled .c-button:not(.c-button--loading):hover,
.is-disabled .c-button:not(.c-button--loading):focus {
  color: var(--color-text-subtle) !important;
  border-color: var(--color-text-subtle) !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

.c-button--loading {
  position: relative;
}

.c-button__icon--loading {
  display: none;
  color: inherit;
  font-size: 1.125rem;
  line-height: 1;
  height: 1em;
  width: 1em;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-button__icon--loading.c-button--md {
  font-size: 1.5rem;
}

.c-button--loading .c-button__icon {
  visibility: hidden;
}

.c-button--loading .c-button__text {
  visibility: hidden;
}

.c-button__icon--loading svg {
  animation: rotate 1.8s linear infinite;
  transform-origin: center;
}

.c-button--loading .c-button__icon--loading {
  display: block;
  visibility: visible;
}

@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
.c-icon {
  color: inherit;
  display: inline-block;
  fill: currentColor;
  font-size: 1em;
  height: 1em;
  width: 1em;
  overflow: hidden;
  vertical-align: top;
  flex-shrink: 0;
  pointer-events: none;
}

.c-icon--xs {
  font-size: 1rem;
}

.c-icon--sm {
  font-size: 1.5rem;
}

.c-icon--md {
  font-size: 2rem;
}

.c-icon--lg {
  font-size: 3rem;
}

.c-icon--xl {
  font-size: 4rem;
}

.c-icon--xxl {
  font-size: 6rem;
}

.c-icon--xxxl {
  font-size: 8rem;
}

.c-image {
  position: relative;
  opacity: var(--image-opacity, 1);
}

.c-image__img {
  width: 100%;
  height: auto;
  display: block;
}

.c-image--publication {
  padding-right: 40px;
  line-height: 0;
}

.c-image--publication .c-image__img {
  display: block;
  border: 0.0625rem solid var(--color-border-muted);
}

.c-image__shadow-wrap {
  position: relative;
  display: inline-block;
}
.c-image__shadow-wrap::before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: var(--color-background-muted);
  transform: skewX(-45deg);
  right: -15px;
  width: 30px;
  height: 30px;
  right: -20px;
  width: 40px;
  height: 40px;
}
.c-image__shadow-wrap .c-image__img {
  position: relative;
  z-index: 1;
}

.c-image--publication .c-image__img::before {
  background-color: var(--color-background-muted);
  content: "";
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 40px;
  height: 40px;
}

.c-image--mobile-logo {
  max-width: 100px;
}

.c-logo {
  display: block;
}

.c-logo svg {
  width: 100%;
  height: auto;
  display: block;
}

.c-logo__img {
  width: 100%;
  height: auto;
  display: block;
  filter: var(--filter-logo);
}

.c-logo__bg-white {
  fill: var(--color-background);
}

.c-logo__text-primary {
  fill: var(--color-text-primary);
}

.c-logo__text-white {
  fill: var(--color-text-on-primary);
}

.c-logo__bg-primary {
  fill: var(--color-background-primary);
}

.c-message {
  display: flex;
  background-color: var(--color-background-subtle);
  align-items: center;
}

.c-message__icon {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-text);
}
@media (max-width: 959.98px) {
  .c-message__icon {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .c-message__icon {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .c-message__icon {
    font-size: 3.125rem;
    line-height: 1.2;
  }
}

.c-message__text {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.2222222222;
  font-style: italic;
  padding: 1rem 1.5rem;
}

.SumoSelect p {
  margin: 0;
}

.SumoSelect {
  width: 100%;
  display: block;
}

.SelectBox {
  padding: 0.75rem;
}
.sumoStopScroll {
  overflow: hidden;
}

/* Filtering style */
.SumoSelect .hidden {
  display: none;
}

.SumoSelect .search-txt {
  display: none;
  outline: none;
}

.SumoSelect .no-match {
  display: none;
  padding: 0.625rem 0.75rem;
  font-size: 1rem;
  line-height: 1.6rem;
}

.SumoSelect.open .search-txt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: calc(3rem - 2px);
  width: 100%;
  padding: 0.75rem 2.5rem;
  font-family: "Source Serif Pro", serif;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--color-text);
  background-color: var(--color-background);
  background-clip: padding-box;
  border: 0;
  border-radius: 3px;
}

.SumoSelect .search::after {
  content: url("/m-assets/images/search-24.svg");
  filter: var(--icon-filter);
  position: absolute;
  left: 8px;
  top: 12px;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  transform: scale(0.75);
  opacity: 0;
}

.SumoSelect.open .search::after {
  opacity: 1;
}

/*
    IMPORTANT: this is applied on that hidden select.
    Do *not* use `display: none;` or `visiblity: hidden;` and don’t override any of these properties. */
.SelectClass,
.SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  opacity: 0;
}

.SelectClass {
  z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.SumoSelect {
  display: inline-block;
  position: relative;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
  border-color: var(--color-border);
}

.SumoSelect > .CaptionCont {
  position: relative;
  display: block;
  height: 3rem;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--color-text);
  background-color: var(--color-background);
  background-clip: padding-box;
  border: 1px solid var(--color-input-border, var(--color-text-primary));
  border-radius: 5px;
}

.c-form--sorting .SumoSelect > .CaptionCont {
  background-color: transparent;
  border: 0;
  border-bottom: 0.0625rem solid var(--color-border);
}

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: transparent;
}

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  width: auto;
  margin: 0;
  padding: 0 0.75rem;
  display: flex;
  align-content: center;
  cursor: pointer;
}
.SumoSelect > .CaptionCont > label::before {
  align-self: center;
  font-size: 1rem;
  color: var(--color-text);
  z-index: 999;
  transition: all 0.2s ease;
}
.SumoSelect > .CaptionCont > label::after {
  content: url("/m-assets/images/chevron-down-24.svg");
  filter: var(--icon-filter);
  position: absolute;
  left: -3px;
  top: 12px;
  height: 24px;
  width: 24px;
  transition: all 0.3s ease;
  z-index: 99;
}
.SumoSelect > .CaptionCont > label i {
  display: none;
}

.SumoSelect.open > .CaptionCont {
  border-radius: 5px 5px 0 0;
}

.SumoSelect.open > .CaptionCont > label::after {
  transform: rotate(180deg);
}

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  background: var(--color-background);
  border: 1px solid var(--color-text);
  margin-top: -1px;
  box-shadow: 0;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  z-index: 99999;
}

.SumoSelect.open > .optWrapper {
  top: 3rem;
  display: block;
}

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.SumoSelect > .optWrapper > .options {
  border-radius: 5px;
  position: relative;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 250px;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 5px;
}

.SumoSelect > .optWrapper.selall > .options {
  border-radius: 5px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  margin-top: 0;
  padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper > .options li.opt {
  padding: 0.625rem 0.75rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.6;
  border-bottom: 0.0625rem solid var(--color-border-muted);
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 5px;
}

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 5px;
  border-bottom: 0;
}

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: rgba(239, 239, 239, 0.5);
}

.SumoSelect > .optWrapper > .options li.opt.sel,
.SumoSelect .select-all.sel {
  background-color: var(color-background-subtle);
}

.SumoSelect > .optWrapper > .options li label {
  /*
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  */
  display: block;
  cursor: pointer;
}

.SumoSelect > .optWrapper > .options li span {
  display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 0.75rem;
  font-weight: bold;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 2.5rem;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.125rem;
  height: 1.125rem;
  border: 0.0625rem solid var(--color-border);
  background-color: var(--color-background);
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 0.0625rem solid var(--color-border-muted);
  background-color: var(--color-background);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 0.75rem;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: none;
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 0.0625rem solid var(--color-border-muted);
  border-radius: 0 0 0 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 2.5rem;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i::after,
.SumoSelect .select-all.selected > span i::after,
.SumoSelect .select-all.partial > span i::after {
  content: url("/m-assets/images/check-24.svg");
  filter: var(--icon-filter);
  position: absolute;
  left: 0;
  top: -3px;
  width: 16px;
  height: 16px;
}

/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}

/**Select all button**/
.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
}

.SumoSelect .select-all > label,
.SumoSelect .select-all > span i {
  cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

.c-accordion {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

.c-accordion__item {
  position: relative;
}
.c-accordion__item + .c-accordion__item {
  margin-top: 0;
}

.c-accordion__header {
  position: relative;
  border-top: 0.0625rem solid var(--color-border);
  border-color: var(--color-border-muted);
  padding: 2rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  cursor: pointer;
  /*
  &::before {
      content: '';
      width: 8.3333333333%;
      height: 0.0625rem;
      position: absolute;
      top: -0.0625rem;
      left: 0;
      background-color: $accordion__item-border-color-hover;
  }
  */
}
.c-accordion__header.h-is-expanded::before {
  width: 100%;
}
.c-accordion__header.h-is-expanded:hover::after {
  content: none;
}
.c-accordion--small .c-accordion__header {
  padding: 1.5rem 0;
}
.c-accordion--small .c-accordion__header.h-is-expanded {
  border-top: none;
  padding-left: 0;
}

.c-accordion__header--icon-right {
  flex-direction: row-reverse;
}

.c-accordion__heading {
  margin: 0;
  padding: 0;
  color: currentColor;
}

.c-accordion__heading-text {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
}
.c-accordion__header .c-accordion__heading-text, .c-accordion__header:link .c-accordion__heading-text, .c-accordion__header:visited .c-accordion__heading-text {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.c-accordion__header:hover .c-accordion__heading-text, .c-accordion__header:link:hover .c-accordion__heading-text {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}

.h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.1764705882;
}
@media (max-width: 959.98px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
    font-size: 3.75rem;
    line-height: 1.2;
  }
}
.h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 959.98px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
    font-size: 3.125rem;
    line-height: 1.2;
  }
}
.h-is-expanded .c-accordion__heading--level-up.u-text-h4 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h4 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h4 {
    font-size: 2.125rem;
    line-height: 1.2;
  }
}
@media (max-width: 959.98px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h4 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
.h-is-expanded .c-accordion__heading--level-up.u-text-h5 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
}
@media (min-width: 640px) {
  .h-is-expanded .c-accordion__heading--level-up.u-text-h5 {
    font-size: 1.625rem;
    line-height: 1.2307692308;
  }
}
.h-is-expanded .c-accordion__heading--level-up.u-text-h6 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
  /*
  @include media-breakpoint-up('md') {
      font-size: 1.125rem;
      line-height: 1.4;
  }

  @include media-breakpoint-up('xl') {
      font-size: 1.125rem;
      line-height: 1.4;
  }
  */
}
.c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 959.98px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h2 {
    font-size: 3.125rem;
    line-height: 1.2;
  }
}
.c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
    font-size: 2.125rem;
    line-height: 1.2;
  }
}
@media (max-width: 959.98px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
.c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h4 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
}
@media (min-width: 640px) {
  .c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h4 {
    font-size: 1.625rem;
    line-height: 1.2307692308;
  }
}
.c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h5 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
  /*
  @include media-breakpoint-up('md') {
      font-size: 1.125rem;
      line-height: 1.4;
  }

  @include media-breakpoint-up('xl') {
      font-size: 1.125rem;
      line-height: 1.4;
  }
  */
}
.c-accordion--small .h-is-expanded .c-accordion__heading--level-up.u-text-h6 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.2222222222;
}

.c-accordion__icon-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
}

.c-accordion__icon {
  transition: all 0.1s;
  display: flex;
  color: var(--color-text-primary);
  transform: rotate(45deg);
  /*
  font-size: 1.5rem;

  @include media-breakpoint-up('md') {
      font-size: 2.25rem;
  }

  @include media-breakpoint-up('xl') {
      font-size: 3rem;
  }
  */
  /*
  .c-accordion__header:hover & {
      .c-button {
          color: var(--color-text-inverse);
          background-color: var(--color-background-inverse);
      }
  }
  */
}
.c-accordion__header.h-is-expanded .c-accordion__icon {
  transform: rotate(180deg);
}

.c-accordion__content {
  z-index: 0;
  transition: max-height 0.1s;
  overflow: hidden;
  position: absolute;
  transform: scale(0);
  visibility: hidden;
  padding: 0 0 1.5rem 0;
  /*HO
  &::after {
      content: '';
      position: absolute;
      bottom: -0.0625rem;
      left: 0;
      width: 0;
      display: block;
      border-bottom: $border-md;
      transition: $transition-base;
  }

  .c-accordion__header:hover + &.h-is-expanded::after {
      width: 100%;
  }
  */
}
@media (min-width: 960px) {
  .c-accordion__content {
    padding: 0 0 2rem 0;
  }
  .c-accordion--small .c-accordion__content {
    padding: 0 0 1.5rem 0;
  }
}
.c-accordion__content.h-is-expanded {
  position: relative;
  visibility: visible;
  transform: scale(1);
}

@media print {
  .c-accordion__header {
    padding-left: 0;
    padding-right: 0;
  }

  .c-accordion__icon {
    display: none;
  }

  .c-accordion__content {
    position: relative;
    visibility: visible;
    transform: scale(1);
    padding-left: 0;
    padding-right: 0;
  }
}
.c-blockquote {
  position: relative;
  padding: 3rem;
  display: grid;
  flex-direction: column;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 1rem;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}
@media (min-width: 640px) {
  .c-blockquote {
    text-align: center;
    grid-template-columns: 150px 1fr 150px;
  }
  .c-blockquote:has(.c-blockquote__image) {
    text-align: left;
    grid-template-columns: 150px 1fr;
  }
}

.c-blockquote__image {
  grid-column: 1;
  grid-row: 1;
}
@media (min-width: 640px) {
  .c-blockquote__image {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.c-blockquote__image .o-aspect-ratio__item {
  background-color: transparent;
}

html[lang^=de] .c-blockquote__quote > *:first-child::before {
  content: "„";
}
html[lang^=de] .c-blockquote__quote > *:last-child::after {
  content: "“";
}

.c-blockquote__quote {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .c-blockquote__quote {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (min-width: 640px) {
  .c-blockquote__quote {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .c-blockquote__quote {
    font-size: 2.125rem;
    line-height: 1.2;
  }
}
@media (max-width: 959.98px) {
  .c-blockquote__quote {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
.c-blockquote__quote > *:first-child::before {
  content: "“";
}
.c-blockquote__quote > *:last-child::after {
  content: "”";
}

.c-blockquote__footer {
  position: relative;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  grid-column: 1;
  grid-row: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 640px) {
  .c-blockquote__footer {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

.c-blockquote__quote + .c-blockquote__footer {
  justify-content: center;
}

.c-blockquote__footer--reversed .c-blockquote__footer {
  flex-direction: row-reverse;
  text-align: right;
}

.c-blockquote__source {
  font-weight: 900;
}

.c-breadcrumb {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  color: var(--color-text);
  overflow: hidden;
  position: relative;
}
.c-breadcrumb.u-margin-bottom-8 {
  margin-bottom: 0 !important;
}

.c-breadcrumb-wrapper {
  overflow: visible;
  position: relative;
}
.c-breadcrumb-wrapper::before {
  content: "";
  background-color: var(--color-background-beige);
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 0;
}

.c-breadcrumb__list {
  position: relative;
  flex-wrap: nowrap;
  white-space: nowrap;
  transition: transform 0s ease 0s;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.c-breadcrumb__list::-webkit-scrollbar {
  display: none;
}

.breadcrumb__list--in-transition {
  overflow: initial;
  transition: transform 1s ease 1s;
}

.c-breadcrumb__item-spacer {
  position: absolute;
  height: 100%;
  float: left;
  padding: 6px 0 0 0;
  transform: translateX(-1rem);
}
@media (min-width: 960px) {
  .c-breadcrumb__item-spacer {
    transform: translateX(-1.5rem);
  }
}
.c-breadcrumb__item-spacer .c-icon {
  font-size: 1rem;
}

.c-breadcrumb__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.c-breadcrumb__item .c-breadcrumb__current {
  color: var(--color-text-secondary);
}

.c-breadcrumb__link:hover {
  color: var(--color-text-secondary);
}

.booking-request {
  margin: 0 auto;
  background: #fff;
  padding: 0 1rem;
}

.booking-request__form {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.booking-request__label {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem;
}

.booking-request input {
  border: none;
  color: #1c5754;
  font-weight: 700;
  padding: 0;
  outline: 0;
  height: 100%;
  font-size: 1rem;
  font-family: Source Sans Pro, sans-serif;
}
.booking-request input:active {
  border: 0;
}

.booking-request__element {
  border-bottom: 2px solid #1c5754;
}

.booking-request__element:last-child {
  border-bottom: none;
  align-self: center;
  padding-bottom: 0;
}

.booking-request__element.active {
  border-color: #c12f15;
}

.booking-request__input-container {
  display: flex;
}

.icon--calendar {
  position: relative;
  top: 0.5rem;
}

.icon--calendar svg {
  fill: var(--color-text-primary);
}

.booking-request__input-container--date {
  position: relative;
}

.booking-request__input-container--count {
  display: flex;
  align-items: center;
}

.booking-request__input-container--count input {
  text-align: center;
  flex: 1;
  width: 100%;
}

.booking-request .icon-calendar {
  cursor: pointer;
  position: absolute;
  right: 0;
  line-height: 1;
}

.booking-request .count-change {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 auto;
  padding: 0 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  display: flex;
  align-items: center;
}

.booking-request .button--outlined-green {
  width: 100%;
  padding: 3px 0;
}

.booking-request .label-placeholder {
  position: relative;
  min-height: 50px;
}

.booking-request .label-placeholder label {
  position: absolute;
  bottom: 6px;
  z-index: 1;
  transition: all 0.3s ease;
}

.booking-request .label-placeholder .booking-request__input-container {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr auto;
  bottom: 10px;
  width: 100%;
}

.booking-request .label-placeholder.has-focus {
  border-color: #c12f15;
}

.booking-request .label-placeholder.has-focus label {
  transform: translateY(-2rem);
}

.booking-request .label-placeholder .icon-calendar {
  top: 5px;
  position: relative;
}

.mobile-button-group {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  display: flex;
  z-index: 101;
  background: #fff;
}

.mobile-button-group__button {
  width: 50%;
  padding: unset;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

@media only screen and (min-width: 1023px) {
  .mobile-button-group {
    display: none;
    visibility: hidden;
  }
}
#ui-datepicker-div.ui-datepicker {
  font-size: 1rem !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
  line-height: 1.6;
}

#ui-datepicker-div.ui-datepicker .ui-state-highlight {
  background: #1c5754 !important;
  color: #fff !important;
  border: 1px solid #c5c5c5;
}

#ui-datepicker-div.ui-datepicker .ui-widget-header {
  background: #f1ebdc;
  border-radius: 0;
  border: 1px solid #f2f2f2;
}

#ui-datepicker-div.ui-datepicker .ui-state-active {
  background: #c12f15 !important;
  border: 1px solid #c5c5c5;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title select {
  padding: 2px 5px;
}

#ui-datepicker-div.ui-datepicker.ui-corner-all {
  border-radius: 0;
  border: none !important;
}

#ui-datepicker-div.ui-datepicker.ui-corner-all .ui-state-hover {
  cursor: pointer;
}

#ui-datepicker-div .ui-button,
#ui-datepicker-div .ui-button .ui-state-disabled:active,
#ui-datepicker-div .ui-button .ui-state-disabled:hover,
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
  background: #f1ebdc;
  border: 1px solid #f2f2f2;
}

div#ui-datepicker-div {
  font-size: 1rem !important;
}

.booking-request__element .c-button__text {
  white-space: nowrap;
}

.cookie-consent-container {
  --box-shadow-lg: 0 20px 20px hsla(0deg, 0%, 0%, 0.15);
  --webkit-font-smoothing: antialiased;
  --moz-font-smoothing: grayscale;
  /*
  --color-text-primary: var(--color-primary);
  --color-text-on-primary: var(--color-on-primary);
  --color-background-primary: var(--color-background-primary);
  --color-background-primary-strong: var(--color-background-primary-strong);

  --color-background-secondary: var(--color-background-inverse);
  --color-background-secondary-strong: var(--color-background-inverse-muted);
  */
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 999;
  overflow: hidden;
  pointer-events: none;
}

.consent-modal {
  pointer-events: all;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  height: auto;
  max-height: 100vh;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  box-shadow: var(--box-shadow-lg);
  color: var(--color-text-on-primary);
  background-color: var(--color-background-primary);
}

@media all and (min-width: 500px) {
  .consent-modal {
    padding: 1.5rem;
    margin: 1.5rem;
    width: 35rem;
    max-width: calc(100vw - 1.5rem - 1.5rem);
    max-height: calc(100vh - 3rem);
  }
}
@media all and (min-width: 900px) {
  .consent-modal {
    padding: 2rem;
    width: 40rem;
  }
}
.consent-modal h1,
.consent-modal h2,
.consent-modal h3 {
  color: var(--color-text-on-primary);
}
.consent-modal .hint {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  margin-top: 1.25em;
  color: var(--color-text-on-primary);
}
.consent-modal .options {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 1.5rem;
  gap: 1rem;
}
.consent-modal .options li {
  flex: 1 0 auto;
}
.consent-modal .label {
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 1;
}
.consent-modal .label[for=modal-option-necessary] {
  cursor: default;
}
.consent-modal .details .label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.consent-modal [type=checkbox] {
  position: absolute;
  opacity: 0;
  height: 0.01em;
  width: 0.01em;
}
.consent-modal .checkmark {
  order: -1;
  position: relative;
  height: 1.75em;
  width: 1.75em;
  margin-right: 0.75em;
  background-color: transparent;
  border: 1px solid currentColor;
  border-radius: 2px;
}
.consent-modal [type=checkbox]:checked ~ .checkmark,
.consent-modal .partially-checked .checkmark {
  background-color: var(--color-text-on-primary);
}
.consent-modal .partially-checked .checkmark {
  margin-right: 0.75em;
}
.consent-modal [type=checkbox]:disabled ~ .checkmark,
.consent-modal [type=checkbox]:disabled:checked ~ .checkmark {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
.consent-modal [type=checkbox]:hover:not(:focus):not(:checked):not(:disabled) ~ .checkmark {
  background-color: hsla(0deg, 0%, 100%, 0.5);
}
.consent-modal .checkmark::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
  transition: opacity 0.2s ease-in;
  border-color: var(--color-text-primary);
  border-style: solid;
  border-width: 0 0.25em 0.25em 0;
  opacity: 0;
}
.consent-modal [type=checkbox]:checked ~ .checkmark::after {
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
  opacity: 1;
}
.consent-modal [type=checkbox]:checked:disabled ~ .checkmark::after {
  border-color: var(--color-text-on-primary);
}
.consent-modal .partially-checked .checkmark::after {
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  width: 0.75em;
  height: 0.25em;
  background-color: var(--color-background-primary);
  border-width: 0;
  opacity: 1;
}
.consent-modal .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 2rem;
  gap: 1rem;
}
@media all and (min-width: 500px) {
  .consent-modal .buttons .c-button {
    min-width: 12rem;
  }
}
.consent-modal .bottom-bar {
  margin-top: 2rem;
  display: flex;
}
.consent-modal .show-details {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  display: inline-block !important;
  position: relative;
  padding-left: 1em;
}
.consent-modal .show-details, .consent-modal .show-details:link, .consent-modal .show-details:visited {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 1em), calc(0% + 1em);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.consent-modal .show-details:hover, .consent-modal .show-details:link:hover {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}
.consent-modal .show-details::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  left: 0;
  top: 0.5em;
}
.consent-modal .show-details.open::before {
  transform: rotate(-135deg);
}
.consent-modal .footer-link {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  margin-left: auto;
}
.consent-modal .footer-link, .consent-modal .footer-link:link, .consent-modal .footer-link:visited {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.consent-modal .footer-link:hover, .consent-modal .footer-link:link:hover {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}
.consent-modal .footer-link + .footer-link {
  margin-left: 0.75rem;
}
@media all and (min-width: 500px) {
  .consent-modal .footer-link + .footer-link {
    margin-left: 2rem;
  }
}
.consent-modal .detail {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: -1rem;
  padding-bottom: 1rem;
  background-color: var(--color-background-primary-strong);
  transition: max-height 0.15s ease-out, visibility 0s linear 0.05s;
  will-change: max-height;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.consent-modal .detail.open {
  margin-top: 1rem;
  visibility: visible;
  max-height: 3000px;
  overflow: visible;
  transition: max-height 0.25s ease-in, visibility 0s linear;
}
@media all and (min-width: 500px) {
  .consent-modal .detail {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem;
    padding-bottom: 1.5rem;
  }
  .consent-modal .detail.open {
    margin-top: 1.5rem;
  }
}
@media all and (min-width: 900px) {
  .consent-modal .detail {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-bottom: -2rem;
    padding-bottom: 2rem;
  }
  .consent-modal .detail.open {
    margin-top: 2rem;
  }
}
.consent-modal .option-wrapper {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  padding: 1rem;
  border-top: 1px solid var(--color-background-primary-muted);
}
@media all and (min-width: 500px) {
  .consent-modal .option-wrapper {
    padding: 1.5rem;
  }
}
@media all and (min-width: 900px) {
  .consent-modal .option-wrapper {
    padding: 2rem;
  }
}
.consent-modal .option-wrapper:first-of-type {
  border-top: none;
}
.consent-modal .option-detail-wrapper {
  margin-top: 2rem;
}
.consent-modal .option-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 1rem;
}
@media all and (min-width: 500px) {
  .consent-modal .option-detail {
    padding: 1rem;
  }
}
@media all and (min-width: 900px) {
  .consent-modal .option-detail {
    padding: 1.5rem;
  }
}
.consent-modal .option-detail:not(.cookie-option) + .option-detail {
  border-top: 1px solid var(--color-background-primary-muted);
}
.consent-modal .cookie-option {
  position: relative;
  background-color: var(--color-background-primary);
}
.consent-modal .option-title {
  flex: 0 0 100%;
}
@media all and (min-width: 500px) {
  .consent-modal .option-title {
    flex: 0 0 33.333%;
  }
}
.consent-modal .option-value {
  flex: 1 0 100%;
}
@media all and (min-width: 500px) {
  .consent-modal .option-value {
    flex: 1 0 66.666%;
  }
}

.c-consent-facade {
  --space: 1.5rem;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space);
  padding: 2rem;
  background-color: var(--color-background-muted);
  overflow: hidden;
  text-align: center;
}
@media (min-width: 640px) {
  .c-consent-facade {
    --space: 3rem;
  }
}
.c-consent-facade > :first-child {
  width: auto;
  height: auto;
  -o-object-fit: none;
     object-fit: none;
}

.c-consent-facade--map {
  z-index: 100;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.c-consent-facade--map:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--color-background-muted);
  opacity: 0.95;
}

.c-map__inner {
  position: relative;
}

.c-map__dummy {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom right;
     object-position: bottom right;
}
.leaflet-container .c-map__dummy {
  display: none;
}

.c-consent-facade__hint {
  max-width: 70ch;
}

.disclosure-nav {
  background-color: #eee;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.disclosure-nav ul {
  background-color: var(--color-background);
  border: 1px solid #005a9c;
  border-top-width: 5px;
  border-radius: 0 0 4px 4px;
  display: block;
  list-style-type: none;
  margin: 0;
  min-width: 200px;
  padding: 0;
  position: absolute;
  top: 100%;
}

.disclosure-nav li {
  margin: 0;
}

.disclosure-nav > li {
  display: flex;
  position: relative;
}

.disclosure-nav ul a {
  border: 0;
  color: #000;
  display: block;
  margin: 0;
  padding: 0.5em 1em;
  text-decoration: underline;
}

.disclosure-nav ul a:hover,
.disclosure-nav ul a:focus {
  background-color: #ddd;
  margin-bottom: 0;
  text-decoration: none;
}

.disclosure-nav ul a:focus {
  outline: 5px solid rgba(0, 90, 156, 0.75);
  position: relative;
}

.disclosure-nav button,
.disclosure-nav .main-link {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-right-color: #ccc;
  display: flex;
  padding: 1em;
}

.disclosure-nav .main-link {
  border-right-color: transparent;
}

.disclosure-nav button::after {
  content: "";
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  height: 0.5em;
  margin-left: 0.75em;
  width: 0.5em;
  transform: rotate(45deg);
}

.disclosure-nav .main-link + button::after {
  margin-left: 0;
}

.disclosure-nav button:focus,
.disclosure-nav .main-link:focus {
  border-color: #005a9c;
  outline: 5px solid rgba(0, 90, 156, 0.75);
  position: relative;
}

.disclosure-nav button:hover,
.disclosure-nav button[aria-expanded=true] {
  background-color: #005a9c;
  color: #fff;
}

.disclosure-nav button:hover::after,
.disclosure-nav button[aria-expanded=true]::after {
  border-color: #fff;
}

.c-dialog {
  --space-s: 1rem;
  --space-m: 1.5rem;
  --padding: var(--space-m);
  --align-x: center;
  --align-y: center;
  --overflow: auto;
  --visibility: visible;
  --opacity: 1;
  --transition-duration: 0.2s;
  --transition-delay: var(--transition-duration);
  --transition-property: opacity;
  --transition-timing-function: ease;
  --transition: var(--transition-property) var(--transition-duration)
      var(--transition-timing-function);
}
.c-dialog[aria-hidden=true] {
  --visibility: hidden;
  --opacity: 0;
  --backdrop-filter: blur(0);
  --transition: opacity var(--transition-duration) ease-in,
      visibility 0s var(--transition-delay);
}
.c-dialog.c-dialog--modal-search {
  --box-shadow: 0;
  --padding: 0;
  --overflow: visible;
}

.c-dialog__content {
  --position: relative;
  --background-color: var(--color-background);
  --box-shadow: var(--box-shadow-lg);
  --width: 36rem;
  --height: auto;
  --max-width: calc(100vw - 2 * var(--gutter-m));
  --max-height: calc(100vh - 2 * var(--gutter-m));
  --transform: translate3d(0, 0, 0);
  --transition: transform var(--transition-duration) ease-in;
}
.c-dialog[aria-hidden=true] .c-dialog__content {
  --transform: translate3d(0, -40%, 0);
  --transition: transform var(--transition-duration) ease-in;
}
.c-dialog--modal-search .c-dialog__content {
  --box-shadow: 0;
  --width: 46rem;
  --background-color: transparent;
}

.c-dialog__backdrop {
  --background-color: var(--backdrop-color);
  --transition-duration: 0.075s;
  --transition: backdrop-filter var(--transition-duration) ease-in;
}
.c-dialog--modal-search .c-dialog__backdrop {
  --background-color: var(--backdrop-color-alternate);
}

.c-dialog--bottom-left,
.c-dialog--bottom-right {
  --align-y: flex-end;
}

.c-dialog--bottom-left {
  --align-x: flex-start;
}

.c-dialog--bottom-right {
  --align-x: flex-end;
}

.c-dialog {
  display: flex;
  align-items: var(--align-y);
  justify-content: var(--align-x);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: var(--visibility);
  opacity: var(--opacity);
  transition: var(--transition);
  z-index: 999;
}

.c-dialog__content {
  position: var(--position);
  width: var(--width);
  height: var(--height);
  max-width: var(--max-width);
  max-height: var(--max-height);
  padding: var(--padding);
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius, 0);
  overflow: var(--overflow);
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  transform: var(--transform);
  transition: var(--transition);
  z-index: 2;
}

.c-dialog__close {
  position: absolute;
  top: var(--space-s);
  right: var(--space-s);
}

.c-dialog__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--background-color);
  -webkit-backdrop-filter: var(--backdrop-filter);
          backdrop-filter: var(--backdrop-filter);
  transform: translate3d(0, 0, 0);
  will-change: backdrop-filter, background-color;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-dialog__title {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.c-dialog__footer {
  -webkit-margin-before: var(--space-m);
          margin-block-start: var(--space-m);
}

.c-dialog--wider .c-dialog__content {
  width: 100%;
  max-width: 75vw;
  max-height: 70vh;
  padding: 4rem;
}

.c-dialog--infobox .c-button--ghost {
  color: white;
}

.c-dialog--wider .c-dialog__backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}

/* --------------------------------

Facts List

-------------------------------- */
.c-facts-list {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  overflow: hidden;
}

.c-facts-list__item {
  position: relative;
  overflow: hidden;
  border-bottom: 0.0625rem solid var(--color-border-muted);
}

.c-facts-list__item--horizontal {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 640px) {
  .c-facts-list__item--horizontal {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .c-facts-list__item--horizontal + .c-facts-list__item--horizontal::after {
    top: 1.25rem;
    height: calc(100% - 2.5rem);
  }
}
@media (min-width: 960px) {
  .c-facts-list__item--horizontal {
    border-bottom: 0;
  }
}
.c-facts-list__item--horizontal + .c-facts-list__item--horizontal::after {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  height: calc(100% - 2rem);
  border-left: 0.0625rem solid var(--color-border);
}

@media (min-width: 640px) {
  .c-facts-list__item--no-border {
    border-bottom: 0;
  }
}

.c-facts-list__item--cta {
  border-bottom: 0;
}

.c-facts-list__term {
  font-weight: 700;
  padding-top: 1rem;
}
@media (min-width: 640px) {
  .c-facts-list__term {
    padding-top: 1.25rem;
  }
}
@media (min-width: 960px) {
  .c-facts-list__term {
    padding-bottom: 1.25rem;
  }
}
.c-facts-list__item--horizontal .c-facts-list__term {
  padding-top: 0;
  padding-bottom: 0;
}

.c-facts-list__description {
  padding-bottom: 1rem;
}
@media (min-width: 640px) {
  .c-facts-list__description {
    padding-bottom: 1.25rem;
  }
  .c-facts-list__item--horizontal .c-facts-list__description {
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .c-facts-list__description {
    padding-top: 1.25rem;
  }
  .c-facts-list__item--horizontal .c-facts-list__description {
    padding-top: 0;
  }
}

.c-fab-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  position: fixed;
  inset-block-end: 5rem;
  inset-inline-end: 1rem;
  z-index: 700;
  opacity: 0;
  visibility: hidden;
  transition: opacity, visibility 0.15s, 0.15s ease-in-out, linear 0s, 0.15s;
}
@media (min-width: 960px) {
  .c-fab-container {
    inset-block-end: 2rem;
    inset-inline-end: 2rem;
  }
}
.c-fab-container.is-shown {
  opacity: 1;
  visibility: visible;
}
.c-fab-wrapper .c-fab-container {
  position: relative;
  inset-block-end: 0;
  inset-inline-end: 0;
}

.c-fab-wrapper {
  position: fixed;
  z-index: 700;
  inset-block-end: 5rem;
  inset-inline-end: 1rem;
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  width: auto;
  justify-content: space-between;
}
@media (min-width: 960px) {
  .c-fab-wrapper {
    inset-block-end: 2rem;
    inset-inline-end: 2rem;
    justify-content: flex-end;
  }
}

.c-fab {
  position: relative;
  box-shadow: var(--box-shadow-md);
  z-index: 500;
  display: none;
}
.is-shown .c-fab {
  display: flex;
}

@media (max-width: 959.98px) {
  .c-fab--book-now {
    display: none;
  }
}

.c-fab--widget {
  position: absolute;
  width: 100%;
  height: auto;
}

#ca-widget-container {
  position: relative;
  bottom: auto;
}

.c-fab-wrapper:has(.is-shown) #ca-widget-container {
  bottom: 5rem;
}

.c-figures-wrapper {
  background-image: url("/m-assets/images/zahlen.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.c-figures {
  background-color: rgba(252, 15, 85, 0.8);
}

.c-figures__item {
  position: relative;
}
.c-figures__item::before {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  height: 2px;
  left: 8px;
  width: 40px;
  opacity: 0.8;
}
@media (min-width: 640px) {
  .c-figures__item::before {
    height: 50px;
    left: 0px;
    top: 20px;
    width: 2px;
  }
}
.c-figures__item::after {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  opacity: 0.4;
  height: 2px;
  left: 8px;
  top: 0;
  width: calc(100% - 16px);
}
@media (min-width: 640px) {
  .c-figures__item::after {
    height: calc(100% - 20px);
    left: 0px;
    top: 20px;
    width: 2px;
  }
}

.c-figures__number {
  font-size: 3.5rem;
  line-height: 1.5;
}
@media (min-width: 640px) {
  .c-figures__number {
    font-size: 3.875rem;
  }
}

.c-range-slider {
  width: 100%;
}

.c-form__label-number {
  min-width: 2.5rem;
}

@media (min-width: 640px) {
  .c-range-slider__errors {
    margin-left: 2.5rem;
  }
}

.c-range-slider__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.625rem;
  margin-right: 0.25rem;
  position: relative;
}
@media (min-width: 640px) {
  .c-range-slider__wrapper {
    margin-left: 2.5rem;
    margin-right: 0;
  }
}

.c-range-slider__button {
  display: flex;
  align-items: center;
  position: relative;
}

.c-range-slider__button--neutral {
  border: 1px solid var(--color-input-border);
  background-color: var(--color-background);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}

.c-range-slider__button.is-active .c-range-slider__button--active,
.c-range-slider__button:hover .c-range-slider__button--active {
  display: flex;
}

.c-range-slider__button--active {
  display: none;
  position: absolute;
  width: 2.188rem;
  height: 2.188rem;
  background-color: var(--color-background-secondary);
  box-shadow: 0 0 7px 0 var(--color-background-secondary);
  border-radius: 50%;
  left: -0.688rem;
  color: var(--color-background);
  font-size: 1.25rem;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .c-range-slider__button--active {
    font-size: 1.625rem;
    width: 2.625rem;
    height: 2.625rem;
  }
}

.c-range-slider__button--click-area {
  width: 2.188rem;
  height: 2.188rem;
  position: absolute;
  left: -0.688rem;
  cursor: pointer;
}
@media (min-width: 640px) {
  .c-range-slider__button--click-area {
    font-size: 1.625rem;
    width: 2.625rem;
    height: 2.625rem;
  }
}

.c-range-slider__line {
  height: 1px;
  flex-grow: 1;
  background: var(--color-input-border);
}

.c-range-slider__line.is-active--left {
  background: linear-gradient(90deg, var(--color-input-border) 0%, var(--color-background-secondary) 100%);
}

.c-range-slider__line.is-active--right {
  background: linear-gradient(90deg, var(--color-background-secondary) 0%, var(--color-input-border) 100%);
}

.c-range-slider__footer {
  display: none;
}
@media (min-width: 480px) {
  .c-range-slider__footer {
    display: flex;
    justify-content: space-between;
    color: var(--color-text-primary);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    line-height: 1.5625;
    margin-right: 0;
    margin-left: 2.3rem;
  }
}

.c-form {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  /*
  padding: 1.5rem;
  background-color: $color-gray-lightest;
  color: var(--color-text);;
  */
}

.c-form__spacer,
.c-form__clearfix {
  width: 100%;
}

.c-form__group {
  margin-bottom: 1.5rem;
}

.c-form__label {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0.125rem;
}
.c-form__label[for] {
  cursor: pointer;
}

.c-form__element {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: block;
  height: 3rem;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--color-input-text, var(--color-text));
  background-color: var(--color-input-background, var(--color-background));
  border: 1px solid var(--color-input-border, var(--color-text-primary));
  border-radius: 5px;
  outline: 1px solid var(--color-input-outline, transparent);
  outline-offset: 0;
  transition: border-color, outline-color 0.2s, 0.2s ease, ease;
  background-clip: padding-box;
  /*
  @if $enable-rounded {
      // Manually use the if/else instead of the mixin to account for iOS override
      border-radius: $input-border-radius;
  } @else {
      // Otherwise undo the iOS default
      border-radius: 0;
  }
  */
}
.c-form__element:hover {
  --color-input-border: var(--color-text);
  --color-input-outline: transparent;
}
.c-form__element:focus {
  --color-input-border: var(--color-text-primary);
  --color-input-outline: var(--color-text-primary);
}
.c-form__element:focus:not(:focus-visible) {
  --color-input-outline: transparent;
}
.c-form__element:focus-visible {
  --color-input-border: var(--color-text-primary);
  --color-input-border-bottom: var(--color-text-primary);
  --color-input-outline: var(--color-text-primary);
}
.c-form__element::-ms-expand {
  background-color: transparent;
  border: 0;
}
.c-form__element::-moz-placeholder {
  color: var(--color-text-subtle);
  opacity: 1;
}
.c-form__element::placeholder {
  color: var(--color-text-subtle);
  opacity: 1;
}
.c-form__element:disabled, .c-form__element[readonly] {
  background-color: var(--color-background-subtle);
  opacity: 1;
}

.c-form__element--textarea {
  border-bottom-right-radius: 0;
  min-height: 12rem;
  resize: vertical;
}

.c-form__element--select:not([size]):not([multiple]) {
  height: 3rem;
}
.c-form__element--select:focus::-ms-value {
  color: var(--color-text);
  background-color: var(--color-background);
}

.c-form__element--file,
.c-form__element--range {
  display: block;
  width: 100%;
}

/* Hide HTML5 Up and Down arrows. */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

/*
    TODO: Change to normal button class ...
*/
.c-form__reset, .c-form__reset:link, .c-form__reset:visited {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  align-self: flex-start;
}
.c-form__reset:hover {
  text-decoration: underline;
}

.c-form__reset-icon {
  font-size: 1.5em;
  pointer-events: none;
  display: flex;
  align-items: center;
  height: 100%;
}

@media (min-width: 480px) {
  .c-radio--inline,
.c-checkbox--inline {
    display: flex;
  }
}
.c-radio__item,
.c-checkbox__item {
  margin: 0;
  padding: 0;
  position: relative;
}
.c-radio__item + .c-radio__item, .c-radio__item + .c-checkbox__item,
.c-checkbox__item + .c-radio__item,
.c-checkbox__item + .c-checkbox__item {
  margin-top: 0.5rem;
}
@media (min-width: 480px) {
  .c-radio--inline .c-radio__item, .c-checkbox--inline .c-radio__item,
.c-radio--inline .c-checkbox__item,
.c-checkbox--inline .c-checkbox__item {
    margin-right: 1rem;
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .c-radio--inline .c-radio__item, .c-checkbox--inline .c-radio__item,
.c-radio--inline .c-checkbox__item,
.c-checkbox--inline .c-checkbox__item {
    margin-right: 2rem;
  }
}
.c-radio--outside .c-radio__item, .c-checkbox--outside .c-radio__item,
.c-radio--outside .c-checkbox__item,
.c-checkbox--outside .c-checkbox__item {
  margin-left: -44px;
}
.c-radio__item input[type=checkbox],
.c-radio__item input[type=radio],
.c-checkbox__item input[type=checkbox],
.c-checkbox__item input[type=radio] {
  position: absolute;
  left: 8px;
  top: 8px;
  margin: 0;
}
.c-radio__item input[type=checkbox]:disabled:hover + label, .c-radio__item input[type=checkbox]:disabled:active + label, .c-radio__item input[type=checkbox]:disabled:focus + label, .c-radio__item input[type=checkbox][readonly]:hover + label, .c-radio__item input[type=checkbox][readonly]:active + label, .c-radio__item input[type=checkbox][readonly]:focus + label,
.c-radio__item input[type=radio]:disabled:hover + label,
.c-radio__item input[type=radio]:disabled:active + label,
.c-radio__item input[type=radio]:disabled:focus + label,
.c-radio__item input[type=radio][readonly]:hover + label,
.c-radio__item input[type=radio][readonly]:active + label,
.c-radio__item input[type=radio][readonly]:focus + label,
.c-checkbox__item input[type=checkbox]:disabled:hover + label,
.c-checkbox__item input[type=checkbox]:disabled:active + label,
.c-checkbox__item input[type=checkbox]:disabled:focus + label,
.c-checkbox__item input[type=checkbox][readonly]:hover + label,
.c-checkbox__item input[type=checkbox][readonly]:active + label,
.c-checkbox__item input[type=checkbox][readonly]:focus + label,
.c-checkbox__item input[type=radio]:disabled:hover + label,
.c-checkbox__item input[type=radio]:disabled:active + label,
.c-checkbox__item input[type=radio]:disabled:focus + label,
.c-checkbox__item input[type=radio][readonly]:hover + label,
.c-checkbox__item input[type=radio][readonly]:active + label,
.c-checkbox__item input[type=radio][readonly]:focus + label {
  cursor: not-allowed;
}
.c-radio__item input[type=checkbox]:disabled:hover + label::before, .c-radio__item input[type=checkbox]:disabled:active + label::before, .c-radio__item input[type=checkbox]:disabled:focus + label::before, .c-radio__item input[type=checkbox][readonly]:hover + label::before, .c-radio__item input[type=checkbox][readonly]:active + label::before, .c-radio__item input[type=checkbox][readonly]:focus + label::before,
.c-radio__item input[type=radio]:disabled:hover + label::before,
.c-radio__item input[type=radio]:disabled:active + label::before,
.c-radio__item input[type=radio]:disabled:focus + label::before,
.c-radio__item input[type=radio][readonly]:hover + label::before,
.c-radio__item input[type=radio][readonly]:active + label::before,
.c-radio__item input[type=radio][readonly]:focus + label::before,
.c-checkbox__item input[type=checkbox]:disabled:hover + label::before,
.c-checkbox__item input[type=checkbox]:disabled:active + label::before,
.c-checkbox__item input[type=checkbox]:disabled:focus + label::before,
.c-checkbox__item input[type=checkbox][readonly]:hover + label::before,
.c-checkbox__item input[type=checkbox][readonly]:active + label::before,
.c-checkbox__item input[type=checkbox][readonly]:focus + label::before,
.c-checkbox__item input[type=radio]:disabled:hover + label::before,
.c-checkbox__item input[type=radio]:disabled:active + label::before,
.c-checkbox__item input[type=radio]:disabled:focus + label::before,
.c-checkbox__item input[type=radio][readonly]:hover + label::before,
.c-checkbox__item input[type=radio][readonly]:active + label::before,
.c-checkbox__item input[type=radio][readonly]:focus + label::before {
  border-color: var(--color-input-border, var(--color-text-primary));
}
.c-radio__item input[type=checkbox] + label,
.c-radio__item input[type=radio] + label,
.c-checkbox__item input[type=checkbox] + label,
.c-checkbox__item input[type=radio] + label {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  padding: 4px 0 4px 44px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-block;
}
.c-radio__item input[type=checkbox] + label::before,
.c-radio__item input[type=radio] + label::before,
.c-checkbox__item input[type=checkbox] + label::before,
.c-checkbox__item input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border-style: solid;
  border-color: var(--color-input-border, var(--color-text-primary));
  border-width: 1px;
  width: 2rem;
  height: 2rem;
  background: #fff;
  transition: all 0.2s ease;
  border-radius: 3px;
}
.c-radio__item input[type=checkbox] + label:focus, .c-radio__item input[type=checkbox] + label:hover, .c-radio__item input[type=checkbox] + label:active,
.c-radio__item input[type=radio] + label:focus,
.c-radio__item input[type=radio] + label:hover,
.c-radio__item input[type=radio] + label:active,
.c-checkbox__item input[type=checkbox] + label:focus,
.c-checkbox__item input[type=checkbox] + label:hover,
.c-checkbox__item input[type=checkbox] + label:active,
.c-checkbox__item input[type=radio] + label:focus,
.c-checkbox__item input[type=radio] + label:hover,
.c-checkbox__item input[type=radio] + label:active {
  color: var(--color-text);
}
.c-radio__item input[type=checkbox] + label:focus::before, .c-radio__item input[type=checkbox] + label:hover::before, .c-radio__item input[type=checkbox] + label:active::before,
.c-radio__item input[type=radio] + label:focus::before,
.c-radio__item input[type=radio] + label:hover::before,
.c-radio__item input[type=radio] + label:active::before,
.c-checkbox__item input[type=checkbox] + label:focus::before,
.c-checkbox__item input[type=checkbox] + label:hover::before,
.c-checkbox__item input[type=checkbox] + label:active::before,
.c-checkbox__item input[type=radio] + label:focus::before,
.c-checkbox__item input[type=radio] + label:hover::before,
.c-checkbox__item input[type=radio] + label:active::before {
  border-color: var(--color-text);
}
.c-radio__item input[type=checkbox] + label .error::before, .c-radio__item input[type=checkbox] + label .error::after,
.c-radio__item input[type=radio] + label .error::before,
.c-radio__item input[type=radio] + label .error::after,
.c-checkbox__item input[type=checkbox] + label .error::before,
.c-checkbox__item input[type=checkbox] + label .error::after,
.c-checkbox__item input[type=radio] + label .error::before,
.c-checkbox__item input[type=radio] + label .error::after {
  display: none;
}
.c-radio__item input[type=checkbox] + label::before, .c-radio__item input[type=checkbox] + label::after,
.c-radio__item input[type=radio] + label::before,
.c-radio__item input[type=radio] + label::after,
.c-checkbox__item input[type=checkbox] + label::before,
.c-checkbox__item input[type=checkbox] + label::after,
.c-checkbox__item input[type=radio] + label::before,
.c-checkbox__item input[type=radio] + label::after {
  transition: all 0.2s ease;
}
.c-radio__item input[type=checkbox] + label::after,
.c-checkbox__item input[type=checkbox] + label::after {
  content: url("/m-assets/images/check-24.svg");
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  transform: scale(0);
}
.c-radio__item input[type=checkbox]:checked + label::after,
.c-checkbox__item input[type=checkbox]:checked + label::after {
  transform: scale(1);
}
.c-radio__item input[type=checkbox]:checked + label::after,
.c-checkbox__item input[type=checkbox]:checked + label::after {
  transform: scale(1);
}
.c-radio__item input[type=radio] + label::before,
.c-checkbox__item input[type=radio] + label::before {
  border-radius: 50%;
}
.c-radio__item input[type=radio] + label::after,
.c-checkbox__item input[type=radio] + label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
}
.c-radio__item input[type=radio]:checked + label::after,
.c-checkbox__item input[type=radio]:checked + label::after {
  background: var(--color-text);
}
.c-radio__item input[type=checkbox]:checked + label::before,
.c-radio__item input[type=radio]:checked + label::before,
.c-checkbox__item input[type=checkbox]:checked + label::before,
.c-checkbox__item input[type=radio]:checked + label::before {
  border-color: var(--color-text);
}
.c-radio__item input[type=checkbox]:focus + label::before,
.c-radio__item input[type=radio]:focus + label::before,
.c-checkbox__item input[type=checkbox]:focus + label::before,
.c-checkbox__item input[type=radio]:focus + label::before {
  border-width: 2px;
  border-color: var(--color-text-primary);
}

fieldset[disabled] {
  display: none;
}

.c-form__element.parsley-error {
  border-color: var(--color-text-danger);
  border-radius: 3px 3px 0 0;
  border-width: 2px;
}

.c-form__element.parsley-error:focus-visible {
  outline-color: var(--color-text-danger);
}

.parsley-errors-list {
  margin: 0;
}

.parsley-errors-list.filled {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  background-color: var(--color-text-danger);
  border-radius: 0 0 3px 3px;
  color: var(--color-text-on-primary);
  margin: -1px 0 0;
  padding: 0 0.25rem;
}

.c-checkbox .parsley-errors-list.filled,
.c-radio .parsley-errors-list.filled {
  border-radius: 3px;
  margin: 0.25rem 0 0;
}

.c-checkbox__item input[type=checkbox] + label a,
.c-radio__item input[type=radio] + label a {
  color: inherit;
}

.c-checkbox__item.parsley-error input[type=checkbox] + label::before,
.c-radio__item.parsley-error input[type=radio] + label::before {
  border-color: var(--color-text-danger);
  border-width: 2px;
}

/*
    MISC / Special 4 SOLR SEARCH: mark / highlight result class
*/
.results-highlight {
  padding: 0 0.25em;
  color: inherit;
  background-color: var(--color-background-primary-muted);
  display: inline-block;
}

.c-heading {
  display: flex;
  align-items: center;
}

.c-heading__icon {
  display: flex;
  align-items: center;
}

.c-hero-banner {
  position: relative;
  max-width: 1524px;
  margin: 0 auto;
  display: flex;
  display: block;
}
.c-hero-banner:not(.c-hero-banner--has-image) .c-hero-banner__container {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.c-hero-banner__container {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  /*
  &::before,
  &::after {
      content: '';
      position: absolute;
      left: 100%;
      top: 0;
      bottom: 0;
      background-color: var(--color-background-primary);
      width: 100vw;
  }

  &::before {
      left: auto;
      right: 100%;
  }
  */
}

.c-hero-banner__text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-hero-banner--has-image:not(.c-hero-banner--has-image-fullwidth) {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.c-hero-banner--has-image:not(.c-hero-banner--has-image-fullwidth) .c-hero-banner__container {
  min-height: auto;
}
.c-hero-banner--has-image:not(.c-hero-banner--has-image-fullwidth)::before {
  content: "";
  background-color: var(--color-background-muted);
  position: absolute;
  width: 150vw;
  height: 100%;
  top: 0;
  width: 100vw;
  left: calc(-50vw + 50%);
}
@media (min-width: 640px) {
  .c-hero-banner--has-image:not(.c-hero-banner--has-image-fullwidth)::before {
    height: 75%;
  }
}

.c-hero-banner__image:not(.c-hero-banner__image--fullwidth) {
  display: block;
  position: relative;
  z-index: 2;
}
@media (min-width: 640px) {
  .c-hero-banner__image:not(.c-hero-banner__image--fullwidth) {
    border: 10px solid #00f;
    -o-border-image: url('../../../m-assets/images/outline-teaser-stage.svg');
       border-image: url('../../../m-assets/images/outline-teaser-stage.svg');
    border-image-slice: 18 16 20 14;
    margin: 0 26px;
    padding: 15px;
  }
}

.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth {
  display: flex;
  flex-direction: column-reverse;
  max-width: 100%;
}
.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .c-hero-banner__container {
  display: block;
  position: absolute;
  width: calc(100% - 2rem);
  bottom: 0;
  left: 1rem;
  z-index: 2;
  padding: 0;
  min-height: auto;
}
@media (min-width: 640px) {
  .c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .c-hero-banner__container {
    left: 2rem;
    width: calc(100% - 4rem);
  }
}
@media (min-width: 960px) {
  .c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .c-hero-banner__container {
    position: relative;
    min-height: auto;
    padding: 0;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .c-hero-banner__container {
    position: absolute;
    bottom: 60px;
    transform: translateY(50%);
  }
}
.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .c-hero-banner__container > div {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: var(--color-background-muted);
}
@media (min-width: 960px) {
  .c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .c-hero-banner__container > div {
    max-width: 1210px;
  }
}

.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth.c-hero-banner--booking-form .c-hero-banner__container--booking-slot {
  bottom: auto;
  top: 25%;
  transform: translateY(-50%);
  display: none;
}
@media (min-width: 1300px) {
  .c-hero-banner--has-image.c-hero-banner--has-image-fullwidth.c-hero-banner--booking-form .c-hero-banner__container--booking-slot {
    display: block;
  }
}
.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth.c-hero-banner--booking-form .c-hero-banner__container--booking-slot > div {
  background-color: white !important;
  padding-left: 0;
  padding-right: 0;
}
.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth.c-hero-banner--booking-form .o-aspect-ratio__item {
  position: relative;
}

.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth:has(.c-hero-banner__container) .c-hero-banner__image {
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .c-hero-banner--has-image.c-hero-banner--has-image-fullwidth:has(.c-hero-banner__container) .c-hero-banner__image {
    margin-bottom: 60px;
  }
}

.c-hero-banner--has-image.c-hero-banner--has-image-fullwidth .o-aspect-ratio__item {
  position: relative;
}

.c-hero-banner__image.c-hero-banner__image--fullwidth {
  display: flex;
}
.c-hero-banner__image.c-hero-banner__image--fullwidth img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  aspect-ratio: 1/1;
  max-height: 750px;
}
@media (min-width: 960px) {
  .c-hero-banner__image.c-hero-banner__image--fullwidth img {
    aspect-ratio: 3/1;
  }
}

.c-icon-link {
  display: flex;
  position: relative;
}

.c-icon-link__icon {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  color: var(--color-text-primary);
}
.u-background-color-primary--full-width .c-icon-link__icon, .u-background-color-primary .c-icon-link__icon {
  color: var(--color-text-on-primary);
}

.c-icon-link__icon + .c-icon-link__content {
  padding-left: 1rem;
}

.c-icon-link__title {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
}
a.c-icon-link .c-icon-link__title, a.c-icon-link:link .c-icon-link__title, a.c-icon-link:visited .c-icon-link__title {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 1px, 0% 1px;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
a.c-icon-link:hover .c-icon-link__title, a.c-icon-link:link:hover .c-icon-link__title {
  text-decoration: none;
  background-size: 0% 1px, 100% 1px;
}

.c-icon-link__inline-link {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
}
a.c-icon-link .c-icon-link__inline-link, a.c-icon-link:link .c-icon-link__inline-link, a.c-icon-link:visited .c-icon-link__inline-link {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -20%);
  background-repeat: no-repeat;
  background-size: 100% 1px, 0% 1px;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
a.c-icon-link:hover .c-icon-link__inline-link, a.c-icon-link:link:hover .c-icon-link__inline-link {
  text-decoration: none;
  background-size: 0% 1px, 100% 1px;
}

.c-icon-link__description {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: block;
}

.c-image-teaser {
  position: relative;
  z-index: 100;
  transition: all 0.2s;
  color: var(--color-text-inverse-fixed);
  background-color: var(--color-background);
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  height: 100%;
}
.c-image-teaser::after {
  /*
  background: rgba(0, 0, 0, 0.4);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 80%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 80%);
  */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 80%);
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: all 0.2s ease-in-out;
}

.c-image-teaser--has-link {
  cursor: pointer;
}

.c-image-teaser__body {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: var(--color-text-inverse);
  padding: 1rem 4rem 1rem 1rem;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  background-color: rgba(0, 98, 173, 0);
  transition: background-color 0.3s ease-out 0s;
}
@media (min-width: 480px) {
  .c-image-teaser__body {
    padding: 2rem 2rem 4rem 2rem;
  }
}
@media (min-width: 1524px) {
  .c-image-teaser__body {
    padding: 3rem 3rem 5rem 3rem;
  }
}

.c-image-teaser__media img {
  filter: blur(0);
  transition: filter 0.3s ease-out 0s;
}

.c-image-teaser__read-more {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.1s ease-out 0s;
}
.c-image-teaser__read-more .c-button {
  border-radius: 0;
}

.c-image-teaser__header {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
}

.c-teaser__link {
  position: static;
}
.c-teaser__link::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 479.98px) {
  .c-image-teaser__heading {
    font-size: 1.75rem !important;
  }
}
.c-image-teaser__heading-text {
  /*
  @include link-animated-underline(
      $parent-selector: '.c-image-teaser--has-link',
      $color-underline-hover: currentColor,
      $width-underline: 0.075em
  );
  */
  color: var(--color-text-inverse-fixed);
  position: relative;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  -moz-osx-font-smoothing: grayscale;
}

.c-image-teaser__text {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  transition: all 0.2s;
  display: none;
}
* + .c-image-teaser__text {
  padding-top: 1rem;
}

.c-image-teaser__text--clickable {
  cursor: pointer;
}

.c-image-teaser__text--selectable {
  position: relative;
}

.c-image-teaser:hover .c-image-teaser__media img {
  filter: blur(5px);
}
.c-image-teaser:hover .c-image-teaser__body {
  background-color: rgba(0, 98, 173, 0.8);
}
@media (min-width: 960px) {
  .c-image-teaser:hover .c-image-teaser__header {
    justify-content: flex-start;
    flex-grow: 0;
  }
  .c-image-teaser:hover .c-image-teaser__text {
    display: block;
  }
  .c-image-teaser:hover .c-image-teaser__read-more {
    margin: 0 2rem 2rem 0;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
  }
}

/*
*/
.c-slideshow--teaser .c-slideshow__status {
  display: none;
}
@media (max-width: 639.98px) {
  .c-slideshow--teaser .c-slideshow {
    overflow: hidden;
    width: calc(100% + 1rem);
  }
  .c-slideshow--teaser .c-slideshow__container {
    overflow: visible;
    width: calc(100% - 2rem);
  }
}
@media (min-width: 640px) {
  .c-slideshow--teaser .c-slideshow {
    overflow: visible;
  }
  .c-slideshow--teaser .c-slideshow__container {
    overflow: visible;
    width: 100%;
  }
}

@media (max-width: 639.98px) {
  .c-teaser-slideshow-angebote .c-slideshow {
    overflow: hidden;
    width: calc(100% + 1rem);
  }
  .c-teaser-slideshow-angebote .c-slideshow__container {
    overflow: visible;
    width: calc(100% - 2rem);
  }
}
@media (min-width: 640px) {
  .c-teaser-slideshow-angebote .c-slideshow {
    overflow: visible;
  }
  .c-teaser-slideshow-angebote .c-slideshow__container {
    overflow: visible;
    width: 100%;
  }
  .c-teaser-slideshow-angebote .c-slideshow__list {
    width: 80%;
  }
  .c-teaser-slideshow-angebote .c-slideshow__navigation {
    position: absolute;
    right: 0;
    top: -4.25rem;
  }
  .c-teaser-slideshow-angebote .c-slideshow__arrow {
    margin-top: 0;
  }
}

@media (max-width: 639.98px) {
  .o-container--wide .c-image-teaser .o-aspect-ratio--4x5::before {
    padding-top: 50%;
  }
  .o-container--wide .c-image-teaser .o-aspect-ratio__item > :first-child {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*
    Dots plugin
*/
/*
    Navigation plugin
*/
.carousel {
  position: relative;
  box-sizing: border-box;
}
.carousel *, .carousel *:before, .carousel *:after {
  box-sizing: inherit;
}
.carousel.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.carousel.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.carousel__track {
  display: flex;
}

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  transition: opacity 0.15s ease-in-out;
}
.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity 0.15s ease;
}
.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carousel__button.is-prev {
  left: 10px;
}
.carousel__button.is-next {
  right: 10px;
}
.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}
.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

/*
  Thumbs plugin
*/
/* 3/2 */
/*
  HTML plugin
*/
/*
  Toolbar plugin
*/
html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}
.fancybox__container :focus {
  outline: none;
}
body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}
@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 27px;
    --carousel-button-svg-height: 27px;
  }
}

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  /* For Safari */
  height: 100%;
  z-index: 10;
}
.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: flex;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}
.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}
@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}

.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none;
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere;
}
.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}
.fancybox__nav .carousel__button.is-next {
  right: 8px;
}
@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}
.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}
@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}
@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}

/* Close button located inside content area */
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click,
.fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}
.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}
.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}

/* Opening */
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  animation: 0.15s ease backwards fancybox-fadeIn;
}

/* Closing */
.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown;
}

/* Both `throwOut` classes are for closing animation after dragging up/down */
.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__image {
  transform-origin: 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: none;
}

.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  min-height: 1px;
}
.is-closing .has-image .fancybox__content {
  overflow: visible;
}
.has-image[data-image-fit=contain] {
  overflow: visible;
  touch-action: none;
  /* Fix Mac OS Safari 11 - 13 */
}
.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}
.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}
.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}
.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}
.has-image[data-image-fit=cover] {
  overflow: visible;
  touch-action: none;
}
.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}
.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}

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

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}
.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}
.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  /* Keep aspect ratio */
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}
@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}
.fancybox__toolbar__items {
  display: flex;
}
.fancybox__toolbar__items--left {
  margin-right: auto;
}
.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.fancybox__toolbar__items--right {
  margin-left: auto;
}
@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0;
}

.fancybox__container:-moz-full-screen::backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::-webkit-backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-moz-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:-moz-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}

.fancybox__container,
.fancybox__slide {
  --fancybox-color: var(--color-text);
  --fancybox-bg: var(--backdrop-color);
  --fancybox-close-inset-block-start: 1rem;
  --fancybox-close-position-inline-end: 1rem;
  --fancybox-padding-inline: 1rem;
  --fancybox-padding-block: 1rem;
  --carousel-button-color: var(--color-text);
  --carousel-button-bg: var(--color-background);
  --carousel-button-size: 3rem;
  --carousel-button-width: var(--carousel-button-size);
  --carousel-button-height: var(--carousel-button-size);
  --carousel-button-svg-width: 1em;
  --carousel-button-svg-height: 1em;
  --carousel-button-svg-stroke-width: 0;
  --carousel-button-svg-filter: none;
  --carousel-button-shadow: var(--box-shadow-md);
  --carousel-button-border-radius: 0;
}

.fancybox__container .fancybox__slide {
  -webkit-padding-before: var(--fancybox-padding-block);
          padding-block-start: var(--fancybox-padding-block);
  padding-inline: var(--fancybox-padding-inline);
}

.carousel__button {
  cursor: default;
}
.carousel__button.is-close {
  position: fixed;
  inset-block-start: var(--fancybox-close-inset-block-start);
  inset-inline-end: var(--fancybox-close-position-inline-end);
}
.carousel__button:hover {
  --carousel-button-color: var(--color-text-inverse);
  --carousel-button-bg: var(--color-background-inverse);
}

.fancybox__caption {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-self: flex-start;
  color: var(--color-text-inverse);
}

.c-lightbox-opener {
  --button-color-text: var(--color-text-inverse);
  --button-color-background: var(
      --color-background-primary
  );
  --button-color-border: var(
      --color-background-primary
  );
  opacity: 0.65;
}
.c-lightbox-opener:hover, .c-lightbox-opener:active, .c-lightbox-opener:focus {
  --button-color-text: var(--color-text-on-primary);
  --button-color-border: var(--color-background-primary-strong);
  --button-color-background: var(--color-background-primary-strong);
  opacity: 1;
}
.c-lightbox-opener .c-icon.c-icon--sm {
  font-size: 1em;
}

.carousel__button {
  border-radius: 999px;
}

.c-media {
  position: relative;
  width: 100%;
}

.c-media--avatar {
  flex: 0 0 auto;
  width: 3rem;
}
@media (min-width: 640px) {
  .c-media--avatar {
    width: 4.75rem;
  }
}
@media (min-width: 1524px) {
  .c-media--avatar {
    width: 6rem;
  }
}

.c-media__lightbox-opener {
  position: absolute;
  left: 0;
  transform: translate(0, -100%);
}

.c-media__figcaption {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  padding-top: 0.75rem;
}

.c-media__figcaption--credits-inside {
  display: flex;
}

.c-media__figcaption--no-height {
  height: 0;
}

.c-media__figcaption--avatar {
  display: flex;
  align-items: center;
  position: absolute;
  padding-top: 0.25rem;
  min-width: 100%;
}

.c-media__credits {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  color: var(--color-text-subtle);
}
.c-media__figcaption--avatar .c-media__credits {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  text-align: center;
  min-width: 100%;
}
.c-media__credits a {
  color: inherit;
}

.c-media__caption + .c-media__credits {
  padding-left: 0.5rem;
}

.c-media__credits--inside {
  font-size: 0.875rem;
  line-height: 1.4;
  position: absolute;
  padding: 0.125rem 0.5rem;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: background-color 0.15s ease;
  color: var(--color-credits-text);
  background-color: var(--color-credits-background);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}
.c-media:hover .c-media__credits--inside {
  background-color: var(--color-credits-background-hover);
}
.c-media__figcaption .c-media__credits--inside {
  bottom: auto;
  transform: translateY(calc(-100% - 0.5rem));
}

.c-media__caption {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  color: var(--color-text-subtle);
}

.c-media__caption--inside {
  font-size: 0.875rem;
  line-height: 1.4;
  position: relative;
  display: block;
  margin-top: -3.5rem;
  font-style: normal;
  color: var(--color-text-inverse);
  transform: translateY(-100%);
}
@media (min-width: 640px) {
  .c-media__caption--inside {
    margin-top: -4.5rem;
  }
}
@media (min-width: 1524px) {
  .c-media__caption--inside {
    margin-top: -6rem;
  }
}

.c-meta__list {
  display: flex;
  margin-top: 0;
  line-height: 1;
  flex-wrap: wrap;
  align-items: flex-start;
}

.c-meta__item {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 1.25rem;
  margin-bottom: 0.25rem;
  color: var(--color-text-muted);
  /*
  &::after {
      content: '·';
      padding-left: 0.5em;
      padding-right: 0.5em;
      display: block;
      float: right;
      font-size: inherit;
      line-height: inherit;
  }

  &:last-of-type {
      &::after {
          display: none;
      }
  }
  */
}
.c-meta__item:last-of-type {
  margin-right: 0;
}

.c-meta__item--tag {
  background-color: var(--color-background-primary);
  color: var(--color-text-on-primary);
  padding: 0 0.5rem;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-meta__item--tag::after {
  display: none;
}

.c-meta__icon {
  margin-right: 0.0625rem;
  margin-top: 0.125rem;
}

.c-meta__item--not-available {
  background-color: var(--color-background-secondary);
  color: var(--color-text-on-secondary);
  padding: 0;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  max-width: 150px;
}

.c-nav-ally {
  position: relative;
}

/*
.c-nav-ally {
    @include text-xs;
}

.c-nav-ally__list {
    @include list-inline;
    margin-right: -1rem;
}

.c-nav-ally__item {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
*/
.c-nav-ally__action {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0.5em 0;
  text-decoration: none;
  color: var(--color-text);
}
.c-nav-ally__action[aria-current=page], .c-nav-ally__action[aria-current=page]:link {
  color: var(--color-text);
}
.c-nav-ally__action[aria-current=page] .c-nav-ally__label, .c-nav-ally__action[aria-current=page]:link .c-nav-ally__label {
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-size: 0% 1px, 100% 1px;
}
.c-nav-ally__action:hover {
  text-decoration: none;
  color: var(--color-link-navigation-hover);
}

.c-nav-ally__label {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
}
.c-nav-ally__action .c-nav-ally__label, .c-nav-ally__action:link .c-nav-ally__label, .c-nav-ally__action:visited .c-nav-ally__label {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.c-nav-ally__action:hover .c-nav-ally__label, .c-nav-ally__action:link:hover .c-nav-ally__label {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}

.c-nav-ally__icon {
  margin-right: 0.25em;
  font-size: 1.5em;
}
.c-nav-ally__action--icon-only .c-nav-ally__icon {
  margin: 0;
}

.c-nav-ally [data-toggles=dark] .c-nav-ally__icon,
.c-nav-ally [data-toggles=high-contrast] .c-nav-ally__icon {
  display: none;
}

.c-nav-main {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.2222222222;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  line-height: 1;
}

.c-nav-main__list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  align-items: center;
}

.c-nav-main__item {
  margin: 1rem;
}

.c-nav-main__action {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
  color: var(--color-link-navigation);
  transition: color 0.1s, background-color 0.1s;
  z-index: 1;
}
.c-nav-main__action .c-icon {
  font-size: 1.5rem;
  margin-left: 0.25rem;
}
.c-nav-main__action:hover, .c-nav-main__action[aria-expanded=true] {
  color: var(--color-link-navigation-hover);
}
.c-nav-main__action::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.25rem;
  left: 0%;
  transform: translate(0, 0);
  height: 0.125rem;
  width: 0;
  background-color: currentColor;
  transition: width 0.15s ease-out;
}
.c-nav-main__action:hover::after, .c-nav-main__action[aria-expanded=true]::after {
  width: 100%;
}

.c-nav-main__action[aria-expanded=true] .c-icon {
  transform: rotate(-180deg);
}

.c-nav-main__label {
  pointer-events: none;
}

.c-nav-main__icon {
  font-size: 1.5em;
}

/*
.c-nav-main__list-level-2 {
    @include list-unstyled;
    margin-top: 0;
    display: block;
    position: absolute;
    top: calc(100% - 1px); // 1px = border width
    right: 0;
    z-index: 2;
    min-width: 18ch;
    background-color: var(--color-background);
    box-shadow: var(--box-shadow-lg);
    border: $border-sm;
}

.c-nav-main__list-level-2--from-right {
    left: auto;
    right: 0;
}

.c-nav-main__item-level-2 + .c-nav-main__item-level-2 {
    border-top: $border-muted-sm;
}

.c-nav-main__action-level-2 {
    @include text-sm;
    font-weight: $font-weight-primary-bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1em 2em;
    color: var(--color-text);
    background-color: var(--color-background);
    border-top: $border-muted-sm;

    &:hover span,
    &:focus span {
        text-decoration: underline;
        text-underline-offset: 0.2em;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: 0.15em;
    }

    &[aria-current='page'] {
        color: var(--color-text-on-tertiary);
        background-color: var(--color-background-tertiary);
        border-color: var(--color-background-tertiary);
    }
}
*/
.c-nav-main__flyout {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0 -1rem;
  padding: 2rem 40px 5rem;
  background-color: var(--color-background);
  border-top: 0.0625rem solid var(--color-border);
  border-color: var(--color-border-muted);
  /*
  transition: all 0.3s ease;
  z-index: $z-index-below;
  will-change: transform;
  transform: translateY(-100%);
  */
}
.c-nav-main__flyout::after {
  background-color: var(--color-background);
  bottom: 0;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: -1px;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
  box-shadow: var(--box-shadow-lg);
  border-top: 0.0625rem solid var(--color-border);
  border-color: var(--color-border-muted);
}

.c-nav-main__headline {
  padding: 0 20px 1.5rem;
  display: block;
  width: 100%;
}

.c-nav-main__action-headline {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  color: var(--color-link) !important;
  transition: color 0.1s, background-color 0.1s;
}
.c-nav-main__action-headline, .c-nav-main__action-headline:link, .c-nav-main__action-headline:visited {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.c-nav-main__action-headline:hover, .c-nav-main__action-headline:link:hover {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}

.c-nav-main__list-level-2 {
  list-style: none;
  padding-left: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  display: grid;
  width: 100%;
  align-items: start;
}
@media (min-width: 960px) {
  .c-nav-main__list-level-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

.c-nav-main__item-level-2 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 1rem;
  position: relative;
  margin-top: -1px;
}

.c-nav-main__action-level-2 {
  text-decoration: none;
  display: flex;
  height: 100%;
  min-height: 4rem;
  padding: 1em 0;
  color: var(--color-link);
  border-top: 0.0625rem solid var(--color-border);
  border-bottom: 0.0625rem solid var(--color-border);
  border-color: var(--color-text);
  font-weight: 400;
  flex-direction: column;
}
.page--hauptbahnhof .c-nav-main__action-level-2 {
  border-top: none;
  padding: 1em 0 0;
}
.c-nav-main__action-level-2[aria-current=page] {
  z-index: 2;
  position: relative;
  color: var(--color-link);
}
.c-nav-main__action-level-2[aria-current=page]::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0, 0);
  height: 0.125rem;
  width: 100%;
  background-color: currentColor;
  transition: width 0.15s ease-out;
}

/*
    Flyout Navigation Single
*/
.c-nav-main__flyout--single {
  display: block;
  position: absolute;
  left: auto;
  right: 2.5rem;
  z-index: 2;
  min-width: 28ch;
  margin: 0;
  padding: 2rem 1.5rem;
  box-shadow: var(--box-shadow-lg);
}
.c-nav-main__flyout--single::after {
  display: none;
}
.c-nav-main__flyout--single .c-nav-main__headline {
  padding: 0 0 1rem;
}
.c-nav-main__flyout--single .c-nav-main__list-level-2 {
  flex-direction: column;
}
.c-nav-main__flyout--single .c-nav-main__item-level-2 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
  position: relative;
  margin-top: -1px;
  min-height: 1rem;
  display: flex;
  flex-direction: column;
}
.c-nav-main__flyout--single .c-nav-main__action-level-2 {
  min-height: 3rem;
}

.c-nav-main__flyout--single-from-right {
  left: auto;
  right: 0;
}

/*

// Teaser inside the flyout

.nav-main__teaser-col {
    align-items: stretch;
    align-self: stretch;
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 3rem;
}

.nav-main__teaser.teaser {
    flex: 0 0 50%;
    padding: 0 1rem;
    border-top: 0;
    margin-bottom: 0;

    .teaser__body {
        padding: 0;
    }

    .teaser__heading {
        @include text(md, bolder);
        margin-top: 0;
    }
}
*/
.page--hauptbahnhof .c-nav-main__label-level-2 {
  padding-bottom: 1rem;
}

.page--hauptbahnhof .c-nav-main__label-level-2 a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
}
.page--hauptbahnhof .c-nav-main__label-level-2 a, .page--hauptbahnhof .c-nav-main__label-level-2 a:link, .page--hauptbahnhof .c-nav-main__label-level-2 a:visited {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.page--hauptbahnhof .c-nav-main__label-level-2 a:hover, .page--hauptbahnhof .c-nav-main__label-level-2 a:link:hover {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}

.c-nav-main__action-level-3 > div {
  padding: 1rem 1rem;
  border-top: 1px solid #1b5754;
}

.c-nav-main__action-level-3 a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
}
.c-nav-main__action-level-3 a, .c-nav-main__action-level-3 a:link, .c-nav-main__action-level-3 a:visited {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0% 0.1em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.c-nav-main__action-level-3 a:hover, .c-nav-main__action-level-3 a:link:hover {
  text-decoration: none;
  background-size: 0% 0.1em, 100% 0.1em;
}

.c-nav-main__item-level-2 {
  flex: 1;
  max-width: none;
}

.page--hauptbahnhof .c-nav-main__headline {
  padding: 0 0 1.5rem;
  border-bottom: 2px solid #1b5754;
  margin: 0 1rem;
}

.c-nav-meta {
  margin-top: 0;
}

/*
.c-nav-meta {
    @include text-xs;
}

.c-nav-meta__list {
    @include list-inline;
    margin-right: -1rem;
}

.c-nav-meta__item {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
*/
.c-nav-meta__item:only-child .c-nav-meta__action {
  border-right: 1px solid var(--color-link-navigation);
}

.c-nav-meta__action {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  min-height: 54px;
  padding: 0 2rem;
  text-decoration: none;
  color: var(--color-text);
  align-items: center;
  justify-content: center;
}
.c-nav-meta__action[aria-current=page], .c-nav-meta__action[aria-current=page]:link {
  color: var(--color-text);
}
.c-nav-meta__action[aria-current=page] .c-nav-meta__label, .c-nav-meta__action[aria-current=page]:link .c-nav-meta__label {
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-size: 0% 0.1em, 100% 0.1em;
}
.c-nav-meta__action:hover {
  text-decoration: none;
  color: var(--color-link-navigation-hover);
}

.c-nav-meta__action--button {
  font-weight: 700;
  color: var(--color-link-navigation);
  border-left: 1px solid var(--color-link-navigation);
  border-bottom: 1px solid var(--color-link-navigation);
  font-size: 0.9rem;
  line-height: 1.2;
}
.c-nav-meta__action--button:not(.c-nav-meta__action--language-switcher):hover, .c-nav-meta__action--button:not(.c-nav-meta__action--language-switcher):focus, .c-nav-meta__action--button:not(.c-nav-meta__action--language-switcher):active {
  background-color: var(--color-background-muted);
  color: var(--color-text);
}
.c-nav-meta__action--button.c-nav-meta__action--home {
  border-right: 1px solid var(--color-link-navigation);
}
.c-nav-meta__action--button.c-nav-meta__action--home .c-icon {
  width: 65px;
}
.c-nav-meta__action--button.c-nav-meta__action--book-now {
  border: none;
  background-color: var(--color-background-secondary);
  color: var(--color-text-on-secondary);
  padding: 1rem 3rem;
  font-size: 1.15rem;
  line-height: 1.2;
}
.c-nav-meta__action--button.c-nav-meta__action--book-now:hover, .c-nav-meta__action--button.c-nav-meta__action--book-now:focus, .c-nav-meta__action--button.c-nav-meta__action--book-now:active {
  background-color: var(--color-background-secondary);
  color: var(--color-text-on-secondary);
  box-shadow: inset 400px 0 0 0 rgba(0, 0, 0, 0.25);
}

.c-nav-meta__icon {
  font-size: 1.25em;
}
.c-nav-meta__action--icon-only .c-nav-meta__icon {
  margin: 0;
}

.c-nav-meta__flyout {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: var(--color-background);
  z-index: 2;
  min-width: 100%;
  margin: 0 -1.5rem;
  padding: 1rem 1.5rem;
  box-shadow: var(--box-shadow-lg);
}

.c-nav-meta__action--language-switcher .language-switcher__link {
  padding: 0 0.5rem;
  line-height: 0.7;
  color: rgba(241, 235, 220, 0.6);
}
.c-nav-meta__action--language-switcher .language-switcher__link:first-child {
  border-right: 1px solid var(--color-link-navigation);
}
.c-nav-meta__action--language-switcher .language-switcher__link.language-switcher__link--current {
  color: var(--color-link-navigation);
}
.c-nav-meta__action--language-switcher .language-switcher__link:hover {
  color: var(--color-link-navigation);
}

.c-nav-sub .c-nav-main__list {
  justify-content: flex-end;
}

.c-slide-nav {
  --width: calc(100vw - 1.5rem);
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  font-size: 28px;
  color: var(--color-link);
  z-index: 500;
  display: flex;
  flex-direction: row-reverse;
  margin-right: -0.5rem;
}

.c-slide-nav__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: var(--width);
  background-color: var(--color-background);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  cursor: default;
  -webkit-overflow-scrolling: touch;
  transition: transform 0.2s ease-in;
}
[aria-expanded=false] ~ .c-slide-nav__list, [aria-expanded=false] > .c-slide-nav__action ~ .c-slide-nav__list {
  transform: translateX(100%);
  box-shadow: none;
}
[aria-expanded=true] ~ .c-slide-nav__list, [aria-expanded=true] > .c-slide-nav__action ~ .c-slide-nav__list {
  transform: translateX(0);
  box-shadow: -3px 0 16px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.c-slide-nav__item {
  display: flex;
  align-items: stretch;
  min-height: 4rem;
}
[aria-expanded=false] ~ .c-slide-nav__content .c-slide-nav__item, [aria-expanded=false] .c-slide-nav__item {
  visibility: hidden;
  animation: visibleToInvisible 0 0.2s;
}

.c-slide-nav__item--title,
.c-slide-nav__item--back {
  height: var(--height-header);
  background-color: var(--color-background);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  text-transform: uppercase;
}

.c-slide-nav__item--title {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  visibility: hidden;
  min-height: 6.25rem;
}

.c-slide-nav__item .c-slide-nav__item {
  font-weight: 400;
}

.c-slide-nav__item + .c-slide-nav__item--headline {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 0.125rem solid var(--color-border);
  border-color: var(--color-border-secondary-inverse);
}

.c-slide-nav__item + .c-slide-nav__item--meta {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  font-weight: 400;
  border: 0 !important;
  min-height: 1rem;
}

.c-slide-nav__item:not(.c-slide-nav__item--meta) + .c-slide-nav__item--meta {
  margin-top: 1rem;
}

.c-slide-nav__action {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: var(--color-background-light);
  padding: 0.5rem 1.5rem;
  text-align: left;
  color: var(--color-text);
}
.c-slide-nav__action.sub {
  background-color: var(--color-background-secondary);
  color: var(--color-text-beige);
  border-bottom: 1px solid var(--color-text-beige);
}

.c-slide-nav__label {
  align-self: center;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  pointer-events: none;
}

.c-slide-nav__indicator {
  flex-grow: 0;
  font-size: 1.5rem;
  margin-left: 0.5rem;
  pointer-events: none;
  color: var(--color-text);
}

.c-slide-nav__indicator--back {
  margin-left: 0;
  margin-right: 0.25rem;
  color: var(--color-text);
}

.c-slide-nav__icon {
  margin-right: 0.5rem;
  font-size: 1.5rem;
}

@keyframes visibleToInvisible {
  0% {
    visibility: visible;
  }
  99% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.c-slide-nav__button {
  z-index: 500;
  padding: 0;
  flex: 0 0 auto;
  border: 0;
  border-radius: 999rem;
  color: var(--color-link-alternate);
  cursor: pointer;
}
.c-slide-nav__button:hover, .c-slide-nav__button:focus {
  border-color: transparent;
  background-color: transparent;
}
.c-slide-nav__button[aria-expanded=true] {
  display: none;
}

.c-slide-nav__button--close {
  color: var(--color-link);
}
.c-slide-nav__button--close[aria-expanded=true] {
  display: flex;
}
.c-slide-nav__button--close[aria-expanded=false] {
  display: none;
}

.c-slide-nav__button--donation {
  margin-right: 0.5rem;
}
.c-slide-nav__button--close[aria-expanded=false] + * + .c-slide-nav__button--donation {
  transition: opacity 0.2s ease;
  opacity: 1;
  visibility: visible;
}
.c-slide-nav__button--close[aria-expanded=true] + * + .c-slide-nav__button--donation {
  transition: none;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}

.c-slide-nav__button--search {
  margin-right: 0.5rem;
}
.c-slide-nav__button--close[aria-expanded=false] + .c-slide-nav__button--search {
  transition: opacity 0.2s ease;
  opacity: 1;
  visibility: visible;
}
.c-slide-nav__button--close[aria-expanded=true] + .c-slide-nav__button--search {
  transition: none;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
.c-slide-nav__button--search .c-icon {
  font-size: 1.75rem !important;
}

.c-header__mobile-actions:has([aria-expanded=true]) .c-button.c-slide-nav__button--home {
  color: var(--color-link);
}

.c-button.c-slide-nav__button--home {
  color: var(--color-link-alternate);
}

.c-slide-nav__overlay {
  display: block;
  background-color: var(--backdrop-color);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  height: 100vh;
  width: 100vw;
  transform: translateX(-100%);
  transition: opacity 0.2s ease;
  pointer-events: none;
}
[aria-expanded=true] ~ .c-slide-nav__overlay {
  transform: translateX(0);
  pointer-events: all;
  opacity: 1;
}

.c-slide-nav .c-button__text {
  pointer-events: none;
}

.c-slide-nav [data-toggles=dark],
.c-slide-nav [data-toggles=high-contrast] {
  padding-left: 3.75rem;
}
.c-slide-nav [data-toggles=dark] .c-icon,
.c-slide-nav [data-toggles=high-contrast] .c-icon {
  display: none;
}
.c-slide-nav [data-toggles=dark]::before,
.c-slide-nav [data-toggles=high-contrast]::before {
  left: 1.5rem;
  top: 12px;
}
.c-slide-nav [data-toggles=dark]::after,
.c-slide-nav [data-toggles=high-contrast]::after {
  left: calc(1.5rem + 3px);
  top: 15px;
}

[data-user-color-scheme=dark] .c-slide-nav [data-toggles=dark]::after {
  left: calc(1.5rem + 14px);
}

[data-user-color-scheme=high-contrast] .c-slide-nav [data-toggles=high-contrast]::after {
  left: calc(1.5rem + 14px);
}

.c-slide-nav__action.c-nav-mobile__language-switcher {
  display: flex;
  justify-content: flex-start;
}
.c-slide-nav__action.c-nav-mobile__language-switcher .language-switcher__link {
  padding-left: 0.5rem;
  line-height: 0.7;
}
.c-slide-nav__action.c-nav-mobile__language-switcher .language-switcher__link:first-child {
  border-right: 1px solid currentColor;
  padding-right: 0.5rem;
  padding-left: 0;
}
.c-slide-nav__action.c-nav-mobile__language-switcher .language-switcher__link.language-switcher__link--current {
  text-decoration: underline;
}

.c-slide-nav__icon {
  max-width: 3rem;
}

.c-form__group--search {
  display: flex;
  align-items: center;
  font-size: 1.75rem;
}

.c-form__label--search {
  color: var(--color-text);
  display: block;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 100%;
  font-size: 0.75em;
}

.c-form__element.c-form__element--search {
  font-size: 1.25rem;
  padding: 0.75em 2.5em 0.75em 0.75em;
  border: 0.0625rem solid var(--color-border);
  height: auto;
}
.c-form__element.c-form__element--search::-moz-placeholder {
  color: var(--color-text-muted);
}
.c-form__element.c-form__element--search::placeholder {
  color: var(--color-text-muted);
}
.c-form__element.c-form__element--search:focus {
  box-shadow: none !important;
}

.c-form__submit--search {
  transition: inherit;
  position: absolute;
  right: 0.0625rem;
  top: 0.0625rem;
  z-index: 4;
  font-size: 2.5rem;
  height: 4rem;
  width: 4rem;
  border-radius: 0 5px 5px 0;
}

.c-notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 960px) {
  .c-notice {
    flex-direction: row;
    justify-content: space-between;
  }
}

.c-notice__icon {
  color: var(--color-text-primary);
}

.c-notice__icon + .c-notice__body {
  padding-top: 2rem;
  flex: auto;
}
@media (min-width: 960px) {
  .c-notice__icon + .c-notice__body {
    padding: 0 0 0 2rem;
  }
}

.c-notice__body {
  text-align: center;
}
@media (min-width: 960px) {
  .c-notice__body {
    text-align: left;
  }
}

.c-notice__body + .c-notice__button {
  padding-top: 2rem;
}
@media (min-width: 960px) {
  .c-notice__body + .c-notice__button {
    padding: 0 0 0 2rem;
  }
}

.c-notice__heading + .c-notice__text {
  padding-top: 0.5rem;
}

.c-notice__button .c-button__text {
  white-space: nowrap;
}

.c-pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 400px) {
  .c-pagination {
    justify-content: flex-start;
  }
}

.c-pagination__container {
  justify-content: center;
  width: 100%;
}
@media (min-width: 640px) {
  .c-pagination__container {
    justify-content: flex-start;
  }
}

.c-pagination__list {
  display: none;
}
@media (min-width: 640px) {
  .c-pagination__list {
    display: flex;
  }
}
.c-pagination--abc .c-pagination__list {
  display: flex;
}
@media (min-width: 1524px) {
  .c-pagination--abc .c-pagination__list {
    width: 100%;
  }
}

.c-pagination__item {
  margin-bottom: 2px;
}
.c-pagination--abc .c-pagination__item:first-child .c-button {
  min-width: calc(6rem + 2px);
}
@media (min-width: 1524px) {
  .c-pagination--abc .c-pagination__item {
    flex-grow: 1;
  }
  .c-pagination--abc .c-pagination__item .c-button {
    min-width: 2rem;
  }
  .c-pagination--abc .c-pagination__item:first-child .c-button {
    min-width: 4rem;
  }
}

.c-pagination__label {
  margin-bottom: 1rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 640px) {
  .c-pagination__label {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
}
.c-pagination--abc .c-pagination__label {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.c-pagination__label--hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.c-pagination .c-button {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  background-color: var(--color-background);
  border-radius: 0;
  border-width: 0;
  border-bottom-width: 2px;
  border-color: var(--color-border-inverse);
  border-bottom-color: var(--color-border-primary);
}

.c-pagination .c-button:hover,
.c-pagination .c-button.is-current {
  border-color: var(--color-border-primary);
  background-color: var(--color-background-primary);
}

.c-pagination .c-button.is-disabled {
  border-bottom-color: var(--color-border-muted);
}

.c-sitemap__list {
  border-top: 0.0625rem solid var(--color-border-muted);
  margin: 0;
}

.c-sitemap__item a {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
  /*
  @include media-breakpoint-up('md') {
      font-size: 1.125rem;
      line-height: 1.4;
  }

  @include media-breakpoint-up('xl') {
      font-size: 1.125rem;
      line-height: 1.4;
  }
  */
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 0.0625rem solid var(--color-border-muted);
  border-bottom: 0.0625rem solid var(--color-border-muted);
  margin-top: -1px;
  display: block;
}

.c-sitemap__item:before {
  display: none;
}

.c-sitemap__list--level-2 {
  border-top: 0;
  padding: 0 0 4rem;
  border-bottom: 0.0625rem solid var(--color-border-muted);
}

.c-sitemap__list--level-3,
.c-sitemap__list--level-4 {
  padding: 0;
  border: 0;
}

.c-sitemap__list--level-2 a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 400;
}
@media (min-width: 640px) {
  .c-sitemap__list--level-2 a {
    padding-left: 2rem;
  }
}

.c-sitemap__list--level-3 a {
  padding-left: 2rem;
}
@media (min-width: 640px) {
  .c-sitemap__list--level-3 a {
    padding-left: 4rem;
  }
}

.c-sitemap__list--level-4 a {
  padding-left: 4rem;
}
@media (min-width: 640px) {
  .c-sitemap__list--level-4 a {
    padding-left: 6rem;
  }
}

.c-slideshow {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.c-slideshow__container {
  overflow: hidden;
}

.c-slideshow__list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.c-slideshow__list {
  transform: translate3d(0, 0, 0);
}

.c-slideshow--pointer-events {
  touch-action: pan-y;
}

.c-slideshow__item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.c-slideshow--equal-height .c-slideshow__item {
  height: auto;
  display: flex;
}

.c-slideshow__item.is-blank {
  visibility: hidden;
}

.c-slideshow__item-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
@media (min-width: 960px) {
  .c-slideshow__item-container {
    flex-direction: row;
  }
}

.c-slideshow__item-overlay {
  width: 100%;
  height: 100%;
  z-index: 1;
  color: var(--color-text-on-secondary);
  order: 2;
}

.c-slideshow__item-overlay--hero::before {
  content: "";
  display: block;
  background-image: url("/m-assets/images/hero-slider-overlay-mobile-top.svg");
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  padding-bottom: 10%;
  transform: translateY(calc(-100% + 1px));
}
.c-slideshow__item-overlay--hero::after {
  content: "";
  display: block;
  background-image: url("/m-assets/images/hero-slider-overlay-mobile-bottom.svg");
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 20%;
  margin-bottom: -10%;
}
@media (min-width: 960px) {
  .c-slideshow__item-overlay--hero {
    display: flex;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/m-assets/images/hero-slider-overlay-desktop.svg");
    background-repeat: no-repeat;
    background-position: left;
    order: 0;
  }
  .c-slideshow__item-overlay--hero::before, .c-slideshow__item-overlay--hero::after {
    content: none;
  }
}

.c-slideshow__item-overlay-container--hero {
  background-color: var(--color-background-secondary);
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 480px) {
  .c-slideshow__item-overlay-container--hero {
    padding-bottom: 4.5rem;
  }
}
@media (min-width: 960px) {
  .c-slideshow__item-overlay-container--hero {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.c-slideshow__item-overlay--topics::before {
  content: "";
  display: block;
  background-image: url("/m-assets/images/hero-slider-overlay-mobile-top-topics.svg");
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  padding-bottom: 10%;
  transform: translateY(calc(-100% + 1px));
}
.c-slideshow__item-overlay--topics::after {
  content: "";
  display: block;
  background-image: url("/m-assets/images/hero-slider-overlay-mobile-bottom-topics.svg");
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 20%;
  margin-bottom: -10%;
}
@media (min-width: 960px) {
  .c-slideshow__item-overlay--topics {
    display: flex;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/m-assets/images/hero-slider-overlay-desktop-topics.svg");
    background-repeat: no-repeat;
    background-position: left;
    order: 0;
  }
  .c-slideshow__item-overlay--topics::before, .c-slideshow__item-overlay--topics::after {
    content: none;
  }
}

.c-slideshow__item-overlay-container--topics {
  background-color: var(--color-background-tertiary);
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 480px) {
  .c-slideshow__item-overlay-container--topics {
    padding-bottom: 4.5rem;
  }
}
@media (min-width: 960px) {
  .c-slideshow__item-overlay-container--topics {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.c-slideshow__item-heading {
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 480px) {
  .c-slideshow__item-heading {
    font-size: 2.625rem;
  }
}

.c-slideshow__image {
  height: 100%;
  width: 100%;
}
@media (min-width: 960px) {
  .c-slideshow__image {
    width: 66.6666666667%;
  }
}

.c-slideshow__item-heading-text {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s;
  position: relative;
  position: relative;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.js-teaser--has-link .c-slideshow__item-heading-text, .js-teaser--has-link:link .c-slideshow__item-heading-text, .js-teaser--has-link:visited .c-slideshow__item-heading-text {
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position-x: calc(100% + 0%), calc(0% + 0%);
  background-position-y: calc(100% + -10%);
  background-repeat: no-repeat;
  background-size: 100% 0.075em, 0% 0.075em;
  transition: background-size 0.2s ease-out, background-position 0.2s ease-out;
}
.js-teaser--has-link:hover .c-slideshow__item-heading-text, .js-teaser--has-link:link:hover .c-slideshow__item-heading-text {
  text-decoration: none;
  background-size: 0% 0.075em, 100% 0.075em;
}

.js-teaser--has-link:hover .c-slideshow__item-overlay--hero .c-button:not([href]).c-button--white {
  color: var(--color-text-secondary);
  background-color: var(--color-background);
}
.js-teaser--has-link:hover .c-slideshow__item-overlay--topics .c-button:not([href]).c-button--white {
  color: var(--color-text-tertiary);
  background-color: var(--color-background);
}

.c-slideshow__image .c-image__img {
  transition: all 0.3s ease-out 0.3s !important;
}
.js-teaser--has-link:hover .c-slideshow__image .c-image__img {
  transform: scale(1.08);
}

.c-slideshow__status {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
  /*
  @include media-breakpoint-up('md') {
      font-size: 1.125rem;
      line-height: 1.4;
  }

  @include media-breakpoint-up('xl') {
      font-size: 1.125rem;
      line-height: 1.4;
  }
  */
  text-align: center;
  line-height: 1;
  height: 1rem;
  margin-top: 1rem;
}
.c-slideshow__status.is-disabled {
  display: none;
}

.c-slideshow__status--clickable {
  cursor: pointer;
}

.c-slideshow__bullet {
  margin: 0 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--color-background-primary);
  position: relative;
}
.c-slideshow__bullet::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: scale 0.25s ease-in-out;
  border-radius: 50%;
  background-color: var(--color-background-primary);
}
.c-slideshow__bullet:hover, .c-slideshow__bullet:focus {
  background-color: var(--color-background-tertiary);
}

.c-slideshow__bullet.c-slideshow__bullet--is-active {
  background-color: var(--color-background-tertiary);
}
.c-slideshow__bullet.c-slideshow__bullet--is-active::before {
  transform: translate(-50%, -50%) scale(1);
}

.c-slideshow__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

/*
    Navigation position right, Arrows position right, bullets centered
*/
.c-slideshow__navigation--right {
  justify-content: flex-end;
}
.c-slideshow__navigation--right .c-slideshow__arrow {
  margin-top: 0;
}
.c-slideshow__navigation--right .c-slideshow__arrow--previous {
  order: 1;
}
.c-slideshow__navigation--right .c-slideshow__status {
  order: 2;
  margin-top: 0;
  height: auto;
  font-weight: 400;
}
.c-slideshow__navigation--right .c-slideshow__arrow--next {
  order: 3;
}
/*
    Arrows position left/right, bullets centered
*/
.c-slideshow__navigation--arrowsOnSide {
  justify-content: space-between;
}

/*
    Arrows position left/right on media, bullets centered bottom
*/
.c-slideshow__navigation--arrowsOnMedia .c-slideshow__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
}
.c-slideshow__navigation--arrowsOnMedia .c-slideshow__arrow--previous {
  left: 0;
}
.c-slideshow__navigation--arrowsOnMedia .c-slideshow__arrow--next {
  right: 0;
}

.c-slideshow__arrow {
  margin-top: 1rem;
}
.c-slideshow__arrow.is-disabled {
  pointer-events: none;
}
.c-slideshow__arrow.is-locked {
  display: none;
}

.c-slideshow__container--fade.c-slideshow__container--free-mode .c-slideshow__item {
  transition-timing-function: ease-out;
}
.c-slideshow__container--fade .c-slideshow__item {
  pointer-events: none;
  opacity: 0 !important;
  transition-property: opacity;
}
.c-slideshow__container--fade .c-slideshow__item .c-slideshow__item {
  pointer-events: none;
}
.c-slideshow__container--fade .c-slideshow__item.is-active {
  opacity: 1 !important;
}
.c-slideshow__container--fade .c-slideshow__item.is-active, .c-slideshow__container--fade .c-slideshow__item.is-active .c-slideshow__item.is-active {
  pointer-events: auto;
}

.c-slideshow:hover .c-slideshow__action, .c-slideshow:hover .c-slideshow__action:link, .c-slideshow:hover .c-slideshow__action:visited {
  --button-color-text: var(--color-text-secondary);
  --button-color-border: var(--color-text-on-secondary);
  --button-color-background: var(--color-text-on-secondary);
}

.c-slideshow--thumbnails {
  padding-top: 1rem;
}
.c-slideshow--thumbnails .c-slideshow__item {
  opacity: 0.5;
}
.c-slideshow--thumbnails .c-slideshow__item.swiper-slide-thumb-active {
  opacity: 1;
}

.c-slideshow--mixed-heights .c-slideshow__list {
  align-items: flex-end;
}

.c-slideshow__pagination {
  display: block;
  text-align: center;
}

/* --------------------------------

Tabs

-------------------------------- */
.c-tabs__list {
  width: 100%;
  padding: 0;
  list-style: none;
  display: none;
  flex-direction: column;
}

.c-tabs__buttons {
  display: none;
}
@media (min-width: 480px) {
  .c-tabs__buttons {
    display: block;
  }
}

.c-tabs__button {
  margin-left: 1rem;
}
.teaser-set--list .c-tabs__button {
  margin: 0;
  width: 100%;
}
@media (min-width: 480px) {
  .teaser-set--list .c-tabs__button {
    width: auto;
  }
}
@media (min-width: 480px) {
  .teaser-set--list .c-tabs__button {
    display: none;
  }
}

.c-tabs__list-item {
  margin-bottom: 0.5rem;
}

@media (max-width: 639.98px) {
  .c-tabs__list-item .c-teaser__media {
    max-width: 180px;
  }
}
.c-tabs__panel + .c-tabs__panel {
  padding-top: 4rem;
  padding-top: 0;
}

@media (min-width: 480px) {
  .js .c-tabs__panel {
    margin-bottom: 0;
  }
  .js .c-tabs__panel--hidden {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
  .js .c-tabs__headline {
    display: none;
  }
  .js .c-tabs__title {
    display: none;
  }
  .js .c-tabs__list {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
  }
  .js .c-tabs__list-item {
    margin-bottom: 0;
  }
  .js .c-tabs__list-item:last-child {
    margin-right: 0;
  }
  .js .c-tabs__tab {
    display: block;
    white-space: nowrap;
    text-align: center;
    text-decoration: none !important;
    color: var(--color-text);
    position: relative;
    margin-right: 2rem;
    padding: 0 0 1rem;
  }
  .js .c-tabs__tab::after {
    background-color: var(--color-text);
    transition: all 0.2s ease;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 0;
  }
  .js .c-tabs__tab:hover {
    text-decoration: none !important;
  }
  .js .c-tabs__tab:hover::after {
    width: 100%;
  }
  .js .c-tabs__tab .icon {
    display: none;
  }
  .js .c-tabs__list-item--selected .c-tabs__tab {
    position: relative;
    transition: all 0.2s ease;
  }
  .js .c-tabs__list-item--selected .c-tabs__tab::after {
    background-color: var(--color-background-primary);
    opacity: 1;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .js .c-tabs__panel .slideshow__dots {
    display: none;
  }
}
.js .c-tabs__panel .slideshow__dots {
  display: block;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.js .c-tabs__panel .slideshow__status,
.js .c-tabs__panel .slideshow__arrow {
  display: none !important;
}
.js .c-tabs__panel .c-teaser--list {
  border-top: 0 !important;
}

.c-tag__item {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
  font-weight: 700;
  background-color: var(--color-background);
  padding: 4px 8px;
  display: inline-block;
  margin: 0 0 0.25rem;
}

.c-tag__count {
  padding-left: 0.5rem;
  font-weight: 400;
}

.c-tag__icon {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2rem;
  line-height: 2rem;
}
.c-tag__icon .c-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-text-inverse);
  transition: all 0.2s ease;
}
.c-tag__icon .c-icon--cross-24 {
  opacity: 0;
}

.c-tag__item.is-current {
  background-color: var(--color-background-inverse);
}
.c-tag__item.is-current .c-tag__link {
  margin: -4px -8px;
  padding: 4px 8px;
  padding-right: 2.5rem;
  text-decoration: none;
  color: var(--color-text-inverse);
  position: relative;
  display: block;
}
.c-tag__item.is-current .c-tag__link:hover .c-tag__icon .c-icon--check-24, .c-tag__item.is-current .c-tag__link:focus .c-tag__icon .c-icon--check-24, .c-tag__item.is-current .c-tag__link:active .c-tag__icon .c-icon--check-24 {
  opacity: 0;
}
.c-tag__item.is-current .c-tag__link:hover .c-tag__icon .c-icon--cross-24, .c-tag__item.is-current .c-tag__link:focus .c-tag__icon .c-icon--cross-24, .c-tag__item.is-current .c-tag__link:active .c-tag__icon .c-icon--cross-24 {
  opacity: 1;
}

.c-tag__item.is-disabled .c-tag__link {
  pointer-events: none;
  color: var(--color-text-muted);
}

.c-tag--topics .c-tag__signet {
  width: 12px;
  height: 12px;
  display: inline-flex;
  margin-right: 0.75rem;
}
.c-tag--topics .c-tag__item {
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-border-primary-muted);
  font-weight: 400;
  color: var(--color-text-primary);
}
.c-tag--topics .c-tag__link:link {
  margin: -0.25rem -0.5rem;
  padding: 0.25rem 0.5rem;
  position: relative;
  display: block;
}
.c-tag--topics .c-tag__link:link:hover, .c-tag--topics .c-tag__link:link:focus, .c-tag--topics .c-tag__link:link:active {
  text-decoration: underline;
}

.c-teaser {
  position: relative;
  z-index: 100;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  background-color: var(--color-background-muted);
}

.c-teaser--has-link {
  cursor: pointer;
}
.c-teaser--has-link p:has(a) {
  position: relative;
  cursor: default;
}
.c-teaser--has-link .c-button:link {
  position: relative;
}

.c-teaser__body {
  position: relative;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.c-teaser:not(.c-teaser--infobox):not(.c-teaser--inset):not(.c-teaser--single-big) .c-teaser__body {
  background-color: var(--color-background-muted);
  padding: 20px;
  margin: 1rem;
  border: 10px solid #00f;
  -o-border-image: url("/m-assets/images/outline-teaser-columns.svg");
     border-image: url("/m-assets/images/outline-teaser-columns.svg");
  border-image-slice: 15 24 15 15;
}

@media (min-width: 960px) {
  .c-teaser.c-teaser--inset {
    display: grid;
    grid-template-columns: 1fr 80% 1fr;
    grid-template-rows: -webkit-min-content 6rem auto;
    grid-template-rows: min-content 6rem auto;
    background-color: transparent;
  }
}
.c-teaser.c-teaser--inset .c-teaser__header {
  text-align: center;
}
.c-teaser.c-teaser--inset .c-teaser__body {
  padding: 2.5rem;
}
.c-teaser.c-teaser--inset .c-teaser__body::after {
  content: "";
  position: absolute;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 20px;
  left: 1rem;
  top: 1rem;
  border: 10px solid #00f;
  -o-border-image: url("/m-assets/images/outline-teaser-columns.svg");
     border-image: url("/m-assets/images/outline-teaser-columns.svg");
  border-image-slice: 15 24 15 15;
}
@media (min-width: 960px) {
  .c-teaser.c-teaser--inset .c-media__credits--inside {
    display: none;
  }
  .c-teaser.c-teaser--inset .c-teaser__media {
    grid-column: 1/4;
    grid-row: 1/3;
  }
  .c-teaser.c-teaser--inset .c-teaser__body {
    grid-column: 2/3;
    grid-row: 2/4;
  }
  .c-teaser.c-teaser--inset .c-teaser__body::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--color-background-muted);
  }
}

.c-teaser--fullwidth {
  overflow: visible;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.c-teaser--fullwidth::before {
  content: "";
  background-color: var(--color-background-beige);
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 0;
}
.c-teaser--fullwidth p {
  color: var(--color-text-primary);
}
@media (min-width: 960px) {
  .c-teaser--fullwidth {
    padding-top: 6rem;
    padding-bottom: 0rem;
  }
  .c-teaser--fullwidth:before {
    top: 3rem;
  }
  .c-teaser--fullwidth .c-media {
    transform: translate(0, -6rem);
    margin-bottom: -3rem;
  }
  .c-teaser--fullwidth .c-button {
    margin-bottom: 2rem;
  }
}

.c-teaser__media .c-image__img {
  transition: all 0.15s ease-in !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.c-teaser__media + .c-teaser__badge {
  position: absolute;
  left: 0;
  top: 0;
}
.c-teaser__media + .c-teaser__badge.u-position-right-top {
  left: auto;
  right: 0;
}

.c-teaser__badge:has(.c-meta__item--not-available) {
  right: 1rem;
  top: 1rem;
  left: auto;
  background-color: var(--color-background-secondary);
  border-radius: 50%;
  display: flex;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  text-align: center;
  z-index: 2;
  overflow: hidden;
}
.c-teaser__badge:has(.c-meta__item--not-available) .c-meta__text {
  white-space: pre-wrap;
}
.c-teaser__badge:has(.c-meta__item--not-available) .c-meta__item {
  width: auto;
}

.c-teaser__read-more {
  color: var(--color-link);
  display: flex;
  font-weight: 600;
  -webkit-text-decoration: var(--text-decoration-link);
          text-decoration: var(--text-decoration-link);
  align-items: center;
}
.c-teaser__read-more .c-icon {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.c-teaser__read-more:hover, .c-teaser--has-link:hover .c-teaser__read-more {
  transition: all 0.2s ease;
  color: var(--color-link-hover);
  -webkit-text-decoration: var(--text-decoration-link-hover);
          text-decoration: var(--text-decoration-link-hover);
}

.c-teaser__header {
  display: flex;
  flex-direction: column;
}

.c-teaser__link {
  position: static;
}
.c-teaser__link::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-teaser__heading {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.c-teaser__heading.u-text-lg {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 2.125rem;
  line-height: 1.2;
}
.c-meta + .c-teaser__heading {
  margin-top: 1rem;
}

.c-teaser.c-teaser--infobox .c-teaser__heading-text {
  font-family: "Source Serif Pro", serif;
}

.c-teaser:not(.c-teaser--infobox) .c-teaser__heading-text {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
}

.c-teaser__heading-text {
  position: relative;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.c-teaser__text {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  transition: all 0.2s;
  flex-grow: 1;
}
.c-teaser__text > p {
  padding-top: 0.5rem;
}
.c-teaser__text p + p {
  padding-top: 0;
}
.c-teaser__text > ul {
  margin-top: 1.5rem;
}

.c-teaser__text--clickable {
  cursor: pointer;
}

.c-teaser__text--selectable {
  position: relative;
}

.c-teaser__footer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-top: 1rem;
  margin-top: 2rem;
  border-top: 0.0625rem solid var(--color-border-muted);
}
@media (min-width: 640px) {
  .c-teaser__footer {
    padding-top: 1rem;
    margin-top: 2rem;
  }
}

/*
    Portal
*/
.c-teaser--portal {
  background-color: var(--color-background);
}
.c-teaser--portal .c-teaser__body {
  padding: 1.5rem;
  /*
  padding: 1rem 1rem 1rem;

  @include media-breakpoint-up('sm') {
      padding: 1.5rem 1.5rem 0;
  }
  */
}
@media (min-width: 960px) {
  .c-teaser--portal .c-teaser__body {
    padding: 2rem 2rem 0;
  }
}

/*
    List
*/
.c-teaser--list {
  border-top: 1px solid var(--teaser-color-border-top, var(--color-border));
}
@media (min-width: 480px) {
  .c-teaser--list {
    flex-direction: row;
  }
  .c-teaser--list .c-teaser__media {
    max-width: none;
    width: calc(40% + 1.5rem);
    padding: 1.5rem 1.5rem 0 0;
  }
  .c-teaser--list .c-teaser__body {
    width: calc(60% - 1.5rem);
    padding: 1.5rem 0 0;
  }
}
@media (min-width: 640px) {
  .c-teaser--list .c-teaser__media {
    width: calc(33.333333% + 1.5rem);
  }
  .c-teaser--list .c-teaser__body {
    width: calc(66.666666% - 1.5rem);
  }
}
@media (min-width: 960px) {
  .c-teaser--list .c-teaser__media {
    width: calc(25% + 2rem);
    padding: 2rem 2rem 0 0;
  }
  .c-teaser--list .c-teaser__body {
    width: calc(75% - 2rem);
    padding: 2rem 0 0;
  }
}

@media (min-width: 480px) {
  .c-teaser--single {
    flex-direction: row;
  }
  .c-teaser--single .c-teaser__media {
    width: calc(50% + 1.5rem);
    padding: 0 1.5rem 0 0;
  }
  .c-teaser--single .c-teaser__body {
    width: calc(50% - 1.5rem);
    padding: 0;
  }
}
@media (min-width: 960px) {
  .c-teaser--single .c-teaser__media {
    width: calc(50% + 2rem);
    padding: 0 2rem 0 0;
  }
  .c-teaser--single .c-teaser__body {
    width: calc(50% - 2rem);
  }
}

.c-teaser {
  --teaser-color-border-top: var(--color-border-muted);
}

.c-teaser--primary,
.c-teaser--secondary,
.c-teaser--tertiary,
.c-teaser--blue,
.c-teaser--red {
  --teaser-color-border-top: transparent;
}

.c-teaser--primary,
.c-teaser--blue {
  color: var(--color-text-on-primary);
  background-color: var(--color-background-primary);
}

.c-teaser--secondary,
.c-teaser--red {
  color: var(--color-text-on-secondary);
  background-color: var(--color-background-secondary);
}

.c-teaser--tertiary,
.c-teaser--red {
  color: var(--color-text-on-tertiary);
  background-color: var(--color-background-tertiary);
}

.c-teaser__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  position: relative;
  margin-top: auto;
}

.c-teaser__buttons .c-teaser__button {
  display: flex;
  flex: 1;
}
.c-teaser__buttons .c-teaser__button .c-button__text {
  white-space: nowrap;
}

.c-teaser__buttons .c-teaser__button .c-button {
  flex: 1;
}

.c-teaser__button {
  display: block;
  padding-top: 1rem;
  text-align: center;
  margin-top: auto;
}
@media (max-width: 479.98px) {
  .c-teaser__button > .c-button {
    width: 100%;
  }
}

.c-teaser--has-link:hover .c-teaser__action.c-button--on-primary:not([href]),
.c-teaser--has-link:hover .c-teaser__action.c-button--on-blue:not([href]) {
  --button-color-text: var(--color-text-primary);
  --button-color-border: var(--color-text-on-primary);
  --button-color-background: var(--color-text-on-primary);
}

.c-teaser--has-link:hover .c-teaser__action.c-button--on-secondary:not([href]),
.c-teaser--has-link:hover .c-teaser__action.c-button--on-red:not([href]) {
  --button-color-text: var(--color-text-secondary);
  --button-color-border: var(--color-text-on-secondary);
  --button-color-background: var(--color-text-on-secondary);
}

.c-teaser--has-link:hover .c-teaser__action.c-button--on-tertiary:not([href]),
.c-teaser--has-link:hover .c-teaser__action.c-button--on-red:not([href]) {
  --button-color-text: var(--color-text-tertiary);
  --button-color-border: var(--color-text-on-tertiary);
  --button-color-background: var(--color-text-on-tertiary);
}

.c-teaser {
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.c-donation-slider__content {
  position: relative;
  height: 100%;
}
.c-donation-slider__content::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 0 80px 80px;
  border-color: transparent transparent var(--color-background-secondary) transparent;
  border-style: solid;
}
@media (min-width: 960px) {
  .c-donation-slider__content::before {
    left: auto;
    right: calc(100% + 2rem);
    top: 50%;
    transform: translateY(-50%);
    border-width: 120px 120px 120px 0;
    border-color: transparent var(--color-background-secondary) transparent transparent;
  }
}

.c-donation-slider__image {
  position: relative;
  height: 100%;
  min-height: 320px;
}
@media (min-width: 480px) {
  .c-donation-slider__image {
    min-height: 480px;
  }
}
@media (min-width: 960px) {
  .c-donation-slider__image {
    min-height: 700px;
  }
}
.c-donation-slider__image .c-media {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  width: 100%;
}
.c-donation-slider__image .c-image {
  width: 100%;
  height: 100%;
  display: flex;
}
.c-donation-slider__image img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.c-form__group--currency {
  position: relative;
}
.c-form__group--currency::after {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  content: "€";
  position: absolute;
  right: 2rem;
  bottom: 0.875rem;
  color: var(--color-text-secondary);
}
@media (max-width: 959.98px) {
  .c-form__group--currency::after {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .c-form__group--currency::after {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .c-form__group--currency::after {
    font-size: 3.125rem;
    line-height: 1.2;
  }
}
@media (min-width: 640px) {
  .c-form__group--currency::after {
    right: 2.5rem;
    bottom: 1rem;
  }
}

.c-donation-slider input {
  border: 0 !important;
  height: 4rem !important;
  text-align: right;
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .c-donation-slider input {
    height: 5rem !important;
    padding-right: 4rem !important;
  }
}

.c-donation-slider__button[aria-current=true]:hover,
.c-donation-slider__button[aria-current=true]:active,
.c-donation-slider__button[aria-current=true]:focus {
  --button-color-text: var(--color-text-secondary);
  --button-color-border: var(--color-background);
  --button-color-background: var(--color-background);
}

.c-donation-slider__button[aria-current=false] {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary-muted);
  --button-color-background: var(--color-background-secondary-muted);
  cursor: pointer;
}

.c-donation-slider__button[aria-current=false]:hover {
  --button-color-text: var(--color-text-on-secondary);
  --button-color-border: var(--color-background-secondary-strong);
  --button-color-background: var(--color-background-secondary-strong);
}

.c-teaser--infobox {
  position: relative;
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: 1fr;
}
@media (min-width: 960px) {
  .c-teaser--infobox {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
.c-teaser--infobox > div {
  padding: 20px;
  margin: 20px;
}
.c-teaser--infobox > div:first-child {
  margin-bottom: 0;
}
.c-teaser--infobox > div:last-child {
  margin-top: 0;
}
@media (min-width: 640px) {
  .c-teaser--infobox > div {
    margin: 40px;
  }
}
@media (min-width: 960px) {
  .c-teaser--infobox > div:first-child {
    margin-bottom: 40px;
    margin-right: 0;
  }
  .c-teaser--infobox > div:last-child {
    margin-top: 40px;
    margin-left: 0;
  }
}
.c-teaser--infobox .c-slideshow {
  position: relative;
  max-width: calc(100vw - 5rem);
}
@media (min-width: 640px) {
  .c-teaser--infobox .c-slideshow {
    max-width: calc(100vw - 10rem);
  }
}
@media (min-width: 960px) {
  .c-teaser--infobox .c-slideshow {
    max-width: 40vw;
  }
}
@media (min-width: 1524px) {
  .c-teaser--infobox .c-slideshow {
    max-width: 560px;
  }
}
.c-teaser--infobox .c-media__lightbox-opener.c-button {
  padding: 0 0.5rem;
}
.c-teaser--infobox .c-slideshow__container {
  position: relative;
}
.c-teaser--infobox .c-slideshow__status {
  display: none;
}
.c-teaser--infobox .c-slideshow__arrow {
  width: 2.5rem;
}
.c-teaser--infobox .c-slideshow__arrow .c-button {
  margin: 0;
  width: 100%;
  position: relative;
}
.c-teaser--infobox .c-slideshow__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  aspect-ratio: 3/2;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 0 0.5rem;
  pointer-events: none;
}
.c-teaser--infobox .c-slideshow__navigation .c-button {
  pointer-events: all;
}
.c-teaser--infobox .c-slideshow__navigation .c-slideshow__arrow--next .c-button {
  position: relative;
  z-index: 20;
}
.c-teaser--infobox .c-slideshow__navigation .c-slideshow__arrow--next .c-button.u-margin-left-4 {
  margin-left: 0 !important;
}

.c-teaser--infobox:has(.c-slideshow--thumbnails) .c-slideshow {
  position: relative;
  max-width: calc(100vw - 7rem);
}
@media (min-width: 640px) {
  .c-teaser--infobox:has(.c-slideshow--thumbnails) .c-slideshow {
    max-width: calc(100vw - 12rem);
  }
}
@media (min-width: 960px) {
  .c-teaser--infobox:has(.c-slideshow--thumbnails) .c-slideshow {
    max-width: 40vw;
  }
}
@media (min-width: 1524px) {
  .c-teaser--infobox:has(.c-slideshow--thumbnails) .c-slideshow {
    max-width: 560px;
  }
}

.c-teaser--infobox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  background-color: var(--color-background-muted);
  border: 35px solid #00f;
  -o-border-image: url("/m-assets/images/outline-teaser-room.svg");
     border-image: url("/m-assets/images/outline-teaser-room.svg");
  border-image-slice: 49 50;
}
@media (min-width: 640px) {
  .c-teaser--infobox::before {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin: 20px;
  }
}

.c-teaser--special-offer .c-link-list + ul:has(.c-button) {
  margin-top: 1rem;
}
.c-teaser--special-offer .c-button {
  position: relative;
}

.c-teaser__offer-roundel {
  position: relative;
  display: block;
  min-height: 200px;
}
.c-teaser__offer-roundel > div {
  max-width: 180px;
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  gap: 1rem;
  top: 0;
  left: 0;
  background-color: var(--color-background-secondary);
  border-radius: 50%;
  aspect-ratio: 1/1;
  color: var(--color-text-on-secondary);
  transform: rotate(0deg) scale(1);
  transition: 0.2s ease-in-out;
}
.c-teaser__offer-roundel > div:hover {
  transform: rotate(-15deg) scale(1.05);
  background-color: var(--color-background-secondary-strong);
}

.c-teaser__offer-roundel--right > div {
  right: 0;
  left: auto;
}
.c-teaser__offer-roundel--right > div:hover {
  transform: rotate(15deg) scale(1.05);
  background-color: var(--color-background-secondary-strong);
}

.c-teaser--special-offer .c-teaser__offer-roundel {
  position: relative;
  display: block;
  min-height: auto;
}
@media (min-width: 640px) {
  .c-teaser--special-offer .c-teaser__offer-roundel {
    min-height: 200px;
  }
}
.c-teaser--special-offer .c-teaser__offer-roundel > div {
  width: 100%;
  max-width: 100px;
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  top: -50px;
  left: auto;
  right: 0;
  transform: rotate(15deg);
  background-color: var(--color-background-accent);
  border-radius: 50%;
  aspect-ratio: 1/1;
  color: var(--color-text-on-primary);
}
@media (max-width: 479.98px) {
  .c-teaser--special-offer .c-teaser__offer-roundel > div {
    font-size: 80%;
  }
}
@media (min-width: 480px) {
  .c-teaser--special-offer .c-teaser__offer-roundel > div {
    top: -75px;
    max-width: 150px;
  }
}
@media (min-width: 640px) {
  .c-teaser--special-offer .c-teaser__offer-roundel > div {
    top: 1rem;
    right: 50%;
    max-width: 200px;
    right: 2rem;
    transform: rotate(15deg) translateX(0%);
  }
}
@media (min-width: 960px) {
  .c-teaser--special-offer .c-teaser__offer-roundel > div {
    top: 2rem;
  }
}

.c-teaser--contact-box .contact-box {
  position: relative;
  border-width: 45px;
  padding: 40px;
}

.c-teaser--contact-box .contact-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 25px solid #00f;
  width: 100%;
  height: 100%;
  border: 35px solid #00f;
  -o-border-image: url("/m-assets/images/outline-box-contact.svg");
     border-image: url("/m-assets/images/outline-box-contact.svg");
  border-image-slice: 49 50;
}
.c-teaser--contact-box .u-border-color-gray-lighter {
  border: none;
}

.c-teaser--contact-box .c-icon-link__link,
.c-teaser--contact-box .c-icon-link__description {
  font-size: 20px;
  font-weight: 600;
}

.c-teaser--contact-box .c-icon-link__link {
  text-decoration: underline;
}

.c-teaser--contact-box .c-icon-link__icon {
  font-size: 2.25rem;
  align-items: start;
}

.c-teaser:has(.c-meta__item--not-available) {
  position: relative;
  pointer-events: none;
}
.c-teaser:has(.c-meta__item--not-available)::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.c-teaser.c-teaser--single-big {
  background-color: transparent;
}
.c-teaser.c-teaser--single-big .c-teaser__body {
  padding: 2rem 0 1rem;
  background-color: transparent;
}
.c-teaser.c-teaser--single-big .c-teaser__button {
  text-align: left;
}
.c-teaser.c-teaser--single-big.c-teaser--fullwidth-image .c-teaser__media {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.c-teaser.c-teaser--single-big.c-teaser--single-border {
  padding-bottom: 6rem;
  border: 10px solid #00f;
  -o-border-image: url('../../../m-assets/images/outline-teaser-stage.svg');
  border-image: url('../../../m-assets/images/outline-teaser-stage.svg');
  border-image-slice: 18 16 20 14;
  margin: 0;
  padding: 20px;
}
.c-teaser.c-teaser--single-big.c-teaser--single-border::before {
  top: 6rem;
}

.u-background-beige--full-width .c-teaser--single-big .c-teaser__body {
  text-align: center;
}
.u-background-beige--full-width .c-teaser--single-big .c-teaser__button {
  text-align: center;
}

/* -----------------------------------------------------------

    Table of Contents

------------------------------------------------------------- */
/* [1]: account for the page header’s height */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 11rem;
  /* [1] */
}

.c-toc__summary {
  display: block;
  cursor: pointer;
}
.c-toc__summary::-webkit-details-marker {
  display: none;
}
.c-toc__summary .c-heading__text {
  position: relative;
  /*
  &::before {
      content: '';
      width: 0.325em;
      height: 0.325em;
      display: inline-block;
      margin-right: 0.5em;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transition: $transition-base;
      transform: rotate(-45deg);
  }

  .c-details[open] &::before {
      transform: rotate(45deg);
  }
  */
}

.c-toc[open] .c-heading__icon .c-icon {
  transform: rotate(180deg);
}

@media print {
  .c-toc {
    display: none;
  }
}
/*
.toc {
    margin-bottom: 30px;

    .no-js & {
        display: none;
    }

    ul,
    ol {
        list-style: none;
        margin: 0;
        padding: 0;
        color: $color-blue;
        font-size: inherit;
        font-weight: $font-weight-primary-bold;
        counter-reset: toc-counter;
    }

    ol {
        counter-reset: toc-counter;
        padding-left: 1.5em;
    }

    ul li,
    ol li {
        margin: 0;
        padding-bottom: 0;
    }

    ol li {
        counter-increment: toc-counter;
        padding-left: 0.5em;
    }

    ol li::marker {
        content: counters(toc-counter, '.') '.';
        font-weight: $font-weight-primary-normal;
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    ol ol,
    ul ul,
    li + li {
        margin-top: 0.75em;
    }

    a {
        @include focusable-text;
        @include link-animated-underline;
    }

    a:link {
        display: inline;
    }
}
*/
[data-toggles=dark],
[data-toggles=high-contrast] {
  position: relative;
  padding-left: 2rem;
}
[data-toggles=dark]:before,
[data-toggles=high-contrast]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 26px;
  height: 15px;
  border: 1px solid var(--color-text);
  border-radius: 999px;
}
[data-toggles=dark]:after,
[data-toggles=high-contrast]:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 13px;
  width: 9px;
  height: 9px;
  background-color: var(--color-text);
  border-radius: 999px;
}
[data-toggles=dark]:hover:before,
[data-toggles=high-contrast]:hover:before {
  border-color: var(--color-link-navigation-hover);
}
[data-toggles=dark]:hover:after,
[data-toggles=high-contrast]:hover:after {
  background-color: var(--color-link-navigation-hover);
}

/*
[data-toggles='dark'] {
    &:before {
        background-color: var(--color-link-navigation);
    }
    &:after {
        background-color: var(--color-background);
    }

    &:hover {
        &:before {
            background-color: var(--color-link-navigation-hover);
        }
        &:after {
            background-color: var(--color-background);
        }
    }
}
*/
[data-user-color-scheme=dark] {
  /*
  .c-nav-ally__action#toggle-dark .c-nav-ally__label {
      background-size: 0 0.1em, 100% 0.1em;
      text-decoration: none;
  }
  */
  /*
  [data-toggles='high-contrast'] {
      pointer-events: none;
      opacity: 0.5;
      cursor: not-allowed;
  }
  */
}
[data-user-color-scheme=dark] [data-toggles=dark]:before {
  background-color: var(--color-text);
}
[data-user-color-scheme=dark] [data-toggles=dark]:after {
  left: 14px;
  background-color: var(--color-background);
}
[data-user-color-scheme=dark] [data-toggles=dark]:hover:before {
  background-color: var(--color-link-navigation-hover);
}
[data-user-color-scheme=dark] [data-toggles=dark]:hover:after {
  background-color: var(--color-background);
}

[data-user-color-scheme=high-contrast] {
  /*
  .c-nav-ally__action#toggle-high-contrast .c-nav-ally__label {
      background-size: 0 0.1em, 100% 0.1em;
      text-decoration: none;
  }
  */
}
[data-user-color-scheme=high-contrast] [data-toggles=dark]:before {
  background-color: var(--color-background);
}
[data-user-color-scheme=high-contrast] [data-toggles=dark]:after {
  background-color: var(--color-link-navigation-hover);
}
[data-user-color-scheme=high-contrast] [data-toggles=dark]:hover:before {
  background-color: var(--color-background);
}
[data-user-color-scheme=high-contrast] [data-toggles=dark]:hover:after {
  background-color: var(--color-link-navigation-hover);
}
[data-user-color-scheme=high-contrast] [data-toggles=high-contrast]:before {
  background-color: var(--color-text);
}
[data-user-color-scheme=high-contrast] [data-toggles=high-contrast]:after {
  left: 14px;
  background-color: var(--color-background);
}
[data-user-color-scheme=high-contrast] [data-toggles=high-contrast]:hover:before {
  background-color: var(--color-link-navigation-hover);
}
[data-user-color-scheme=high-contrast] [data-toggles=high-contrast]:hover:after {
  background-color: var(--color-background);
}

.c-footer__logo {
  display: block;
  width: clamp(5.4375rem, 20vw, 7.375rem);
}
@media (min-width: 640px) {
  .c-footer__logo {
    width: 7.375rem;
  }
}

/*
    Footer Social Media Navigation
*/
.c-footer--layout {
  display: flex;
  flex-flow: row wrap;
}
.c-footer--layout > div {
  width: 100%;
  margin: 0 0 40px;
}
@media (min-width: 640px) {
  .c-footer--layout > div {
    width: calc(50% - 20px);
    margin: 0 10px 40px;
  }
}
@media (min-width: 960px) {
  .c-footer--layout > div {
    width: calc(33.3333% - 20px);
  }
}

.c-social-media-navigation {
  display: flex;
  gap: 1rem;
}
.c-social-media-navigation .navigation-social__item a {
  color: var(--color-text);
}
.c-social-media-navigation .navigation-social__item a:hover {
  color: var(--color-text-secondary);
}
.c-social-media-navigation .navigation-social__item--facebook .c-icon--lg {
  height: 1.875rem;
}
.c-social-media-navigation .c-icon--lg {
  height: 2.125rem;
}

/*
Footer Service Navigation
*/
.c-service-navigation__link {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: inline-flex;
}
.c-service-navigation__link:hover {
  color: var(--color-text-secondary);
}
.c-service-navigation__item--has-icon .c-service-navigation__link {
  margin: 0;
}

.c-footer-address,
.c-service-navigation__list {
  margin-top: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.c-footer-address .c-icon--sm {
  margin-top: 3px;
}
.c-footer-address__phone, .c-footer-address__email, .c-footer-address__address {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.c-footer-address__email:hover {
  color: var(--color-text-secondary);
}

/*
Footer Legal Navigation
*/
/*

.c-legal-navigation__list {
    color: var(--color-text-primary);
    display: flex;
    flex-direction: column;

    @include media-breakpoint-up(md) {
        flex-direction: row;
        gap: 1rem;
    }
}
.c-legal-navigation__item {
    @include text-xs;
}

.c-legal-navigation__item--has-icon {
    margin: 0.25rem 0;
    display: inline-flex;
}

// Needs to come first due to specifity
.c-legal-navigation__link--button {
    @include button-unstyled;
}
*/
.c-service-navigation__title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.c-legal-navigation__link {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  color: var(--color-primary);
  display: inline-flex;
}
.c-legal-navigation__item--has-icon .c-legal-navigation__link {
  margin: 0;
}
.c-legal-navigation__link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.copyright-text {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 700;
}
@media (min-width: 640px) {
  .copyright-text {
    font-weight: 400;
  }
}

/*
    Footer Address
*/
/*
.c-footer-address {
    @include text-xs;
    // line-height: 2.125;
    color: var(--color-text-primary);
}

.c-footer-address__link {
    @include link-animated-underline(
        $color-underline-hover: currentColor,
        $width-underline: 1px
    );

    &:hover {
        color: var(--color-text-secondary);
    }
}
*/
/*
.c-copyright {
    @include text-xs;
    color: var(--color-text-primary);
    margin: 0.25rem 0;
    display: inline-flex;

    @include media-breakpoint-up(md) {
        float: left;
        margin-right: 1rem;
    }
}
*/
/*
.c-footer-description {
    @include text-sm;
    color: var(--color-text-primary);
}
*/
.c-footer--fixed-nav {
  background-color: var(--color-background);
  position: -webkit-sticky;
  position: sticky;
  display: none;
  bottom: 0;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
@media (max-width: 959.98px) {
  .c-footer--fixed-nav {
    display: grid;
  }
}
.c-footer--fixed-nav .c-button {
  padding-left: 0;
  padding-right: 0;
}

@media print {
  .c-footer {
    display: none;
  }
}
:root {
  --height-header: 6.25rem;
}
@media (min-width: 960px) {
  :root {
    --height-header: 10.625rem;
  }
}

.c-header {
  --display: flex;
  --flex-direction: column;
  --position: relative;
  --gutter: 1rem;
  --transition: none;
  --transform: "";
  --logo-width: 7rem;
}
@media (min-width: 960px) {
  .c-header {
    --logo-width: 14.375rem;
  }
}

.c-header.is-fixed {
  --position: relative;
}
@media (min-width: 960px) {
  .c-header.is-fixed {
    --position: fixed;
    --transform: translateY(-3px);
    --transition: transform 0.2s ease;
  }
}

@media (min-width: 960px) {
  .c-header.is-fixed.is-visible {
    --transform: translateY(100%);
    --logo-width: 8rem;
    --height-header: 6rem;
  }
}

.c-header__top,
.c-header__ally,
.c-header__bottom,
.c-header__sub {
  --display: none;
}
@media (min-width: 960px) {
  .c-header__top,
.c-header__ally,
.c-header__bottom,
.c-header__sub {
    --display: flex;
  }
}

@media (min-width: 960px) {
  .c-header.is-fixed.is-visible .c-header__top,
.c-header.is-fixed.is-visible .c-header__ally {
    --display: none;
  }
}

.c-header__mobile-actions {
  --display: flex;
}
@media (min-width: 960px) {
  .c-header__mobile-actions {
    --display: none;
  }
}

.c-header {
  display: var(--display);
  position: var(--position);
  min-height: var(--height-header);
  margin: 0 auto;
  transform: var(--transform);
  transition: var(--transition);
  background-color: var(--color-background-primary);
  bottom: 100%;
  right: 0;
  left: 0;
  z-index: 400;
  will-change: contents;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: var(--box-shadow-md);
}

.c-header::after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  background: url("/m-assets/images/border-bottom-header_01.svg");
  background-repeat: repeat-x;
  left: 0;
  bottom: -2px;
  z-index: -2;
}

@media (min-width: 960px) {
  .c-header.is-fixed + * {
    padding-top: var(--height-header);
  }
}

.c-header__inner {
  display: flex;
  flex-direction: var(--flex-direction);
  justify-content: space-between;
  position: relative;
}

.c-header__top,
.c-header__bottom,
.c-header__sub,
.c-header__mobile-actions {
  display: var(--display);
  justify-content: flex-end;
  margin-top: auto;
  margin-bottom: 1rem;
}

.c-header--sub .c-header__bottom {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.c-header__sub {
  overflow: visible;
  position: relative;
  position: relative;
  margin-bottom: 0;
}
.c-header__sub::before {
  content: "";
  background-color: var(--color-background-secondary);
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 0;
}

.c-header__top {
  margin-top: 0;
}

.c-header__mobile-actions {
  margin-top: auto;
  margin-bottom: auto;
  align-items: center;
}

.c-header--sub .c-header__logo {
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 960px) {
  .c-header--sub .c-header__logo {
    margin-top: -2rem;
  }
}
.is-fixed.is-visible .c-header--sub .c-header__logo {
  top: 10px;
  transform: none;
}
@media (min-width: 960px) {
  .is-fixed.is-visible .c-header--sub .c-header__logo {
    top: 50%;
    transform: translateY(-50%);
  }
}

.c-header__logo {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: var(--logo-width);
}
@media (min-width: 640px) {
  .c-header__logo {
    left: 2rem;
  }
}
@media (min-width: 1524px) {
  .c-header__logo {
    left: 3rem;
  }
}
@media (min-width: 960px) {
  .c-header__logo {
    top: 50%;
    transform: translateY(-50%);
  }
}

.c-header__ally {
  position: relative;
  display: var(--display);
  justify-content: flex-end;
  align-items: center;
  height: 2.5rem;
}
.c-header__ally::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 4000px;
  background-color: var(--color-background);
  box-shadow: inset 0 -10px 12px 0 rgba(0, 0, 0, 0.05);
}

.c-text-list__item-wrapper {
  height: 100%;
}

.c-text-list__item .c-icon-link__icon {
  align-items: start;
  font-size: 1.5em;
}
.c-teaser .c-text-list__item .c-icon-link__icon {
  font-size: 1em;
  align-items: center;
}

.c-text__hidden {
  display: none;
}

.c-text__expandable {
  position: relative;
}

.u-alignment-left {
  display: flex;
  justify-content: flex-start;
}
.u-alignment-left img {
  -o-object-position: left;
     object-position: left;
}

.u-alignment-center {
  display: flex;
  justify-content: center;
}
.u-alignment-center img {
  -o-object-position: center;
     object-position: center;
}

.u-alignment-right {
  display: flex;
  justify-content: flex-end;
}
.u-alignment-right img {
  -o-object-position: right;
     object-position: right;
}

.u-alignment-space-between {
  display: flex;
  justify-content: space-between;
}

.u-vertical-alignment-center {
  display: flex;
  align-items: center;
}

.u-vertical-alignment-bottom {
  display: flex;
  align-items: flex-end;
}

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

.u-text-right {
  text-align: right;
}

@media (min-width: 960px) {
  .u-text-left\@lg {
    text-align: left;
    justify-content: flex-start;
  }
}
.u-text-center {
  text-align: center;
  justify-content: center;
}

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

@media (min-width: 960px) {
  .u-text-right\@lg {
    text-align: right;
    justify-content: flex-end;
  }
}
.u-object-position-right {
  -o-object-position: right;
     object-position: right;
}

.u-object-position-left {
  -o-object-position: right;
     object-position: right;
}

.u-background-color-white {
  background-color: var(--color-background);
}

.u-background-color-gray-lightest {
  background-color: var(--color-background-subtle);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-blue,
.u-background-color-primary {
  background-color: var(--color-background-primary);
  color: var(--color-text-on-primary);
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: grayscale;
}

.u-background-color-beige {
  background-color: var(--color-background-beige);
  color: var(--color-text-primary);
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: grayscale;
}

.u-background-color-pink,
.u-background-color-secondary {
  background-color: var(--color-background-secondary);
  color: var(--color-text-on-secondary);
}

.u-background-color-blue-lightest,
.u-background-color-tertiary {
  background-color: var(--color-background-primary-subtle);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-blue-lighter {
  background-color: var(--color-background-primary-muted);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-red-lightest {
  background-color: var(--color-background-tertiary-muted);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-danger {
  background-color: var(--color-background-danger);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-info {
  background-color: var(--color-background-info);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-success {
  background-color: var(--color-background-success);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-color-warning {
  background-color: var(--color-background-warning);
  outline: var(--color-border-contrast-only) solid var(--width-border-s);
  outline-offset: calc(-1 * var(--width-border-s));
}

.u-background-beige--full-width {
  overflow: visible;
  position: relative;
}
.u-background-beige--full-width::before {
  content: "";
  background-color: var(--color-background-beige);
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 0;
}

.u-background-pattern-check--full-width {
  overflow: visible;
  position: relative;
}
.u-background-pattern-check--full-width::before {
  content: "";
  background-color: var(--color-background);
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 0;
}
.u-background-pattern-check--full-width::before {
  background-size: 200px;
  background-image: url("/m-assets/images/background-pattern.svg");
}

.u-background-color-primary--full-width {
  overflow: visible;
  position: relative;
  color: var(--color-text-on-primary);
  --moz-font-smoothing: grayscale;
  --webkit-font-smoothing: grayscale;
}
.u-background-color-primary--full-width::before {
  content: "";
  background-color: var(--color-background-primary);
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 0;
}

.u-background--full-width__offset::before {
  top: 12rem;
}

/*
    Borders
*/
.u-border-none {
  border: none;
}

.u-border-sm {
  border: 0.0625rem solid currentColor;
}

.u-border-md {
  border: 0.125rem solid currentColor;
}

.u-border-lg {
  border: 0.5rem solid currentColor;
}

.u-border-xl {
  border: 1rem solid currentColor;
}

/*
    Border Bottom
*/
.u-border-bottom-none {
  border-bottom: none;
}

.u-border-bottom-sm {
  border-bottom: 0.0625rem solid currentColor;
}

/*
    Border Top
*/
.u-border-top-none {
  border-top: none;
}

.u-border-top-sm {
  border-top: 0.0625rem solid currentColor;
}

/*
    Border Colors
*/
.u-border-color-transparent {
  border-color: transparent;
}

.u-border-color-gray {
  border-color: var(--color-border);
}

.u-border-color-gray-lighter {
  border-color: var(--color-border-muted);
}

.u-border-color-white {
  border-color: var(--color-text-inverse);
}

.u-border-color-black {
  border-color: var(--color-text);
}

.u-border-color-primary {
  border-color: var(--color-border-primary);
}

.u-border-color-secondary {
  border-color: var(--color-border-secondary);
}

.u-border-color-secondary-muted {
  border-color: var(--color-border-secondary-muted);
}

.u-border-color-secondary-inverse {
  border-color: var(--color-border-secondary-inverse);
}

.u-border-color-tertiary {
  border-color: var(--color-border-tertiary);
}

/*
    Border Radius
*/
.u-border-radius-50 {
  border-radius: 50%;
}

.u-border-radius-pill {
  border-radius: 9999px;
}

.u-box-shadow-sm {
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
}

.u-box-shadow-md {
  box-shadow: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.05);
}

.u-box-shadow-lg {
  box-shadow: var(--box-shadow-lg);
}

.u-display-block {
  display: block;
}

.u-display-inline-block {
  display: inline-block;
}

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

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

.u-display-none {
  display: none;
}

.u-flex-gap-1 {
  gap: 1rem;
}

.u-text-h1 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.1764705882;
}
@media (max-width: 959.98px) {
  .u-text-h1 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .u-text-h1 {
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .u-text-h1 {
    font-size: 3.75rem;
    line-height: 1.2;
  }
}

.u-text-h2 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 959.98px) {
  .u-text-h2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 640px) {
  .u-text-h2 {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .u-text-h2 {
    font-size: 3.125rem;
    line-height: 1.2;
  }
}

.u-text-h3 {
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .u-text-h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 960px) {
  .u-text-h3 {
    font-size: 2.125rem;
    line-height: 1.2;
  }
}
@media (max-width: 959.98px) {
  .u-text-h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

.u-text-h4 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
}
@media (min-width: 640px) {
  .u-text-h4 {
    font-size: 1.625rem;
    line-height: 1.2307692308;
  }
}

.u-text-h5 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.1818181818;
  /*
  @include media-breakpoint-up('md') {
      font-size: 1.125rem;
      line-height: 1.4;
  }

  @include media-breakpoint-up('xl') {
      font-size: 1.125rem;
      line-height: 1.4;
  }
  */
}

.u-text-h6 {
  font-family: "Source Serif Pro", serif;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.2222222222;
}

.u-text-lg {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.3125rem;
  line-height: 1.6666666667;
}
@media (min-width: 640px) {
  .u-text-lg {
    font-size: 1.625rem;
    line-height: 1.4615384615;
  }
}

.u-text-md {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
}

.u-text-sm {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.u-text-xs {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5625;
}

.u-text-italic {
  font-style: italic;
}

.u-text-uppercase {
  text-transform: uppercase;
}

.u-text-lowercase {
  text-transform: lowercase;
}

.u-text-letter-spacing {
  letter-spacing: 0.05em;
}

.u-text-sans {
  font-family: "Source Sans Pro", sans-serif;
}

.u-color-text,
.u-color-black {
  color: var(--color-text);
}

.u-color-gray {
  color: var(--color-text-subtle);
}

.u-color-danger,
.u-color-red {
  color: var(--color-text-danger);
}

.u-color-inverse,
.u-color-white {
  color: var(--color-text-inverse);
}

.u-color-primary,
.u-color-blue {
  color: var(--color-text-primary);
}

.u-color-on-primary {
  color: var(--color-text-on-primary);
}

.u-color-secondary,
.u-color-pink {
  color: var(--color-text-secondary);
}

.u-hover-color-inverse:hover,
.u-hover-color-white:hover {
  color: var(--color-text-inverse) !important;
}

.u-hover-color-danger:hover,
.u-hover-color-red:hover {
  color: var(--color-text-danger) !important;
}

.u-hover-color-primary:hover,
.u-hover-color-blue:hover {
  color: var(--color-text-primary) !important;
}

.u-hover-color-secondary:hover,
.u-hover-color-red:hover {
  color: var(--color-text-secondary) !important;
}

.u-text-bold {
  font-weight: 700;
}

.u-text-normal {
  font-weight: 400;
}

.u-text-cursive {
  font-family: "Dancing Script", serif;
  font-weight: 400;
}

.js .u-lazyload {
  opacity: 0;
}
.js .u-lazyload + .image__copyright {
  opacity: 0;
}

.js .u-lazyloaded,
.js .u-lazyloading {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.js .u-lazyloaded + .image__copyright,
.js .u-lazyloading + .image__copyright {
  opacity: initial;
}

.js img.u-lazyload[data-sizes=auto] {
  display: block;
}

.js img.u-lazyload:not([src]) {
  visibility: hidden;
}

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

.u-overflow-visible {
  overflow: visible;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-position-left-top {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}

.u-position-right-top {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
}

.u-position-left-bottom {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
}

.u-position-right-bottom {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}

.u-scroll-lock {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  scroll-behavior: auto;
  width: 100vw;
  height: 100vh;
}

.u-margin-0 {
  margin: 0rem !important;
  content: "";
}

.u-margin-top-0 {
  margin-top: 0rem !important;
}

.u-margin-right-0 {
  margin-right: 0rem !important;
}

.u-margin-bottom-0 {
  margin-bottom: 0rem !important;
}

.u-margin-left-0 {
  margin-left: 0rem !important;
}

.u-margin-x-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.u-margin-y-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.u-margin-1 {
  margin: 0.5rem !important;
  content: "";
}

.u-margin-top-1 {
  margin-top: 0.5rem !important;
}

.u-margin-right-1 {
  margin-right: 0.5rem !important;
}

.u-margin-bottom-1 {
  margin-bottom: 0.5rem !important;
}

.u-margin-left-1 {
  margin-left: 0.5rem !important;
}

.u-margin-x-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.u-margin-y-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.u-margin-2 {
  margin: 1rem !important;
  content: "";
}

.u-margin-top-2 {
  margin-top: 1rem !important;
}

.u-margin-right-2 {
  margin-right: 1rem !important;
}

.u-margin-bottom-2 {
  margin-bottom: 1rem !important;
}

.u-margin-left-2 {
  margin-left: 1rem !important;
}

.u-margin-x-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.u-margin-y-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.u-margin-3 {
  margin: 1rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-3 {
    margin: 1.5rem !important;
  }
}

.u-margin-top-3 {
  margin-top: 1rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-3 {
    margin-top: 1.5rem !important;
  }
}

.u-margin-right-3 {
  margin-right: 1rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-3 {
    margin-right: 1.5rem !important;
  }
}

.u-margin-bottom-3 {
  margin-bottom: 1rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-3 {
    margin-bottom: 1.5rem !important;
  }
}

.u-margin-left-3 {
  margin-left: 1rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-3 {
    margin-left: 1.5rem !important;
  }
}

.u-margin-x-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

.u-margin-y-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

.u-margin-4 {
  margin: 1.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-4 {
    margin: 2rem !important;
  }
}

.u-margin-top-4 {
  margin-top: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-4 {
    margin-top: 2rem !important;
  }
}

.u-margin-right-4 {
  margin-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-4 {
    margin-right: 2rem !important;
  }
}

.u-margin-bottom-4 {
  margin-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-4 {
    margin-bottom: 2rem !important;
  }
}

.u-margin-left-4 {
  margin-left: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-4 {
    margin-left: 2rem !important;
  }
}

.u-margin-x-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

.u-margin-y-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

.u-margin-5 {
  margin: 1.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-5 {
    margin: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-5 {
    margin: 3rem !important;
  }
}

.u-margin-top-5 {
  margin-top: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-5 {
    margin-top: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-5 {
    margin-top: 3rem !important;
  }
}

.u-margin-right-5 {
  margin-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-5 {
    margin-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-5 {
    margin-right: 3rem !important;
  }
}

.u-margin-bottom-5 {
  margin-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-5 {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-5 {
    margin-bottom: 3rem !important;
  }
}

.u-margin-left-5 {
  margin-left: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-5 {
    margin-left: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-5 {
    margin-left: 3rem !important;
  }
}

.u-margin-x-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

.u-margin-y-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

.u-margin-6 {
  margin: 3rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-6 {
    margin: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-6 {
    margin: 4rem !important;
  }
}

.u-margin-top-6 {
  margin-top: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-6 {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-6 {
    margin-top: 4rem !important;
  }
}

.u-margin-right-6 {
  margin-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-6 {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-6 {
    margin-right: 4rem !important;
  }
}

.u-margin-bottom-6 {
  margin-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-6 {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-6 {
    margin-bottom: 4rem !important;
  }
}

.u-margin-left-6 {
  margin-left: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-6 {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-6 {
    margin-left: 4rem !important;
  }
}

.u-margin-x-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-6 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

.u-margin-y-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-6 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

.u-margin-7 {
  margin: 3rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-7 {
    margin: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-7 {
    margin: 4.5rem !important;
  }
}

.u-margin-top-7 {
  margin-top: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-7 {
    margin-top: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-7 {
    margin-top: 4.5rem !important;
  }
}

.u-margin-right-7 {
  margin-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-7 {
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-7 {
    margin-right: 4.5rem !important;
  }
}

.u-margin-bottom-7 {
  margin-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-7 {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-7 {
    margin-bottom: 4.5rem !important;
  }
}

.u-margin-left-7 {
  margin-left: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-7 {
    margin-left: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-7 {
    margin-left: 4.5rem !important;
  }
}

.u-margin-x-7 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}

.u-margin-y-7 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}

.u-margin-8 {
  margin: 4rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-8 {
    margin: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-8 {
    margin: 5rem !important;
  }
}

.u-margin-top-8 {
  margin-top: 4rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-8 {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-8 {
    margin-top: 5rem !important;
  }
}

.u-margin-right-8 {
  margin-right: 4rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-8 {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-8 {
    margin-right: 5rem !important;
  }
}

.u-margin-bottom-8 {
  margin-bottom: 4rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-8 {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-8 {
    margin-bottom: 5rem !important;
  }
}

.u-margin-left-8 {
  margin-left: 4rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-8 {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-8 {
    margin-left: 5rem !important;
  }
}

.u-margin-x-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-8 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

.u-margin-y-8 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-8 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

.u-margin-9 {
  margin: 4.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-9 {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-9 {
    margin: 6rem !important;
  }
}

.u-margin-top-9 {
  margin-top: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-9 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-9 {
    margin-top: 6rem !important;
  }
}

.u-margin-right-9 {
  margin-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-9 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-9 {
    margin-right: 6rem !important;
  }
}

.u-margin-bottom-9 {
  margin-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-9 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-9 {
    margin-bottom: 6rem !important;
  }
}

.u-margin-left-9 {
  margin-left: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-9 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-9 {
    margin-left: 6rem !important;
  }
}

.u-margin-x-9 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-9 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-9 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

.u-margin-y-9 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-9 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-9 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}

.u-margin-10 {
  margin: 3rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-10 {
    margin: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-10 {
    margin: 5rem !important;
  }
}

.u-margin-top-10 {
  margin-top: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-10 {
    margin-top: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-10 {
    margin-top: 5rem !important;
  }
}

.u-margin-right-10 {
  margin-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-10 {
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-10 {
    margin-right: 5rem !important;
  }
}

.u-margin-bottom-10 {
  margin-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-10 {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-10 {
    margin-bottom: 5rem !important;
  }
}

.u-margin-left-10 {
  margin-left: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-10 {
    margin-left: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-10 {
    margin-left: 5rem !important;
  }
}

.u-margin-x-10 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-10 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

.u-margin-y-10 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-10 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

.u-margin-11 {
  margin: 4.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-11 {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-11 {
    margin: 7rem !important;
  }
}

.u-margin-top-11 {
  margin-top: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-11 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-11 {
    margin-top: 7rem !important;
  }
}

.u-margin-right-11 {
  margin-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-11 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-11 {
    margin-right: 7rem !important;
  }
}

.u-margin-bottom-11 {
  margin-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-11 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-11 {
    margin-bottom: 7rem !important;
  }
}

.u-margin-left-11 {
  margin-left: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-11 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-11 {
    margin-left: 7rem !important;
  }
}

.u-margin-x-11 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-11 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-11 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

.u-margin-y-11 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-11 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-11 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}

.u-margin-12 {
  margin: 4.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-margin-12 {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-12 {
    margin: 9rem !important;
  }
}

.u-margin-top-12 {
  margin-top: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-top-12 {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-12 {
    margin-top: 9rem !important;
  }
}

.u-margin-right-12 {
  margin-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-right-12 {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-12 {
    margin-right: 9rem !important;
  }
}

.u-margin-bottom-12 {
  margin-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-bottom-12 {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-12 {
    margin-bottom: 9rem !important;
  }
}

.u-margin-left-12 {
  margin-left: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-left-12 {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-12 {
    margin-left: 9rem !important;
  }
}

.u-margin-x-12 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-x-12 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-12 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

.u-margin-y-12 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-margin-y-12 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-12 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}

@media (min-width: 400px) {
  .u-margin-0\@xs {
    margin: 0rem !important;
    content: "\\@xs";
  }

  .u-margin-top-0\@xs {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@xs {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@xs {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@xs {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@xs {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@xs {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@xs {
    margin: 0.5rem !important;
    content: "\\@xs";
  }

  .u-margin-top-1\@xs {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@xs {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@xs {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@xs {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@xs {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@xs {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@xs {
    margin: 1rem !important;
    content: "\\@xs";
  }

  .u-margin-top-2\@xs {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@xs {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@xs {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@xs {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@xs {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@xs {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@xs {
    margin: 1rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-3\@xs {
    margin: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-3\@xs {
    margin-top: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-3\@xs {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-3\@xs {
    margin-right: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-3\@xs {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-3\@xs {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-3\@xs {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-3\@xs {
    margin-left: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-3\@xs {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-3\@xs {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-3\@xs {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-3\@xs {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-3\@xs {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-4\@xs {
    margin: 1.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-4\@xs {
    margin: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-4\@xs {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-4\@xs {
    margin-top: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-4\@xs {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-4\@xs {
    margin-right: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-4\@xs {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-4\@xs {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-4\@xs {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-4\@xs {
    margin-left: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-4\@xs {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-4\@xs {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-4\@xs {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-4\@xs {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-5\@xs {
    margin: 1.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-5\@xs {
    margin: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-5\@xs {
    margin: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-5\@xs {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-5\@xs {
    margin-top: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-5\@xs {
    margin-top: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-5\@xs {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-5\@xs {
    margin-right: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-5\@xs {
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-5\@xs {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-5\@xs {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-5\@xs {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-5\@xs {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-5\@xs {
    margin-left: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-5\@xs {
    margin-left: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-5\@xs {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-5\@xs {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-5\@xs {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-5\@xs {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-5\@xs {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-5\@xs {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-6\@xs {
    margin: 3rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-6\@xs {
    margin: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-6\@xs {
    margin: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-6\@xs {
    margin-top: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-6\@xs {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-6\@xs {
    margin-top: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-6\@xs {
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-6\@xs {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-6\@xs {
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-6\@xs {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-6\@xs {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-6\@xs {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-6\@xs {
    margin-left: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-6\@xs {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-6\@xs {
    margin-left: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-6\@xs {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-6\@xs {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-6\@xs {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-6\@xs {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-6\@xs {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-6\@xs {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-7\@xs {
    margin: 3rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-7\@xs {
    margin: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-7\@xs {
    margin: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-7\@xs {
    margin-top: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-7\@xs {
    margin-top: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-7\@xs {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-7\@xs {
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-7\@xs {
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-7\@xs {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-7\@xs {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-7\@xs {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-7\@xs {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-7\@xs {
    margin-left: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-7\@xs {
    margin-left: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-7\@xs {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-7\@xs {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-7\@xs {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-7\@xs {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-7\@xs {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-7\@xs {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-7\@xs {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-8\@xs {
    margin: 4rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-8\@xs {
    margin: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-8\@xs {
    margin: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-8\@xs {
    margin-top: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-8\@xs {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-8\@xs {
    margin-top: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-8\@xs {
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-8\@xs {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-8\@xs {
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-8\@xs {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-8\@xs {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-8\@xs {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-8\@xs {
    margin-left: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-8\@xs {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-8\@xs {
    margin-left: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-8\@xs {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-8\@xs {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-8\@xs {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-8\@xs {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-8\@xs {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-8\@xs {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-9\@xs {
    margin: 4.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-9\@xs {
    margin: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-9\@xs {
    margin: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-9\@xs {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-9\@xs {
    margin-top: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-9\@xs {
    margin-top: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-9\@xs {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-9\@xs {
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-9\@xs {
    margin-right: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-9\@xs {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-9\@xs {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-9\@xs {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-9\@xs {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-9\@xs {
    margin-left: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-9\@xs {
    margin-left: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-9\@xs {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-9\@xs {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-9\@xs {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-9\@xs {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-9\@xs {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-9\@xs {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-10\@xs {
    margin: 3rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-10\@xs {
    margin: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-10\@xs {
    margin: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-10\@xs {
    margin-top: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-10\@xs {
    margin-top: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-10\@xs {
    margin-top: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-10\@xs {
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-10\@xs {
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-10\@xs {
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-10\@xs {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-10\@xs {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-10\@xs {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-10\@xs {
    margin-left: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-10\@xs {
    margin-left: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-10\@xs {
    margin-left: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-10\@xs {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-10\@xs {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-10\@xs {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-10\@xs {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-10\@xs {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-10\@xs {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-11\@xs {
    margin: 4.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-11\@xs {
    margin: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-11\@xs {
    margin: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-11\@xs {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-11\@xs {
    margin-top: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-11\@xs {
    margin-top: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-11\@xs {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-11\@xs {
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-11\@xs {
    margin-right: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-11\@xs {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-11\@xs {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-11\@xs {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-11\@xs {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-11\@xs {
    margin-left: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-11\@xs {
    margin-left: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-11\@xs {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-11\@xs {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-11\@xs {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-11\@xs {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-11\@xs {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-11\@xs {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-12\@xs {
    margin: 4.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-12\@xs {
    margin: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-12\@xs {
    margin: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-top-12\@xs {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-top-12\@xs {
    margin-top: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-top-12\@xs {
    margin-top: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-right-12\@xs {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-right-12\@xs {
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-right-12\@xs {
    margin-right: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-bottom-12\@xs {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-bottom-12\@xs {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-bottom-12\@xs {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-left-12\@xs {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-left-12\@xs {
    margin-left: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-left-12\@xs {
    margin-left: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-x-12\@xs {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-x-12\@xs {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-x-12\@xs {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-margin-y-12\@xs {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-margin-y-12\@xs {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-margin-y-12\@xs {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-0\@sm {
    margin: 0rem !important;
    content: "\\@sm";
  }

  .u-margin-top-0\@sm {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@sm {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@sm {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@sm {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@sm {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@sm {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@sm {
    margin: 0.5rem !important;
    content: "\\@sm";
  }

  .u-margin-top-1\@sm {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@sm {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@sm {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@sm {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@sm {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@sm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@sm {
    margin: 1rem !important;
    content: "\\@sm";
  }

  .u-margin-top-2\@sm {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@sm {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@sm {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@sm {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@sm {
    margin: 1rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-3\@sm {
    margin: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-3\@sm {
    margin-top: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-3\@sm {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-3\@sm {
    margin-right: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-3\@sm {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-3\@sm {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-3\@sm {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-3\@sm {
    margin-left: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-3\@sm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-3\@sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-3\@sm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-3\@sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-3\@sm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-4\@sm {
    margin: 1.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-4\@sm {
    margin: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-4\@sm {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-4\@sm {
    margin-top: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-4\@sm {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-4\@sm {
    margin-right: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-4\@sm {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-4\@sm {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-4\@sm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-4\@sm {
    margin-left: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-4\@sm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-4\@sm {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-4\@sm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-4\@sm {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-5\@sm {
    margin: 1.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-5\@sm {
    margin: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-5\@sm {
    margin: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-5\@sm {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-5\@sm {
    margin-top: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-5\@sm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-5\@sm {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-5\@sm {
    margin-right: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-5\@sm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-5\@sm {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-5\@sm {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-5\@sm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-5\@sm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-5\@sm {
    margin-left: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-5\@sm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-5\@sm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-5\@sm {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-5\@sm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-5\@sm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-5\@sm {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-5\@sm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-6\@sm {
    margin: 3rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-6\@sm {
    margin: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-6\@sm {
    margin: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-6\@sm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-6\@sm {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-6\@sm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-6\@sm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-6\@sm {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-6\@sm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-6\@sm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-6\@sm {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-6\@sm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-6\@sm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-6\@sm {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-6\@sm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-6\@sm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-6\@sm {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-6\@sm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-6\@sm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-6\@sm {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-6\@sm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-7\@sm {
    margin: 3rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-7\@sm {
    margin: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-7\@sm {
    margin: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-7\@sm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-7\@sm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-7\@sm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-7\@sm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-7\@sm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-7\@sm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-7\@sm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-7\@sm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-7\@sm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-7\@sm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-7\@sm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-7\@sm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-7\@sm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-7\@sm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-7\@sm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-7\@sm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-7\@sm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-7\@sm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-8\@sm {
    margin: 4rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-8\@sm {
    margin: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-8\@sm {
    margin: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-8\@sm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-8\@sm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-8\@sm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-8\@sm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-8\@sm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-8\@sm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-8\@sm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-8\@sm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-8\@sm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-8\@sm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-8\@sm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-8\@sm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-8\@sm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-8\@sm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-8\@sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-8\@sm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-8\@sm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-8\@sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-9\@sm {
    margin: 4.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-9\@sm {
    margin: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-9\@sm {
    margin: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-9\@sm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-9\@sm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-9\@sm {
    margin-top: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-9\@sm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-9\@sm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-9\@sm {
    margin-right: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-9\@sm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-9\@sm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-9\@sm {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-9\@sm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-9\@sm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-9\@sm {
    margin-left: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-9\@sm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-9\@sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-9\@sm {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-9\@sm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-9\@sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-9\@sm {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-10\@sm {
    margin: 3rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-10\@sm {
    margin: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-10\@sm {
    margin: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-10\@sm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-10\@sm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-10\@sm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-10\@sm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-10\@sm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-10\@sm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-10\@sm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-10\@sm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-10\@sm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-10\@sm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-10\@sm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-10\@sm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-10\@sm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-10\@sm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-10\@sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-10\@sm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-10\@sm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-10\@sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-11\@sm {
    margin: 4.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-11\@sm {
    margin: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-11\@sm {
    margin: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-11\@sm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-11\@sm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-11\@sm {
    margin-top: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-11\@sm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-11\@sm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-11\@sm {
    margin-right: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-11\@sm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-11\@sm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-11\@sm {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-11\@sm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-11\@sm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-11\@sm {
    margin-left: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-11\@sm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-11\@sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-11\@sm {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-11\@sm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-11\@sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-11\@sm {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-12\@sm {
    margin: 4.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-12\@sm {
    margin: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-12\@sm {
    margin: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-top-12\@sm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-top-12\@sm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-top-12\@sm {
    margin-top: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-right-12\@sm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-right-12\@sm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-right-12\@sm {
    margin-right: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-bottom-12\@sm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-bottom-12\@sm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-bottom-12\@sm {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-left-12\@sm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-left-12\@sm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-left-12\@sm {
    margin-left: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-x-12\@sm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-x-12\@sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-x-12\@sm {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-margin-y-12\@sm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-margin-y-12\@sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-margin-y-12\@sm {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-0\@md {
    margin: 0rem !important;
    content: "\\@md";
  }

  .u-margin-top-0\@md {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@md {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@md {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@md {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@md {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@md {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@md {
    margin: 0.5rem !important;
    content: "\\@md";
  }

  .u-margin-top-1\@md {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@md {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@md {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@md {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@md {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@md {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@md {
    margin: 1rem !important;
    content: "\\@md";
  }

  .u-margin-top-2\@md {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@md {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@md {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@md {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@md {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@md {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@md {
    margin: 1rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-3\@md {
    margin: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-3\@md {
    margin-top: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-3\@md {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-3\@md {
    margin-right: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-3\@md {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-3\@md {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-3\@md {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-3\@md {
    margin-left: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-3\@md {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-3\@md {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-3\@md {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-3\@md {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-3\@md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-4\@md {
    margin: 1.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-4\@md {
    margin: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-4\@md {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-4\@md {
    margin-top: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-4\@md {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-4\@md {
    margin-right: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-4\@md {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-4\@md {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-4\@md {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-4\@md {
    margin-left: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-4\@md {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-4\@md {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-4\@md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-4\@md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-5\@md {
    margin: 1.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-5\@md {
    margin: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-5\@md {
    margin: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-5\@md {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-5\@md {
    margin-top: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-5\@md {
    margin-top: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-5\@md {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-5\@md {
    margin-right: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-5\@md {
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-5\@md {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-5\@md {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-5\@md {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-5\@md {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-5\@md {
    margin-left: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-5\@md {
    margin-left: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-5\@md {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-5\@md {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-5\@md {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-5\@md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-5\@md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-5\@md {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-6\@md {
    margin: 3rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-6\@md {
    margin: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-6\@md {
    margin: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-6\@md {
    margin-top: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-6\@md {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-6\@md {
    margin-top: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-6\@md {
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-6\@md {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-6\@md {
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-6\@md {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-6\@md {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-6\@md {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-6\@md {
    margin-left: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-6\@md {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-6\@md {
    margin-left: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-6\@md {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-6\@md {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-6\@md {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-6\@md {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-6\@md {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-6\@md {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-7\@md {
    margin: 3rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-7\@md {
    margin: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-7\@md {
    margin: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-7\@md {
    margin-top: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-7\@md {
    margin-top: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-7\@md {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-7\@md {
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-7\@md {
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-7\@md {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-7\@md {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-7\@md {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-7\@md {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-7\@md {
    margin-left: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-7\@md {
    margin-left: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-7\@md {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-7\@md {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-7\@md {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-7\@md {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-7\@md {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-7\@md {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-7\@md {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-8\@md {
    margin: 4rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-8\@md {
    margin: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-8\@md {
    margin: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-8\@md {
    margin-top: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-8\@md {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-8\@md {
    margin-top: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-8\@md {
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-8\@md {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-8\@md {
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-8\@md {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-8\@md {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-8\@md {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-8\@md {
    margin-left: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-8\@md {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-8\@md {
    margin-left: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-8\@md {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-8\@md {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-8\@md {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-8\@md {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-8\@md {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-8\@md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-9\@md {
    margin: 4.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-9\@md {
    margin: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-9\@md {
    margin: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-9\@md {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-9\@md {
    margin-top: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-9\@md {
    margin-top: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-9\@md {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-9\@md {
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-9\@md {
    margin-right: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-9\@md {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-9\@md {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-9\@md {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-9\@md {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-9\@md {
    margin-left: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-9\@md {
    margin-left: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-9\@md {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-9\@md {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-9\@md {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-9\@md {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-9\@md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-9\@md {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-10\@md {
    margin: 3rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-10\@md {
    margin: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-10\@md {
    margin: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-10\@md {
    margin-top: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-10\@md {
    margin-top: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-10\@md {
    margin-top: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-10\@md {
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-10\@md {
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-10\@md {
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-10\@md {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-10\@md {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-10\@md {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-10\@md {
    margin-left: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-10\@md {
    margin-left: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-10\@md {
    margin-left: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-10\@md {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-10\@md {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-10\@md {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-10\@md {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-10\@md {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-10\@md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-11\@md {
    margin: 4.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-11\@md {
    margin: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-11\@md {
    margin: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-11\@md {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-11\@md {
    margin-top: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-11\@md {
    margin-top: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-11\@md {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-11\@md {
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-11\@md {
    margin-right: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-11\@md {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-11\@md {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-11\@md {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-11\@md {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-11\@md {
    margin-left: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-11\@md {
    margin-left: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-11\@md {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-11\@md {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-11\@md {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-11\@md {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-11\@md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-11\@md {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-12\@md {
    margin: 4.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-12\@md {
    margin: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-12\@md {
    margin: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-top-12\@md {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-top-12\@md {
    margin-top: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-top-12\@md {
    margin-top: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-right-12\@md {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-right-12\@md {
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-right-12\@md {
    margin-right: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-bottom-12\@md {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-bottom-12\@md {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-bottom-12\@md {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-left-12\@md {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-left-12\@md {
    margin-left: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-left-12\@md {
    margin-left: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-x-12\@md {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-x-12\@md {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-x-12\@md {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-margin-y-12\@md {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-margin-y-12\@md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-margin-y-12\@md {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-0\@lg {
    margin: 0rem !important;
    content: "\\@lg";
  }

  .u-margin-top-0\@lg {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@lg {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@lg {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@lg {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@lg {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@lg {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@lg {
    margin: 0.5rem !important;
    content: "\\@lg";
  }

  .u-margin-top-1\@lg {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@lg {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@lg {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@lg {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@lg {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@lg {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@lg {
    margin: 1rem !important;
    content: "\\@lg";
  }

  .u-margin-top-2\@lg {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@lg {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@lg {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@lg {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@lg {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@lg {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@lg {
    margin: 1rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-3\@lg {
    margin: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-3\@lg {
    margin-top: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-3\@lg {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-3\@lg {
    margin-right: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-3\@lg {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-3\@lg {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-3\@lg {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-3\@lg {
    margin-left: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-3\@lg {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-3\@lg {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-3\@lg {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-3\@lg {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-3\@lg {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-4\@lg {
    margin: 1.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-4\@lg {
    margin: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-4\@lg {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-4\@lg {
    margin-top: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-4\@lg {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-4\@lg {
    margin-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-4\@lg {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-4\@lg {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-4\@lg {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-4\@lg {
    margin-left: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-4\@lg {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-4\@lg {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-4\@lg {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-4\@lg {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-5\@lg {
    margin: 1.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-5\@lg {
    margin: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-5\@lg {
    margin: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-5\@lg {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-5\@lg {
    margin-top: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-5\@lg {
    margin-top: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-5\@lg {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-5\@lg {
    margin-right: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-5\@lg {
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-5\@lg {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-5\@lg {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-5\@lg {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-5\@lg {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-5\@lg {
    margin-left: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-5\@lg {
    margin-left: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-5\@lg {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-5\@lg {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-5\@lg {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-5\@lg {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-5\@lg {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-5\@lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-6\@lg {
    margin: 3rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-6\@lg {
    margin: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-6\@lg {
    margin: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-6\@lg {
    margin-top: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-6\@lg {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-6\@lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-6\@lg {
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-6\@lg {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-6\@lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-6\@lg {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-6\@lg {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-6\@lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-6\@lg {
    margin-left: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-6\@lg {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-6\@lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-6\@lg {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-6\@lg {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-6\@lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-6\@lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-6\@lg {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-6\@lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-7\@lg {
    margin: 3rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-7\@lg {
    margin: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-7\@lg {
    margin: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-7\@lg {
    margin-top: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-7\@lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-7\@lg {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-7\@lg {
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-7\@lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-7\@lg {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-7\@lg {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-7\@lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-7\@lg {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-7\@lg {
    margin-left: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-7\@lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-7\@lg {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-7\@lg {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-7\@lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-7\@lg {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-7\@lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-7\@lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-7\@lg {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-8\@lg {
    margin: 4rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-8\@lg {
    margin: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-8\@lg {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-8\@lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-8\@lg {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-8\@lg {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-8\@lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-8\@lg {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-8\@lg {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-8\@lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-8\@lg {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-8\@lg {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-8\@lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-8\@lg {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-8\@lg {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-8\@lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-8\@lg {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-8\@lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-8\@lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-8\@lg {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-8\@lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-9\@lg {
    margin: 4.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-9\@lg {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-9\@lg {
    margin: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-9\@lg {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-9\@lg {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-9\@lg {
    margin-top: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-9\@lg {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-9\@lg {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-9\@lg {
    margin-right: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-9\@lg {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-9\@lg {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-9\@lg {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-9\@lg {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-9\@lg {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-9\@lg {
    margin-left: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-9\@lg {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-9\@lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-9\@lg {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-9\@lg {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-9\@lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-9\@lg {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-10\@lg {
    margin: 3rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-10\@lg {
    margin: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-10\@lg {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-10\@lg {
    margin-top: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-10\@lg {
    margin-top: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-10\@lg {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-10\@lg {
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-10\@lg {
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-10\@lg {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-10\@lg {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-10\@lg {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-10\@lg {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-10\@lg {
    margin-left: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-10\@lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-10\@lg {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-10\@lg {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-10\@lg {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-10\@lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-10\@lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-10\@lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-10\@lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-11\@lg {
    margin: 4.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-11\@lg {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-11\@lg {
    margin: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-11\@lg {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-11\@lg {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-11\@lg {
    margin-top: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-11\@lg {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-11\@lg {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-11\@lg {
    margin-right: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-11\@lg {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-11\@lg {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-11\@lg {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-11\@lg {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-11\@lg {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-11\@lg {
    margin-left: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-11\@lg {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-11\@lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-11\@lg {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-11\@lg {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-11\@lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-11\@lg {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-12\@lg {
    margin: 4.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-12\@lg {
    margin: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-12\@lg {
    margin: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-top-12\@lg {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-top-12\@lg {
    margin-top: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-top-12\@lg {
    margin-top: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-right-12\@lg {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-right-12\@lg {
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-right-12\@lg {
    margin-right: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-bottom-12\@lg {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-bottom-12\@lg {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-bottom-12\@lg {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-left-12\@lg {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-left-12\@lg {
    margin-left: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-left-12\@lg {
    margin-left: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-x-12\@lg {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-x-12\@lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-x-12\@lg {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-margin-y-12\@lg {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-margin-y-12\@lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-margin-y-12\@lg {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-0\@lgsm {
    margin: 0rem !important;
    content: "\\@lgsm";
  }

  .u-margin-top-0\@lgsm {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@lgsm {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@lgsm {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@lgsm {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@lgsm {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@lgsm {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@lgsm {
    margin: 0.5rem !important;
    content: "\\@lgsm";
  }

  .u-margin-top-1\@lgsm {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@lgsm {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@lgsm {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@lgsm {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@lgsm {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@lgsm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@lgsm {
    margin: 1rem !important;
    content: "\\@lgsm";
  }

  .u-margin-top-2\@lgsm {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@lgsm {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@lgsm {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@lgsm {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@lgsm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@lgsm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@lgsm {
    margin: 1rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-3\@lgsm {
    margin: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-3\@lgsm {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-3\@lgsm {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-3\@lgsm {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-3\@lgsm {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-3\@lgsm {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-3\@lgsm {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-3\@lgsm {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-3\@lgsm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-3\@lgsm {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-3\@lgsm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-3\@lgsm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-3\@lgsm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-4\@lgsm {
    margin: 1.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-4\@lgsm {
    margin: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-4\@lgsm {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-4\@lgsm {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-4\@lgsm {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-4\@lgsm {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-4\@lgsm {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-4\@lgsm {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-4\@lgsm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-4\@lgsm {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-4\@lgsm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-4\@lgsm {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-4\@lgsm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-4\@lgsm {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-5\@lgsm {
    margin: 1.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-5\@lgsm {
    margin: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-5\@lgsm {
    margin: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-5\@lgsm {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-5\@lgsm {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-5\@lgsm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-5\@lgsm {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-5\@lgsm {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-5\@lgsm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-5\@lgsm {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-5\@lgsm {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-5\@lgsm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-5\@lgsm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-5\@lgsm {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-5\@lgsm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-5\@lgsm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-5\@lgsm {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-5\@lgsm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-5\@lgsm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-5\@lgsm {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-5\@lgsm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-6\@lgsm {
    margin: 3rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-6\@lgsm {
    margin: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-6\@lgsm {
    margin: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-6\@lgsm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-6\@lgsm {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-6\@lgsm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-6\@lgsm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-6\@lgsm {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-6\@lgsm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-6\@lgsm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-6\@lgsm {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-6\@lgsm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-6\@lgsm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-6\@lgsm {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-6\@lgsm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-6\@lgsm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-6\@lgsm {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-6\@lgsm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-6\@lgsm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-6\@lgsm {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-6\@lgsm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-7\@lgsm {
    margin: 3rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-7\@lgsm {
    margin: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-7\@lgsm {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-7\@lgsm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-7\@lgsm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-7\@lgsm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-7\@lgsm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-7\@lgsm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-7\@lgsm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-7\@lgsm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-7\@lgsm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-7\@lgsm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-7\@lgsm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-7\@lgsm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-7\@lgsm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-7\@lgsm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-7\@lgsm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-7\@lgsm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-7\@lgsm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-7\@lgsm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-7\@lgsm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-8\@lgsm {
    margin: 4rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-8\@lgsm {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-8\@lgsm {
    margin: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-8\@lgsm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-8\@lgsm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-8\@lgsm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-8\@lgsm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-8\@lgsm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-8\@lgsm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-8\@lgsm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-8\@lgsm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-8\@lgsm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-8\@lgsm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-8\@lgsm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-8\@lgsm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-8\@lgsm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-8\@lgsm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-8\@lgsm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-8\@lgsm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-8\@lgsm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-8\@lgsm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-9\@lgsm {
    margin: 4.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-9\@lgsm {
    margin: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-9\@lgsm {
    margin: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-9\@lgsm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-9\@lgsm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-9\@lgsm {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-9\@lgsm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-9\@lgsm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-9\@lgsm {
    margin-right: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-9\@lgsm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-9\@lgsm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-9\@lgsm {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-9\@lgsm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-9\@lgsm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-9\@lgsm {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-9\@lgsm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-9\@lgsm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-9\@lgsm {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-9\@lgsm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-9\@lgsm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-9\@lgsm {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-10\@lgsm {
    margin: 3rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-10\@lgsm {
    margin: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-10\@lgsm {
    margin: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-10\@lgsm {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-10\@lgsm {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-10\@lgsm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-10\@lgsm {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-10\@lgsm {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-10\@lgsm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-10\@lgsm {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-10\@lgsm {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-10\@lgsm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-10\@lgsm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-10\@lgsm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-10\@lgsm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-10\@lgsm {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-10\@lgsm {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-10\@lgsm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-10\@lgsm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-10\@lgsm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-10\@lgsm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-11\@lgsm {
    margin: 4.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-11\@lgsm {
    margin: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-11\@lgsm {
    margin: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-11\@lgsm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-11\@lgsm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-11\@lgsm {
    margin-top: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-11\@lgsm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-11\@lgsm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-11\@lgsm {
    margin-right: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-11\@lgsm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-11\@lgsm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-11\@lgsm {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-11\@lgsm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-11\@lgsm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-11\@lgsm {
    margin-left: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-11\@lgsm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-11\@lgsm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-11\@lgsm {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-11\@lgsm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-11\@lgsm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-11\@lgsm {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-12\@lgsm {
    margin: 4.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-12\@lgsm {
    margin: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-12\@lgsm {
    margin: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-top-12\@lgsm {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-top-12\@lgsm {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-top-12\@lgsm {
    margin-top: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-right-12\@lgsm {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-right-12\@lgsm {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-right-12\@lgsm {
    margin-right: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-bottom-12\@lgsm {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-bottom-12\@lgsm {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-bottom-12\@lgsm {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-left-12\@lgsm {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-left-12\@lgsm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-left-12\@lgsm {
    margin-left: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-x-12\@lgsm {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-x-12\@lgsm {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-x-12\@lgsm {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-margin-y-12\@lgsm {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-margin-y-12\@lgsm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-margin-y-12\@lgsm {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-0\@xl {
    margin: 0rem !important;
    content: "\\@xl";
  }

  .u-margin-top-0\@xl {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@xl {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@xl {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@xl {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@xl {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@xl {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@xl {
    margin: 0.5rem !important;
    content: "\\@xl";
  }

  .u-margin-top-1\@xl {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@xl {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@xl {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@xl {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@xl {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@xl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@xl {
    margin: 1rem !important;
    content: "\\@xl";
  }

  .u-margin-top-2\@xl {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@xl {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@xl {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@xl {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@xl {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@xl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@xl {
    margin: 1rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-3\@xl {
    margin: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-3\@xl {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-3\@xl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-3\@xl {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-3\@xl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-3\@xl {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-3\@xl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-3\@xl {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-3\@xl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-3\@xl {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-3\@xl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-3\@xl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-3\@xl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-4\@xl {
    margin: 1.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-4\@xl {
    margin: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-4\@xl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-4\@xl {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-4\@xl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-4\@xl {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-4\@xl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-4\@xl {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-4\@xl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-4\@xl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-4\@xl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-4\@xl {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-4\@xl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-4\@xl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-5\@xl {
    margin: 1.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-5\@xl {
    margin: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-5\@xl {
    margin: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-5\@xl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-5\@xl {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-5\@xl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-5\@xl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-5\@xl {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-5\@xl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-5\@xl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-5\@xl {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-5\@xl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-5\@xl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-5\@xl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-5\@xl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-5\@xl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-5\@xl {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-5\@xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-5\@xl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-5\@xl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-5\@xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-6\@xl {
    margin: 3rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-6\@xl {
    margin: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-6\@xl {
    margin: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-6\@xl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-6\@xl {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-6\@xl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-6\@xl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-6\@xl {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-6\@xl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-6\@xl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-6\@xl {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-6\@xl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-6\@xl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-6\@xl {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-6\@xl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-6\@xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-6\@xl {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-6\@xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-6\@xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-6\@xl {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-6\@xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-7\@xl {
    margin: 3rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-7\@xl {
    margin: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-7\@xl {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-7\@xl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-7\@xl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-7\@xl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-7\@xl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-7\@xl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-7\@xl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-7\@xl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-7\@xl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-7\@xl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-7\@xl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-7\@xl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-7\@xl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-7\@xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-7\@xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-7\@xl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-7\@xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-7\@xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-7\@xl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-8\@xl {
    margin: 4rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-8\@xl {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-8\@xl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-8\@xl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-8\@xl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-8\@xl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-8\@xl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-8\@xl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-8\@xl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-8\@xl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-8\@xl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-8\@xl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-8\@xl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-8\@xl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-8\@xl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-8\@xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-8\@xl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-8\@xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-8\@xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-8\@xl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-8\@xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-9\@xl {
    margin: 4.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-9\@xl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-9\@xl {
    margin: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-9\@xl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-9\@xl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-9\@xl {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-9\@xl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-9\@xl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-9\@xl {
    margin-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-9\@xl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-9\@xl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-9\@xl {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-9\@xl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-9\@xl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-9\@xl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-9\@xl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-9\@xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-9\@xl {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-9\@xl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-9\@xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-9\@xl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-10\@xl {
    margin: 3rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-10\@xl {
    margin: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-10\@xl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-10\@xl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-10\@xl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-10\@xl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-10\@xl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-10\@xl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-10\@xl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-10\@xl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-10\@xl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-10\@xl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-10\@xl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-10\@xl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-10\@xl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-10\@xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-10\@xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-10\@xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-10\@xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-10\@xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-10\@xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-11\@xl {
    margin: 4.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-11\@xl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-11\@xl {
    margin: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-11\@xl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-11\@xl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-11\@xl {
    margin-top: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-11\@xl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-11\@xl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-11\@xl {
    margin-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-11\@xl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-11\@xl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-11\@xl {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-11\@xl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-11\@xl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-11\@xl {
    margin-left: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-11\@xl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-11\@xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-11\@xl {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-11\@xl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-11\@xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-11\@xl {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-12\@xl {
    margin: 4.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-12\@xl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-12\@xl {
    margin: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-12\@xl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-12\@xl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-12\@xl {
    margin-top: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-12\@xl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-12\@xl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-12\@xl {
    margin-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-12\@xl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-12\@xl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-12\@xl {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-12\@xl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-12\@xl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-12\@xl {
    margin-left: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-12\@xl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-12\@xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-12\@xl {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-12\@xl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-12\@xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-12\@xl {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-0\@xxl {
    margin: 0rem !important;
    content: "\\@xxl";
  }

  .u-margin-top-0\@xxl {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@xxl {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@xxl {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@xxl {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@xxl {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@xxl {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@xxl {
    margin: 0.5rem !important;
    content: "\\@xxl";
  }

  .u-margin-top-1\@xxl {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@xxl {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@xxl {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@xxl {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@xxl {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@xxl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@xxl {
    margin: 1rem !important;
    content: "\\@xxl";
  }

  .u-margin-top-2\@xxl {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@xxl {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@xxl {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@xxl {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@xxl {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@xxl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@xxl {
    margin: 1rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-3\@xxl {
    margin: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-3\@xxl {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-3\@xxl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-3\@xxl {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-3\@xxl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-3\@xxl {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-3\@xxl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-3\@xxl {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-3\@xxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-3\@xxl {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-3\@xxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-3\@xxl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-3\@xxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-4\@xxl {
    margin: 1.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-4\@xxl {
    margin: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-4\@xxl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-4\@xxl {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-4\@xxl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-4\@xxl {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-4\@xxl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-4\@xxl {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-4\@xxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-4\@xxl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-4\@xxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-4\@xxl {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-4\@xxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-4\@xxl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-5\@xxl {
    margin: 1.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-5\@xxl {
    margin: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-5\@xxl {
    margin: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-5\@xxl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-5\@xxl {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-5\@xxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-5\@xxl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-5\@xxl {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-5\@xxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-5\@xxl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-5\@xxl {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-5\@xxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-5\@xxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-5\@xxl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-5\@xxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-5\@xxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-5\@xxl {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-5\@xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-5\@xxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-5\@xxl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-5\@xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-6\@xxl {
    margin: 3rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-6\@xxl {
    margin: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-6\@xxl {
    margin: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-6\@xxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-6\@xxl {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-6\@xxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-6\@xxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-6\@xxl {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-6\@xxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-6\@xxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-6\@xxl {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-6\@xxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-6\@xxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-6\@xxl {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-6\@xxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-6\@xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-6\@xxl {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-6\@xxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-6\@xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-6\@xxl {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-6\@xxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-7\@xxl {
    margin: 3rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-7\@xxl {
    margin: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-7\@xxl {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-7\@xxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-7\@xxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-7\@xxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-7\@xxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-7\@xxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-7\@xxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-7\@xxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-7\@xxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-7\@xxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-7\@xxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-7\@xxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-7\@xxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-7\@xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-7\@xxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-7\@xxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-7\@xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-7\@xxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-7\@xxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-8\@xxl {
    margin: 4rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-8\@xxl {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-8\@xxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-8\@xxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-8\@xxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-8\@xxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-8\@xxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-8\@xxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-8\@xxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-8\@xxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-8\@xxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-8\@xxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-8\@xxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-8\@xxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-8\@xxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-8\@xxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-8\@xxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-8\@xxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-8\@xxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-8\@xxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-8\@xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-9\@xxl {
    margin: 4.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-9\@xxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-9\@xxl {
    margin: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-9\@xxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-9\@xxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-9\@xxl {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-9\@xxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-9\@xxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-9\@xxl {
    margin-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-9\@xxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-9\@xxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-9\@xxl {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-9\@xxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-9\@xxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-9\@xxl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-9\@xxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-9\@xxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-9\@xxl {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-9\@xxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-9\@xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-9\@xxl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-10\@xxl {
    margin: 3rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-10\@xxl {
    margin: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-10\@xxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-10\@xxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-10\@xxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-10\@xxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-10\@xxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-10\@xxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-10\@xxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-10\@xxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-10\@xxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-10\@xxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-10\@xxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-10\@xxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-10\@xxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-10\@xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-10\@xxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-10\@xxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-10\@xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-10\@xxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-10\@xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-11\@xxl {
    margin: 4.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-11\@xxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-11\@xxl {
    margin: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-11\@xxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-11\@xxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-11\@xxl {
    margin-top: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-11\@xxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-11\@xxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-11\@xxl {
    margin-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-11\@xxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-11\@xxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-11\@xxl {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-11\@xxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-11\@xxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-11\@xxl {
    margin-left: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-11\@xxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-11\@xxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-11\@xxl {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-11\@xxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-11\@xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-11\@xxl {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-12\@xxl {
    margin: 4.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-12\@xxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-12\@xxl {
    margin: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-top-12\@xxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-top-12\@xxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-top-12\@xxl {
    margin-top: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-right-12\@xxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-right-12\@xxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-right-12\@xxl {
    margin-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-bottom-12\@xxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-bottom-12\@xxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-bottom-12\@xxl {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-left-12\@xxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-left-12\@xxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-left-12\@xxl {
    margin-left: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-x-12\@xxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-x-12\@xxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-x-12\@xxl {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-margin-y-12\@xxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-margin-y-12\@xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-margin-y-12\@xxl {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-0\@xxxl {
    margin: 0rem !important;
    content: "\\@xxxl";
  }

  .u-margin-top-0\@xxxl {
    margin-top: 0rem !important;
  }

  .u-margin-right-0\@xxxl {
    margin-right: 0rem !important;
  }

  .u-margin-bottom-0\@xxxl {
    margin-bottom: 0rem !important;
  }

  .u-margin-left-0\@xxxl {
    margin-left: 0rem !important;
  }

  .u-margin-x-0\@xxxl {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .u-margin-y-0\@xxxl {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .u-margin-1\@xxxl {
    margin: 0.5rem !important;
    content: "\\@xxxl";
  }

  .u-margin-top-1\@xxxl {
    margin-top: 0.5rem !important;
  }

  .u-margin-right-1\@xxxl {
    margin-right: 0.5rem !important;
  }

  .u-margin-bottom-1\@xxxl {
    margin-bottom: 0.5rem !important;
  }

  .u-margin-left-1\@xxxl {
    margin-left: 0.5rem !important;
  }

  .u-margin-x-1\@xxxl {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .u-margin-y-1\@xxxl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .u-margin-2\@xxxl {
    margin: 1rem !important;
    content: "\\@xxxl";
  }

  .u-margin-top-2\@xxxl {
    margin-top: 1rem !important;
  }

  .u-margin-right-2\@xxxl {
    margin-right: 1rem !important;
  }

  .u-margin-bottom-2\@xxxl {
    margin-bottom: 1rem !important;
  }

  .u-margin-left-2\@xxxl {
    margin-left: 1rem !important;
  }

  .u-margin-x-2\@xxxl {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .u-margin-y-2\@xxxl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .u-margin-3\@xxxl {
    margin: 1rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-3\@xxxl {
    margin: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-3\@xxxl {
    margin-top: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-3\@xxxl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-3\@xxxl {
    margin-right: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-3\@xxxl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-3\@xxxl {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-3\@xxxl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-3\@xxxl {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-3\@xxxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-3\@xxxl {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-3\@xxxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-3\@xxxl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-3\@xxxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-4\@xxxl {
    margin: 1.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-4\@xxxl {
    margin: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-4\@xxxl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-4\@xxxl {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-4\@xxxl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-4\@xxxl {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-4\@xxxl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-4\@xxxl {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-4\@xxxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-4\@xxxl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-4\@xxxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-4\@xxxl {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-4\@xxxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-4\@xxxl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-5\@xxxl {
    margin: 1.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-5\@xxxl {
    margin: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-5\@xxxl {
    margin: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-5\@xxxl {
    margin-top: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-5\@xxxl {
    margin-top: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-5\@xxxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-5\@xxxl {
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-5\@xxxl {
    margin-right: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-5\@xxxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-5\@xxxl {
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-5\@xxxl {
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-5\@xxxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-5\@xxxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-5\@xxxl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-5\@xxxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-5\@xxxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-5\@xxxl {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-5\@xxxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-5\@xxxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-5\@xxxl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-5\@xxxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-6\@xxxl {
    margin: 3rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-6\@xxxl {
    margin: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-6\@xxxl {
    margin: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-6\@xxxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-6\@xxxl {
    margin-top: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-6\@xxxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-6\@xxxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-6\@xxxl {
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-6\@xxxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-6\@xxxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-6\@xxxl {
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-6\@xxxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-6\@xxxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-6\@xxxl {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-6\@xxxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-6\@xxxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-6\@xxxl {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-6\@xxxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-6\@xxxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-6\@xxxl {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-6\@xxxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-7\@xxxl {
    margin: 3rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-7\@xxxl {
    margin: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-7\@xxxl {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-7\@xxxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-7\@xxxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-7\@xxxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-7\@xxxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-7\@xxxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-7\@xxxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-7\@xxxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-7\@xxxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-7\@xxxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-7\@xxxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-7\@xxxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-7\@xxxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-7\@xxxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-7\@xxxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-7\@xxxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-7\@xxxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-7\@xxxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-7\@xxxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-8\@xxxl {
    margin: 4rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-8\@xxxl {
    margin: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-8\@xxxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-8\@xxxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-8\@xxxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-8\@xxxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-8\@xxxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-8\@xxxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-8\@xxxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-8\@xxxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-8\@xxxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-8\@xxxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-8\@xxxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-8\@xxxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-8\@xxxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-8\@xxxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-8\@xxxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-8\@xxxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-8\@xxxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-8\@xxxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-8\@xxxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-9\@xxxl {
    margin: 4.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-9\@xxxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-9\@xxxl {
    margin: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-9\@xxxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-9\@xxxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-9\@xxxl {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-9\@xxxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-9\@xxxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-9\@xxxl {
    margin-right: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-9\@xxxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-9\@xxxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-9\@xxxl {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-9\@xxxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-9\@xxxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-9\@xxxl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-9\@xxxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-9\@xxxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-9\@xxxl {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-9\@xxxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-9\@xxxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-9\@xxxl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-10\@xxxl {
    margin: 3rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-10\@xxxl {
    margin: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-10\@xxxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-10\@xxxl {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-10\@xxxl {
    margin-top: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-10\@xxxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-10\@xxxl {
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-10\@xxxl {
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-10\@xxxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-10\@xxxl {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-10\@xxxl {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-10\@xxxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-10\@xxxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-10\@xxxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-10\@xxxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-10\@xxxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-10\@xxxl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-10\@xxxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-10\@xxxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-10\@xxxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-10\@xxxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-11\@xxxl {
    margin: 4.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-11\@xxxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-11\@xxxl {
    margin: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-11\@xxxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-11\@xxxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-11\@xxxl {
    margin-top: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-11\@xxxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-11\@xxxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-11\@xxxl {
    margin-right: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-11\@xxxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-11\@xxxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-11\@xxxl {
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-11\@xxxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-11\@xxxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-11\@xxxl {
    margin-left: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-11\@xxxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-11\@xxxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-11\@xxxl {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-11\@xxxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-11\@xxxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-11\@xxxl {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-12\@xxxl {
    margin: 4.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-12\@xxxl {
    margin: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-12\@xxxl {
    margin: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-top-12\@xxxl {
    margin-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-top-12\@xxxl {
    margin-top: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-top-12\@xxxl {
    margin-top: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-right-12\@xxxl {
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-right-12\@xxxl {
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-right-12\@xxxl {
    margin-right: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-bottom-12\@xxxl {
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-bottom-12\@xxxl {
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-bottom-12\@xxxl {
    margin-bottom: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-left-12\@xxxl {
    margin-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-left-12\@xxxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-left-12\@xxxl {
    margin-left: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-x-12\@xxxl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-x-12\@xxxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-x-12\@xxxl {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-margin-y-12\@xxxl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-margin-y-12\@xxxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-margin-y-12\@xxxl {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
}
.u-padding-0 {
  padding: 0rem !important;
  content: "";
}

.u-padding-top-0 {
  padding-top: 0rem !important;
}

.u-padding-right-0 {
  padding-right: 0rem !important;
}

.u-padding-bottom-0 {
  padding-bottom: 0rem !important;
}

.u-padding-left-0 {
  padding-left: 0rem !important;
}

.u-padding-x-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.u-padding-y-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.u-padding-1 {
  padding: 0.5rem !important;
  content: "";
}

.u-padding-top-1 {
  padding-top: 0.5rem !important;
}

.u-padding-right-1 {
  padding-right: 0.5rem !important;
}

.u-padding-bottom-1 {
  padding-bottom: 0.5rem !important;
}

.u-padding-left-1 {
  padding-left: 0.5rem !important;
}

.u-padding-x-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.u-padding-y-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.u-padding-2 {
  padding: 1rem !important;
  content: "";
}

.u-padding-top-2 {
  padding-top: 1rem !important;
}

.u-padding-right-2 {
  padding-right: 1rem !important;
}

.u-padding-bottom-2 {
  padding-bottom: 1rem !important;
}

.u-padding-left-2 {
  padding-left: 1rem !important;
}

.u-padding-x-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.u-padding-y-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.u-padding-3 {
  padding: 1rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-3 {
    padding: 1.5rem !important;
  }
}

.u-padding-top-3 {
  padding-top: 1rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-3 {
    padding-top: 1.5rem !important;
  }
}

.u-padding-right-3 {
  padding-right: 1rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-3 {
    padding-right: 1.5rem !important;
  }
}

.u-padding-bottom-3 {
  padding-bottom: 1rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-3 {
    padding-bottom: 1.5rem !important;
  }
}

.u-padding-left-3 {
  padding-left: 1rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-3 {
    padding-left: 1.5rem !important;
  }
}

.u-padding-x-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

.u-padding-y-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

.u-padding-4 {
  padding: 1.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-4 {
    padding: 2rem !important;
  }
}

.u-padding-top-4 {
  padding-top: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-4 {
    padding-top: 2rem !important;
  }
}

.u-padding-right-4 {
  padding-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-4 {
    padding-right: 2rem !important;
  }
}

.u-padding-bottom-4 {
  padding-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-4 {
    padding-bottom: 2rem !important;
  }
}

.u-padding-left-4 {
  padding-left: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-4 {
    padding-left: 2rem !important;
  }
}

.u-padding-x-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.u-padding-y-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

.u-padding-5 {
  padding: 1.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-5 {
    padding: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-5 {
    padding: 3rem !important;
  }
}

.u-padding-top-5 {
  padding-top: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-5 {
    padding-top: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-5 {
    padding-top: 3rem !important;
  }
}

.u-padding-right-5 {
  padding-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-5 {
    padding-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-5 {
    padding-right: 3rem !important;
  }
}

.u-padding-bottom-5 {
  padding-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-5 {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-5 {
    padding-bottom: 3rem !important;
  }
}

.u-padding-left-5 {
  padding-left: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-5 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-5 {
    padding-left: 3rem !important;
  }
}

.u-padding-x-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

.u-padding-y-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.u-padding-6 {
  padding: 3rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-6 {
    padding: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-6 {
    padding: 4rem !important;
  }
}

.u-padding-top-6 {
  padding-top: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-6 {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-6 {
    padding-top: 4rem !important;
  }
}

.u-padding-right-6 {
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-6 {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-6 {
    padding-right: 4rem !important;
  }
}

.u-padding-bottom-6 {
  padding-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-6 {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-6 {
    padding-bottom: 4rem !important;
  }
}

.u-padding-left-6 {
  padding-left: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-6 {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-6 {
    padding-left: 4rem !important;
  }
}

.u-padding-x-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

.u-padding-y-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

.u-padding-7 {
  padding: 3rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-7 {
    padding: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-7 {
    padding: 4.5rem !important;
  }
}

.u-padding-top-7 {
  padding-top: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-7 {
    padding-top: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-7 {
    padding-top: 4.5rem !important;
  }
}

.u-padding-right-7 {
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-7 {
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-7 {
    padding-right: 4.5rem !important;
  }
}

.u-padding-bottom-7 {
  padding-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-7 {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-7 {
    padding-bottom: 4.5rem !important;
  }
}

.u-padding-left-7 {
  padding-left: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-7 {
    padding-left: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-7 {
    padding-left: 4.5rem !important;
  }
}

.u-padding-x-7 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}

.u-padding-y-7 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

.u-padding-8 {
  padding: 4rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-8 {
    padding: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-8 {
    padding: 5rem !important;
  }
}

.u-padding-top-8 {
  padding-top: 4rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-8 {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-8 {
    padding-top: 5rem !important;
  }
}

.u-padding-right-8 {
  padding-right: 4rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-8 {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-8 {
    padding-right: 5rem !important;
  }
}

.u-padding-bottom-8 {
  padding-bottom: 4rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-8 {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-8 {
    padding-bottom: 5rem !important;
  }
}

.u-padding-left-8 {
  padding-left: 4rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-8 {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-8 {
    padding-left: 5rem !important;
  }
}

.u-padding-x-8 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-8 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

.u-padding-y-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-8 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.u-padding-9 {
  padding: 4.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-9 {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-9 {
    padding: 6rem !important;
  }
}

.u-padding-top-9 {
  padding-top: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-9 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-9 {
    padding-top: 6rem !important;
  }
}

.u-padding-right-9 {
  padding-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-9 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-9 {
    padding-right: 6rem !important;
  }
}

.u-padding-bottom-9 {
  padding-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-9 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-9 {
    padding-bottom: 6rem !important;
  }
}

.u-padding-left-9 {
  padding-left: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-9 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-9 {
    padding-left: 6rem !important;
  }
}

.u-padding-x-9 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-9 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-9 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}

.u-padding-y-9 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-9 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-9 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

.u-padding-10 {
  padding: 3rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-10 {
    padding: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-10 {
    padding: 5rem !important;
  }
}

.u-padding-top-10 {
  padding-top: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-10 {
    padding-top: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-10 {
    padding-top: 5rem !important;
  }
}

.u-padding-right-10 {
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-10 {
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-10 {
    padding-right: 5rem !important;
  }
}

.u-padding-bottom-10 {
  padding-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-10 {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-10 {
    padding-bottom: 5rem !important;
  }
}

.u-padding-left-10 {
  padding-left: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-10 {
    padding-left: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-10 {
    padding-left: 5rem !important;
  }
}

.u-padding-x-10 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-10 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

.u-padding-y-10 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-10 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

.u-padding-11 {
  padding: 4.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-11 {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-11 {
    padding: 7rem !important;
  }
}

.u-padding-top-11 {
  padding-top: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-11 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-11 {
    padding-top: 7rem !important;
  }
}

.u-padding-right-11 {
  padding-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-11 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-11 {
    padding-right: 7rem !important;
  }
}

.u-padding-bottom-11 {
  padding-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-11 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-11 {
    padding-bottom: 7rem !important;
  }
}

.u-padding-left-11 {
  padding-left: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-11 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-11 {
    padding-left: 7rem !important;
  }
}

.u-padding-x-11 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-11 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-11 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}

.u-padding-y-11 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-11 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-11 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}

.u-padding-12 {
  padding: 4.5rem !important;
  content: "";
}
@media (min-width: 640px) {
  .u-padding-12 {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-12 {
    padding: 9rem !important;
  }
}

.u-padding-top-12 {
  padding-top: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-top-12 {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-12 {
    padding-top: 9rem !important;
  }
}

.u-padding-right-12 {
  padding-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-right-12 {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-12 {
    padding-right: 9rem !important;
  }
}

.u-padding-bottom-12 {
  padding-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-bottom-12 {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-12 {
    padding-bottom: 9rem !important;
  }
}

.u-padding-left-12 {
  padding-left: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-left-12 {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-12 {
    padding-left: 9rem !important;
  }
}

.u-padding-x-12 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-x-12 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-12 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}

.u-padding-y-12 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
@media (min-width: 640px) {
  .u-padding-y-12 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-12 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}

@media (min-width: 400px) {
  .u-padding-0\@xs {
    padding: 0rem !important;
    content: "\\@xs";
  }

  .u-padding-top-0\@xs {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@xs {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@xs {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@xs {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@xs {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@xs {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@xs {
    padding: 0.5rem !important;
    content: "\\@xs";
  }

  .u-padding-top-1\@xs {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@xs {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@xs {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@xs {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@xs {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@xs {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@xs {
    padding: 1rem !important;
    content: "\\@xs";
  }

  .u-padding-top-2\@xs {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@xs {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@xs {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@xs {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@xs {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@xs {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@xs {
    padding: 1rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-3\@xs {
    padding: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-3\@xs {
    padding-top: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-3\@xs {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-3\@xs {
    padding-right: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-3\@xs {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-3\@xs {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-3\@xs {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-3\@xs {
    padding-left: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-3\@xs {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-3\@xs {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-3\@xs {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-3\@xs {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-3\@xs {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-4\@xs {
    padding: 1.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-4\@xs {
    padding: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-4\@xs {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-4\@xs {
    padding-top: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-4\@xs {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-4\@xs {
    padding-right: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-4\@xs {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-4\@xs {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-4\@xs {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-4\@xs {
    padding-left: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-4\@xs {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-4\@xs {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-4\@xs {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-4\@xs {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-5\@xs {
    padding: 1.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-5\@xs {
    padding: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-5\@xs {
    padding: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-5\@xs {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-5\@xs {
    padding-top: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-5\@xs {
    padding-top: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-5\@xs {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-5\@xs {
    padding-right: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-5\@xs {
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-5\@xs {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-5\@xs {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-5\@xs {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-5\@xs {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-5\@xs {
    padding-left: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-5\@xs {
    padding-left: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-5\@xs {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-5\@xs {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-5\@xs {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-5\@xs {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-5\@xs {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-5\@xs {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-6\@xs {
    padding: 3rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-6\@xs {
    padding: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-6\@xs {
    padding: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-6\@xs {
    padding-top: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-6\@xs {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-6\@xs {
    padding-top: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-6\@xs {
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-6\@xs {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-6\@xs {
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-6\@xs {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-6\@xs {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-6\@xs {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-6\@xs {
    padding-left: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-6\@xs {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-6\@xs {
    padding-left: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-6\@xs {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-6\@xs {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-6\@xs {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-6\@xs {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-6\@xs {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-6\@xs {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-7\@xs {
    padding: 3rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-7\@xs {
    padding: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-7\@xs {
    padding: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-7\@xs {
    padding-top: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-7\@xs {
    padding-top: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-7\@xs {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-7\@xs {
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-7\@xs {
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-7\@xs {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-7\@xs {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-7\@xs {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-7\@xs {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-7\@xs {
    padding-left: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-7\@xs {
    padding-left: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-7\@xs {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-7\@xs {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-7\@xs {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-7\@xs {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-7\@xs {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-7\@xs {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-7\@xs {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-8\@xs {
    padding: 4rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-8\@xs {
    padding: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-8\@xs {
    padding: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-8\@xs {
    padding-top: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-8\@xs {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-8\@xs {
    padding-top: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-8\@xs {
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-8\@xs {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-8\@xs {
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-8\@xs {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-8\@xs {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-8\@xs {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-8\@xs {
    padding-left: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-8\@xs {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-8\@xs {
    padding-left: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-8\@xs {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-8\@xs {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-8\@xs {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-8\@xs {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-8\@xs {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-8\@xs {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-9\@xs {
    padding: 4.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-9\@xs {
    padding: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-9\@xs {
    padding: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-9\@xs {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-9\@xs {
    padding-top: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-9\@xs {
    padding-top: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-9\@xs {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-9\@xs {
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-9\@xs {
    padding-right: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-9\@xs {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-9\@xs {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-9\@xs {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-9\@xs {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-9\@xs {
    padding-left: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-9\@xs {
    padding-left: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-9\@xs {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-9\@xs {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-9\@xs {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-9\@xs {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-9\@xs {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-9\@xs {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-10\@xs {
    padding: 3rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-10\@xs {
    padding: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-10\@xs {
    padding: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-10\@xs {
    padding-top: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-10\@xs {
    padding-top: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-10\@xs {
    padding-top: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-10\@xs {
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-10\@xs {
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-10\@xs {
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-10\@xs {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-10\@xs {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-10\@xs {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-10\@xs {
    padding-left: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-10\@xs {
    padding-left: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-10\@xs {
    padding-left: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-10\@xs {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-10\@xs {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-10\@xs {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-10\@xs {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-10\@xs {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-10\@xs {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-11\@xs {
    padding: 4.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-11\@xs {
    padding: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-11\@xs {
    padding: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-11\@xs {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-11\@xs {
    padding-top: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-11\@xs {
    padding-top: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-11\@xs {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-11\@xs {
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-11\@xs {
    padding-right: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-11\@xs {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-11\@xs {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-11\@xs {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-11\@xs {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-11\@xs {
    padding-left: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-11\@xs {
    padding-left: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-11\@xs {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-11\@xs {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-11\@xs {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-11\@xs {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-11\@xs {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-11\@xs {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-12\@xs {
    padding: 4.5rem !important;
    content: "\\@xs";
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-12\@xs {
    padding: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-12\@xs {
    padding: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-top-12\@xs {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-top-12\@xs {
    padding-top: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-top-12\@xs {
    padding-top: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-right-12\@xs {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-right-12\@xs {
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-right-12\@xs {
    padding-right: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-bottom-12\@xs {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-bottom-12\@xs {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-bottom-12\@xs {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-left-12\@xs {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-left-12\@xs {
    padding-left: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-left-12\@xs {
    padding-left: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-x-12\@xs {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-x-12\@xs {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-x-12\@xs {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 400px) {
  .u-padding-y-12\@xs {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 640px) {
  .u-padding-y-12\@xs {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 400px) and (min-width: 960px) {
  .u-padding-y-12\@xs {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-0\@sm {
    padding: 0rem !important;
    content: "\\@sm";
  }

  .u-padding-top-0\@sm {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@sm {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@sm {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@sm {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@sm {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@sm {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@sm {
    padding: 0.5rem !important;
    content: "\\@sm";
  }

  .u-padding-top-1\@sm {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@sm {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@sm {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@sm {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@sm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@sm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@sm {
    padding: 1rem !important;
    content: "\\@sm";
  }

  .u-padding-top-2\@sm {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@sm {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@sm {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@sm {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@sm {
    padding: 1rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-3\@sm {
    padding: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-3\@sm {
    padding-top: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-3\@sm {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-3\@sm {
    padding-right: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-3\@sm {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-3\@sm {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-3\@sm {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-3\@sm {
    padding-left: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-3\@sm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-3\@sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-3\@sm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-3\@sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-3\@sm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-4\@sm {
    padding: 1.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-4\@sm {
    padding: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-4\@sm {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-4\@sm {
    padding-top: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-4\@sm {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-4\@sm {
    padding-right: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-4\@sm {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-4\@sm {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-4\@sm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-4\@sm {
    padding-left: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-4\@sm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-4\@sm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-4\@sm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-4\@sm {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-5\@sm {
    padding: 1.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-5\@sm {
    padding: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-5\@sm {
    padding: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-5\@sm {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-5\@sm {
    padding-top: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-5\@sm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-5\@sm {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-5\@sm {
    padding-right: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-5\@sm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-5\@sm {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-5\@sm {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-5\@sm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-5\@sm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-5\@sm {
    padding-left: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-5\@sm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-5\@sm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-5\@sm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-5\@sm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-5\@sm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-5\@sm {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-5\@sm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-6\@sm {
    padding: 3rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-6\@sm {
    padding: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-6\@sm {
    padding: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-6\@sm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-6\@sm {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-6\@sm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-6\@sm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-6\@sm {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-6\@sm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-6\@sm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-6\@sm {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-6\@sm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-6\@sm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-6\@sm {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-6\@sm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-6\@sm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-6\@sm {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-6\@sm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-6\@sm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-6\@sm {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-6\@sm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-7\@sm {
    padding: 3rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-7\@sm {
    padding: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-7\@sm {
    padding: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-7\@sm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-7\@sm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-7\@sm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-7\@sm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-7\@sm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-7\@sm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-7\@sm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-7\@sm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-7\@sm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-7\@sm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-7\@sm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-7\@sm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-7\@sm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-7\@sm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-7\@sm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-7\@sm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-7\@sm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-7\@sm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-8\@sm {
    padding: 4rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-8\@sm {
    padding: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-8\@sm {
    padding: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-8\@sm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-8\@sm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-8\@sm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-8\@sm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-8\@sm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-8\@sm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-8\@sm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-8\@sm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-8\@sm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-8\@sm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-8\@sm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-8\@sm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-8\@sm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-8\@sm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-8\@sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-8\@sm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-8\@sm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-8\@sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-9\@sm {
    padding: 4.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-9\@sm {
    padding: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-9\@sm {
    padding: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-9\@sm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-9\@sm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-9\@sm {
    padding-top: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-9\@sm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-9\@sm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-9\@sm {
    padding-right: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-9\@sm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-9\@sm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-9\@sm {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-9\@sm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-9\@sm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-9\@sm {
    padding-left: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-9\@sm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-9\@sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-9\@sm {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-9\@sm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-9\@sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-9\@sm {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-10\@sm {
    padding: 3rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-10\@sm {
    padding: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-10\@sm {
    padding: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-10\@sm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-10\@sm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-10\@sm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-10\@sm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-10\@sm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-10\@sm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-10\@sm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-10\@sm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-10\@sm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-10\@sm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-10\@sm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-10\@sm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-10\@sm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-10\@sm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-10\@sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-10\@sm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-10\@sm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-10\@sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-11\@sm {
    padding: 4.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-11\@sm {
    padding: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-11\@sm {
    padding: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-11\@sm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-11\@sm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-11\@sm {
    padding-top: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-11\@sm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-11\@sm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-11\@sm {
    padding-right: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-11\@sm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-11\@sm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-11\@sm {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-11\@sm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-11\@sm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-11\@sm {
    padding-left: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-11\@sm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-11\@sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-11\@sm {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-11\@sm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-11\@sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-11\@sm {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-12\@sm {
    padding: 4.5rem !important;
    content: "\\@sm";
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-12\@sm {
    padding: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-12\@sm {
    padding: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-top-12\@sm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-top-12\@sm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-top-12\@sm {
    padding-top: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-right-12\@sm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-right-12\@sm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-right-12\@sm {
    padding-right: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-bottom-12\@sm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-bottom-12\@sm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-bottom-12\@sm {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-left-12\@sm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-left-12\@sm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-left-12\@sm {
    padding-left: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-x-12\@sm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-x-12\@sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-x-12\@sm {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 480px) {
  .u-padding-y-12\@sm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .u-padding-y-12\@sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 480px) and (min-width: 960px) {
  .u-padding-y-12\@sm {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-0\@md {
    padding: 0rem !important;
    content: "\\@md";
  }

  .u-padding-top-0\@md {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@md {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@md {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@md {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@md {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@md {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@md {
    padding: 0.5rem !important;
    content: "\\@md";
  }

  .u-padding-top-1\@md {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@md {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@md {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@md {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@md {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@md {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@md {
    padding: 1rem !important;
    content: "\\@md";
  }

  .u-padding-top-2\@md {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@md {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@md {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@md {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@md {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@md {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@md {
    padding: 1rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-3\@md {
    padding: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-3\@md {
    padding-top: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-3\@md {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-3\@md {
    padding-right: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-3\@md {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-3\@md {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-3\@md {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-3\@md {
    padding-left: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-3\@md {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-3\@md {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-3\@md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-3\@md {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-3\@md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-4\@md {
    padding: 1.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-4\@md {
    padding: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-4\@md {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-4\@md {
    padding-top: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-4\@md {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-4\@md {
    padding-right: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-4\@md {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-4\@md {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-4\@md {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-4\@md {
    padding-left: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-4\@md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-4\@md {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-4\@md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-4\@md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-5\@md {
    padding: 1.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-5\@md {
    padding: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-5\@md {
    padding: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-5\@md {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-5\@md {
    padding-top: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-5\@md {
    padding-top: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-5\@md {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-5\@md {
    padding-right: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-5\@md {
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-5\@md {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-5\@md {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-5\@md {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-5\@md {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-5\@md {
    padding-left: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-5\@md {
    padding-left: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-5\@md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-5\@md {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-5\@md {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-5\@md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-5\@md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-5\@md {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-6\@md {
    padding: 3rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-6\@md {
    padding: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-6\@md {
    padding: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-6\@md {
    padding-top: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-6\@md {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-6\@md {
    padding-top: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-6\@md {
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-6\@md {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-6\@md {
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-6\@md {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-6\@md {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-6\@md {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-6\@md {
    padding-left: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-6\@md {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-6\@md {
    padding-left: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-6\@md {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-6\@md {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-6\@md {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-6\@md {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-6\@md {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-6\@md {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-7\@md {
    padding: 3rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-7\@md {
    padding: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-7\@md {
    padding: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-7\@md {
    padding-top: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-7\@md {
    padding-top: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-7\@md {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-7\@md {
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-7\@md {
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-7\@md {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-7\@md {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-7\@md {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-7\@md {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-7\@md {
    padding-left: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-7\@md {
    padding-left: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-7\@md {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-7\@md {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-7\@md {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-7\@md {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-7\@md {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-7\@md {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-7\@md {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-8\@md {
    padding: 4rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-8\@md {
    padding: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-8\@md {
    padding: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-8\@md {
    padding-top: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-8\@md {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-8\@md {
    padding-top: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-8\@md {
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-8\@md {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-8\@md {
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-8\@md {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-8\@md {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-8\@md {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-8\@md {
    padding-left: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-8\@md {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-8\@md {
    padding-left: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-8\@md {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-8\@md {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-8\@md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-8\@md {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-8\@md {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-8\@md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-9\@md {
    padding: 4.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-9\@md {
    padding: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-9\@md {
    padding: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-9\@md {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-9\@md {
    padding-top: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-9\@md {
    padding-top: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-9\@md {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-9\@md {
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-9\@md {
    padding-right: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-9\@md {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-9\@md {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-9\@md {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-9\@md {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-9\@md {
    padding-left: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-9\@md {
    padding-left: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-9\@md {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-9\@md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-9\@md {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-9\@md {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-9\@md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-9\@md {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-10\@md {
    padding: 3rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-10\@md {
    padding: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-10\@md {
    padding: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-10\@md {
    padding-top: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-10\@md {
    padding-top: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-10\@md {
    padding-top: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-10\@md {
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-10\@md {
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-10\@md {
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-10\@md {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-10\@md {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-10\@md {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-10\@md {
    padding-left: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-10\@md {
    padding-left: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-10\@md {
    padding-left: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-10\@md {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-10\@md {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-10\@md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-10\@md {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-10\@md {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-10\@md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-11\@md {
    padding: 4.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-11\@md {
    padding: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-11\@md {
    padding: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-11\@md {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-11\@md {
    padding-top: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-11\@md {
    padding-top: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-11\@md {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-11\@md {
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-11\@md {
    padding-right: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-11\@md {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-11\@md {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-11\@md {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-11\@md {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-11\@md {
    padding-left: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-11\@md {
    padding-left: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-11\@md {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-11\@md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-11\@md {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-11\@md {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-11\@md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-11\@md {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-12\@md {
    padding: 4.5rem !important;
    content: "\\@md";
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-12\@md {
    padding: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-12\@md {
    padding: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-top-12\@md {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-top-12\@md {
    padding-top: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-top-12\@md {
    padding-top: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-right-12\@md {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-right-12\@md {
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-right-12\@md {
    padding-right: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-bottom-12\@md {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-bottom-12\@md {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-bottom-12\@md {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-left-12\@md {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-left-12\@md {
    padding-left: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-left-12\@md {
    padding-left: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-x-12\@md {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-x-12\@md {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-x-12\@md {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 640px) {
  .u-padding-y-12\@md {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .u-padding-y-12\@md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 640px) and (min-width: 960px) {
  .u-padding-y-12\@md {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-0\@lg {
    padding: 0rem !important;
    content: "\\@lg";
  }

  .u-padding-top-0\@lg {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@lg {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@lg {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@lg {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@lg {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@lg {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@lg {
    padding: 0.5rem !important;
    content: "\\@lg";
  }

  .u-padding-top-1\@lg {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@lg {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@lg {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@lg {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@lg {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@lg {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@lg {
    padding: 1rem !important;
    content: "\\@lg";
  }

  .u-padding-top-2\@lg {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@lg {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@lg {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@lg {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@lg {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@lg {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@lg {
    padding: 1rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-3\@lg {
    padding: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-3\@lg {
    padding-top: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-3\@lg {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-3\@lg {
    padding-right: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-3\@lg {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-3\@lg {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-3\@lg {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-3\@lg {
    padding-left: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-3\@lg {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-3\@lg {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-3\@lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-3\@lg {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-3\@lg {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-4\@lg {
    padding: 1.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-4\@lg {
    padding: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-4\@lg {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-4\@lg {
    padding-top: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-4\@lg {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-4\@lg {
    padding-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-4\@lg {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-4\@lg {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-4\@lg {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-4\@lg {
    padding-left: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-4\@lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-4\@lg {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-4\@lg {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-4\@lg {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-5\@lg {
    padding: 1.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-5\@lg {
    padding: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-5\@lg {
    padding: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-5\@lg {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-5\@lg {
    padding-top: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-5\@lg {
    padding-top: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-5\@lg {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-5\@lg {
    padding-right: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-5\@lg {
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-5\@lg {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-5\@lg {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-5\@lg {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-5\@lg {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-5\@lg {
    padding-left: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-5\@lg {
    padding-left: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-5\@lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-5\@lg {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-5\@lg {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-5\@lg {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-5\@lg {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-5\@lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-6\@lg {
    padding: 3rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-6\@lg {
    padding: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-6\@lg {
    padding: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-6\@lg {
    padding-top: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-6\@lg {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-6\@lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-6\@lg {
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-6\@lg {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-6\@lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-6\@lg {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-6\@lg {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-6\@lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-6\@lg {
    padding-left: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-6\@lg {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-6\@lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-6\@lg {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-6\@lg {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-6\@lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-6\@lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-6\@lg {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-6\@lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-7\@lg {
    padding: 3rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-7\@lg {
    padding: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-7\@lg {
    padding: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-7\@lg {
    padding-top: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-7\@lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-7\@lg {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-7\@lg {
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-7\@lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-7\@lg {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-7\@lg {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-7\@lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-7\@lg {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-7\@lg {
    padding-left: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-7\@lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-7\@lg {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-7\@lg {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-7\@lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-7\@lg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-7\@lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-7\@lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-7\@lg {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-8\@lg {
    padding: 4rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-8\@lg {
    padding: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-8\@lg {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-8\@lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-8\@lg {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-8\@lg {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-8\@lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-8\@lg {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-8\@lg {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-8\@lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-8\@lg {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-8\@lg {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-8\@lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-8\@lg {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-8\@lg {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-8\@lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-8\@lg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-8\@lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-8\@lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-8\@lg {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-8\@lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-9\@lg {
    padding: 4.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-9\@lg {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-9\@lg {
    padding: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-9\@lg {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-9\@lg {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-9\@lg {
    padding-top: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-9\@lg {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-9\@lg {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-9\@lg {
    padding-right: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-9\@lg {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-9\@lg {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-9\@lg {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-9\@lg {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-9\@lg {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-9\@lg {
    padding-left: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-9\@lg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-9\@lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-9\@lg {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-9\@lg {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-9\@lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-9\@lg {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-10\@lg {
    padding: 3rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-10\@lg {
    padding: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-10\@lg {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-10\@lg {
    padding-top: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-10\@lg {
    padding-top: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-10\@lg {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-10\@lg {
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-10\@lg {
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-10\@lg {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-10\@lg {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-10\@lg {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-10\@lg {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-10\@lg {
    padding-left: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-10\@lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-10\@lg {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-10\@lg {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-10\@lg {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-10\@lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-10\@lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-10\@lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-10\@lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-11\@lg {
    padding: 4.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-11\@lg {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-11\@lg {
    padding: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-11\@lg {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-11\@lg {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-11\@lg {
    padding-top: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-11\@lg {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-11\@lg {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-11\@lg {
    padding-right: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-11\@lg {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-11\@lg {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-11\@lg {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-11\@lg {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-11\@lg {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-11\@lg {
    padding-left: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-11\@lg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-11\@lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-11\@lg {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-11\@lg {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-11\@lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-11\@lg {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-12\@lg {
    padding: 4.5rem !important;
    content: "\\@lg";
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-12\@lg {
    padding: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-12\@lg {
    padding: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-top-12\@lg {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-top-12\@lg {
    padding-top: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-top-12\@lg {
    padding-top: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-right-12\@lg {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-right-12\@lg {
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-right-12\@lg {
    padding-right: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-bottom-12\@lg {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-bottom-12\@lg {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-bottom-12\@lg {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-left-12\@lg {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-left-12\@lg {
    padding-left: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-left-12\@lg {
    padding-left: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-x-12\@lg {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-x-12\@lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-x-12\@lg {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 960px) {
  .u-padding-y-12\@lg {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .u-padding-y-12\@lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .u-padding-y-12\@lg {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-0\@lgsm {
    padding: 0rem !important;
    content: "\\@lgsm";
  }

  .u-padding-top-0\@lgsm {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@lgsm {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@lgsm {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@lgsm {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@lgsm {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@lgsm {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@lgsm {
    padding: 0.5rem !important;
    content: "\\@lgsm";
  }

  .u-padding-top-1\@lgsm {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@lgsm {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@lgsm {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@lgsm {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@lgsm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@lgsm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@lgsm {
    padding: 1rem !important;
    content: "\\@lgsm";
  }

  .u-padding-top-2\@lgsm {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@lgsm {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@lgsm {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@lgsm {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@lgsm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@lgsm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@lgsm {
    padding: 1rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-3\@lgsm {
    padding: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-3\@lgsm {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-3\@lgsm {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-3\@lgsm {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-3\@lgsm {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-3\@lgsm {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-3\@lgsm {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-3\@lgsm {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-3\@lgsm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-3\@lgsm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-3\@lgsm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-3\@lgsm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-3\@lgsm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-4\@lgsm {
    padding: 1.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-4\@lgsm {
    padding: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-4\@lgsm {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-4\@lgsm {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-4\@lgsm {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-4\@lgsm {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-4\@lgsm {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-4\@lgsm {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-4\@lgsm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-4\@lgsm {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-4\@lgsm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-4\@lgsm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-4\@lgsm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-4\@lgsm {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-5\@lgsm {
    padding: 1.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-5\@lgsm {
    padding: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-5\@lgsm {
    padding: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-5\@lgsm {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-5\@lgsm {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-5\@lgsm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-5\@lgsm {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-5\@lgsm {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-5\@lgsm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-5\@lgsm {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-5\@lgsm {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-5\@lgsm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-5\@lgsm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-5\@lgsm {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-5\@lgsm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-5\@lgsm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-5\@lgsm {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-5\@lgsm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-5\@lgsm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-5\@lgsm {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-5\@lgsm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-6\@lgsm {
    padding: 3rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-6\@lgsm {
    padding: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-6\@lgsm {
    padding: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-6\@lgsm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-6\@lgsm {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-6\@lgsm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-6\@lgsm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-6\@lgsm {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-6\@lgsm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-6\@lgsm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-6\@lgsm {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-6\@lgsm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-6\@lgsm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-6\@lgsm {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-6\@lgsm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-6\@lgsm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-6\@lgsm {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-6\@lgsm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-6\@lgsm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-6\@lgsm {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-6\@lgsm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-7\@lgsm {
    padding: 3rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-7\@lgsm {
    padding: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-7\@lgsm {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-7\@lgsm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-7\@lgsm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-7\@lgsm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-7\@lgsm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-7\@lgsm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-7\@lgsm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-7\@lgsm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-7\@lgsm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-7\@lgsm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-7\@lgsm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-7\@lgsm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-7\@lgsm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-7\@lgsm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-7\@lgsm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-7\@lgsm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-7\@lgsm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-7\@lgsm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-7\@lgsm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-8\@lgsm {
    padding: 4rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-8\@lgsm {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-8\@lgsm {
    padding: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-8\@lgsm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-8\@lgsm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-8\@lgsm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-8\@lgsm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-8\@lgsm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-8\@lgsm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-8\@lgsm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-8\@lgsm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-8\@lgsm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-8\@lgsm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-8\@lgsm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-8\@lgsm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-8\@lgsm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-8\@lgsm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-8\@lgsm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-8\@lgsm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-8\@lgsm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-8\@lgsm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-9\@lgsm {
    padding: 4.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-9\@lgsm {
    padding: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-9\@lgsm {
    padding: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-9\@lgsm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-9\@lgsm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-9\@lgsm {
    padding-top: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-9\@lgsm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-9\@lgsm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-9\@lgsm {
    padding-right: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-9\@lgsm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-9\@lgsm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-9\@lgsm {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-9\@lgsm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-9\@lgsm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-9\@lgsm {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-9\@lgsm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-9\@lgsm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-9\@lgsm {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-9\@lgsm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-9\@lgsm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-9\@lgsm {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-10\@lgsm {
    padding: 3rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-10\@lgsm {
    padding: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-10\@lgsm {
    padding: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-10\@lgsm {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-10\@lgsm {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-10\@lgsm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-10\@lgsm {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-10\@lgsm {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-10\@lgsm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-10\@lgsm {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-10\@lgsm {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-10\@lgsm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-10\@lgsm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-10\@lgsm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-10\@lgsm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-10\@lgsm {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-10\@lgsm {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-10\@lgsm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-10\@lgsm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-10\@lgsm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-10\@lgsm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-11\@lgsm {
    padding: 4.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-11\@lgsm {
    padding: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-11\@lgsm {
    padding: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-11\@lgsm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-11\@lgsm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-11\@lgsm {
    padding-top: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-11\@lgsm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-11\@lgsm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-11\@lgsm {
    padding-right: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-11\@lgsm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-11\@lgsm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-11\@lgsm {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-11\@lgsm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-11\@lgsm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-11\@lgsm {
    padding-left: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-11\@lgsm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-11\@lgsm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-11\@lgsm {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-11\@lgsm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-11\@lgsm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-11\@lgsm {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-12\@lgsm {
    padding: 4.5rem !important;
    content: "\\@lgsm";
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-12\@lgsm {
    padding: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-12\@lgsm {
    padding: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-top-12\@lgsm {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-top-12\@lgsm {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-top-12\@lgsm {
    padding-top: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-right-12\@lgsm {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-right-12\@lgsm {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-right-12\@lgsm {
    padding-right: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-bottom-12\@lgsm {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-bottom-12\@lgsm {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-bottom-12\@lgsm {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-left-12\@lgsm {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-left-12\@lgsm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-left-12\@lgsm {
    padding-left: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-x-12\@lgsm {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-x-12\@lgsm {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-x-12\@lgsm {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 1300px) {
  .u-padding-y-12\@lgsm {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 640px) {
  .u-padding-y-12\@lgsm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1300px) and (min-width: 960px) {
  .u-padding-y-12\@lgsm {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-0\@xl {
    padding: 0rem !important;
    content: "\\@xl";
  }

  .u-padding-top-0\@xl {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@xl {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@xl {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@xl {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@xl {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@xl {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@xl {
    padding: 0.5rem !important;
    content: "\\@xl";
  }

  .u-padding-top-1\@xl {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@xl {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@xl {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@xl {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@xl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@xl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@xl {
    padding: 1rem !important;
    content: "\\@xl";
  }

  .u-padding-top-2\@xl {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@xl {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@xl {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@xl {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@xl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@xl {
    padding: 1rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-3\@xl {
    padding: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-3\@xl {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-3\@xl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-3\@xl {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-3\@xl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-3\@xl {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-3\@xl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-3\@xl {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-3\@xl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-3\@xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-3\@xl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-3\@xl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-3\@xl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-4\@xl {
    padding: 1.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-4\@xl {
    padding: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-4\@xl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-4\@xl {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-4\@xl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-4\@xl {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-4\@xl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-4\@xl {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-4\@xl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-4\@xl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-4\@xl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-4\@xl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-4\@xl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-4\@xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-5\@xl {
    padding: 1.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-5\@xl {
    padding: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-5\@xl {
    padding: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-5\@xl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-5\@xl {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-5\@xl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-5\@xl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-5\@xl {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-5\@xl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-5\@xl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-5\@xl {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-5\@xl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-5\@xl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-5\@xl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-5\@xl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-5\@xl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-5\@xl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-5\@xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-5\@xl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-5\@xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-5\@xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-6\@xl {
    padding: 3rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-6\@xl {
    padding: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-6\@xl {
    padding: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-6\@xl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-6\@xl {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-6\@xl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-6\@xl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-6\@xl {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-6\@xl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-6\@xl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-6\@xl {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-6\@xl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-6\@xl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-6\@xl {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-6\@xl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-6\@xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-6\@xl {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-6\@xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-6\@xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-6\@xl {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-6\@xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-7\@xl {
    padding: 3rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-7\@xl {
    padding: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-7\@xl {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-7\@xl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-7\@xl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-7\@xl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-7\@xl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-7\@xl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-7\@xl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-7\@xl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-7\@xl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-7\@xl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-7\@xl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-7\@xl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-7\@xl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-7\@xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-7\@xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-7\@xl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-7\@xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-7\@xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-7\@xl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-8\@xl {
    padding: 4rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-8\@xl {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-8\@xl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-8\@xl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-8\@xl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-8\@xl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-8\@xl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-8\@xl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-8\@xl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-8\@xl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-8\@xl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-8\@xl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-8\@xl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-8\@xl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-8\@xl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-8\@xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-8\@xl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-8\@xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-8\@xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-8\@xl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-8\@xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-9\@xl {
    padding: 4.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-9\@xl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-9\@xl {
    padding: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-9\@xl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-9\@xl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-9\@xl {
    padding-top: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-9\@xl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-9\@xl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-9\@xl {
    padding-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-9\@xl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-9\@xl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-9\@xl {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-9\@xl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-9\@xl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-9\@xl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-9\@xl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-9\@xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-9\@xl {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-9\@xl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-9\@xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-9\@xl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-10\@xl {
    padding: 3rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-10\@xl {
    padding: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-10\@xl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-10\@xl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-10\@xl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-10\@xl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-10\@xl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-10\@xl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-10\@xl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-10\@xl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-10\@xl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-10\@xl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-10\@xl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-10\@xl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-10\@xl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-10\@xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-10\@xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-10\@xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-10\@xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-10\@xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-10\@xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-11\@xl {
    padding: 4.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-11\@xl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-11\@xl {
    padding: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-11\@xl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-11\@xl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-11\@xl {
    padding-top: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-11\@xl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-11\@xl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-11\@xl {
    padding-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-11\@xl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-11\@xl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-11\@xl {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-11\@xl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-11\@xl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-11\@xl {
    padding-left: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-11\@xl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-11\@xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-11\@xl {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-11\@xl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-11\@xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-11\@xl {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-12\@xl {
    padding: 4.5rem !important;
    content: "\\@xl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-12\@xl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-12\@xl {
    padding: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-12\@xl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-12\@xl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-12\@xl {
    padding-top: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-12\@xl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-12\@xl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-12\@xl {
    padding-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-12\@xl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-12\@xl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-12\@xl {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-12\@xl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-12\@xl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-12\@xl {
    padding-left: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-12\@xl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-12\@xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-12\@xl {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-12\@xl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-12\@xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-12\@xl {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-0\@xxl {
    padding: 0rem !important;
    content: "\\@xxl";
  }

  .u-padding-top-0\@xxl {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@xxl {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@xxl {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@xxl {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@xxl {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@xxl {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@xxl {
    padding: 0.5rem !important;
    content: "\\@xxl";
  }

  .u-padding-top-1\@xxl {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@xxl {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@xxl {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@xxl {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@xxl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@xxl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@xxl {
    padding: 1rem !important;
    content: "\\@xxl";
  }

  .u-padding-top-2\@xxl {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@xxl {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@xxl {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@xxl {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@xxl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@xxl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@xxl {
    padding: 1rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-3\@xxl {
    padding: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-3\@xxl {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-3\@xxl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-3\@xxl {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-3\@xxl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-3\@xxl {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-3\@xxl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-3\@xxl {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-3\@xxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-3\@xxl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-3\@xxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-3\@xxl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-3\@xxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-4\@xxl {
    padding: 1.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-4\@xxl {
    padding: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-4\@xxl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-4\@xxl {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-4\@xxl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-4\@xxl {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-4\@xxl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-4\@xxl {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-4\@xxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-4\@xxl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-4\@xxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-4\@xxl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-4\@xxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-4\@xxl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-5\@xxl {
    padding: 1.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-5\@xxl {
    padding: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-5\@xxl {
    padding: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-5\@xxl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-5\@xxl {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-5\@xxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-5\@xxl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-5\@xxl {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-5\@xxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-5\@xxl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-5\@xxl {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-5\@xxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-5\@xxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-5\@xxl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-5\@xxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-5\@xxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-5\@xxl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-5\@xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-5\@xxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-5\@xxl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-5\@xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-6\@xxl {
    padding: 3rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-6\@xxl {
    padding: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-6\@xxl {
    padding: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-6\@xxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-6\@xxl {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-6\@xxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-6\@xxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-6\@xxl {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-6\@xxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-6\@xxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-6\@xxl {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-6\@xxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-6\@xxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-6\@xxl {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-6\@xxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-6\@xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-6\@xxl {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-6\@xxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-6\@xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-6\@xxl {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-6\@xxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-7\@xxl {
    padding: 3rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-7\@xxl {
    padding: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-7\@xxl {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-7\@xxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-7\@xxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-7\@xxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-7\@xxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-7\@xxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-7\@xxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-7\@xxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-7\@xxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-7\@xxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-7\@xxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-7\@xxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-7\@xxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-7\@xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-7\@xxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-7\@xxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-7\@xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-7\@xxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-7\@xxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-8\@xxl {
    padding: 4rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-8\@xxl {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-8\@xxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-8\@xxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-8\@xxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-8\@xxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-8\@xxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-8\@xxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-8\@xxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-8\@xxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-8\@xxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-8\@xxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-8\@xxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-8\@xxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-8\@xxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-8\@xxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-8\@xxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-8\@xxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-8\@xxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-8\@xxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-8\@xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-9\@xxl {
    padding: 4.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-9\@xxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-9\@xxl {
    padding: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-9\@xxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-9\@xxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-9\@xxl {
    padding-top: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-9\@xxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-9\@xxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-9\@xxl {
    padding-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-9\@xxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-9\@xxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-9\@xxl {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-9\@xxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-9\@xxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-9\@xxl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-9\@xxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-9\@xxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-9\@xxl {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-9\@xxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-9\@xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-9\@xxl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-10\@xxl {
    padding: 3rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-10\@xxl {
    padding: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-10\@xxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-10\@xxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-10\@xxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-10\@xxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-10\@xxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-10\@xxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-10\@xxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-10\@xxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-10\@xxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-10\@xxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-10\@xxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-10\@xxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-10\@xxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-10\@xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-10\@xxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-10\@xxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-10\@xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-10\@xxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-10\@xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-11\@xxl {
    padding: 4.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-11\@xxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-11\@xxl {
    padding: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-11\@xxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-11\@xxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-11\@xxl {
    padding-top: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-11\@xxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-11\@xxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-11\@xxl {
    padding-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-11\@xxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-11\@xxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-11\@xxl {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-11\@xxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-11\@xxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-11\@xxl {
    padding-left: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-11\@xxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-11\@xxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-11\@xxl {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-11\@xxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-11\@xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-11\@xxl {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-12\@xxl {
    padding: 4.5rem !important;
    content: "\\@xxl";
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-12\@xxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-12\@xxl {
    padding: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-top-12\@xxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-top-12\@xxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-top-12\@xxl {
    padding-top: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-right-12\@xxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-right-12\@xxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-right-12\@xxl {
    padding-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-bottom-12\@xxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-bottom-12\@xxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-bottom-12\@xxl {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-left-12\@xxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-left-12\@xxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-left-12\@xxl {
    padding-left: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-x-12\@xxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-x-12\@xxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-x-12\@xxl {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 1524px) {
  .u-padding-y-12\@xxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 640px) {
  .u-padding-y-12\@xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1524px) and (min-width: 960px) {
  .u-padding-y-12\@xxl {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-0\@xxxl {
    padding: 0rem !important;
    content: "\\@xxxl";
  }

  .u-padding-top-0\@xxxl {
    padding-top: 0rem !important;
  }

  .u-padding-right-0\@xxxl {
    padding-right: 0rem !important;
  }

  .u-padding-bottom-0\@xxxl {
    padding-bottom: 0rem !important;
  }

  .u-padding-left-0\@xxxl {
    padding-left: 0rem !important;
  }

  .u-padding-x-0\@xxxl {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .u-padding-y-0\@xxxl {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .u-padding-1\@xxxl {
    padding: 0.5rem !important;
    content: "\\@xxxl";
  }

  .u-padding-top-1\@xxxl {
    padding-top: 0.5rem !important;
  }

  .u-padding-right-1\@xxxl {
    padding-right: 0.5rem !important;
  }

  .u-padding-bottom-1\@xxxl {
    padding-bottom: 0.5rem !important;
  }

  .u-padding-left-1\@xxxl {
    padding-left: 0.5rem !important;
  }

  .u-padding-x-1\@xxxl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .u-padding-y-1\@xxxl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .u-padding-2\@xxxl {
    padding: 1rem !important;
    content: "\\@xxxl";
  }

  .u-padding-top-2\@xxxl {
    padding-top: 1rem !important;
  }

  .u-padding-right-2\@xxxl {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-2\@xxxl {
    padding-bottom: 1rem !important;
  }

  .u-padding-left-2\@xxxl {
    padding-left: 1rem !important;
  }

  .u-padding-x-2\@xxxl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .u-padding-y-2\@xxxl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .u-padding-3\@xxxl {
    padding: 1rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-3\@xxxl {
    padding: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-3\@xxxl {
    padding-top: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-3\@xxxl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-3\@xxxl {
    padding-right: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-3\@xxxl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-3\@xxxl {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-3\@xxxl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-3\@xxxl {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-3\@xxxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-3\@xxxl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-3\@xxxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-3\@xxxl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-3\@xxxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-4\@xxxl {
    padding: 1.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-4\@xxxl {
    padding: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-4\@xxxl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-4\@xxxl {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-4\@xxxl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-4\@xxxl {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-4\@xxxl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-4\@xxxl {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-4\@xxxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-4\@xxxl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-4\@xxxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-4\@xxxl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-4\@xxxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-4\@xxxl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-5\@xxxl {
    padding: 1.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-5\@xxxl {
    padding: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-5\@xxxl {
    padding: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-5\@xxxl {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-5\@xxxl {
    padding-top: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-5\@xxxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-5\@xxxl {
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-5\@xxxl {
    padding-right: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-5\@xxxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-5\@xxxl {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-5\@xxxl {
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-5\@xxxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-5\@xxxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-5\@xxxl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-5\@xxxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-5\@xxxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-5\@xxxl {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-5\@xxxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-5\@xxxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-5\@xxxl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-5\@xxxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-6\@xxxl {
    padding: 3rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-6\@xxxl {
    padding: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-6\@xxxl {
    padding: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-6\@xxxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-6\@xxxl {
    padding-top: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-6\@xxxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-6\@xxxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-6\@xxxl {
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-6\@xxxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-6\@xxxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-6\@xxxl {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-6\@xxxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-6\@xxxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-6\@xxxl {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-6\@xxxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-6\@xxxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-6\@xxxl {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-6\@xxxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-6\@xxxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-6\@xxxl {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-6\@xxxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-7\@xxxl {
    padding: 3rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-7\@xxxl {
    padding: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-7\@xxxl {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-7\@xxxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-7\@xxxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-7\@xxxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-7\@xxxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-7\@xxxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-7\@xxxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-7\@xxxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-7\@xxxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-7\@xxxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-7\@xxxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-7\@xxxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-7\@xxxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-7\@xxxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-7\@xxxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-7\@xxxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-7\@xxxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-7\@xxxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-7\@xxxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-8\@xxxl {
    padding: 4rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-8\@xxxl {
    padding: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-8\@xxxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-8\@xxxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-8\@xxxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-8\@xxxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-8\@xxxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-8\@xxxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-8\@xxxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-8\@xxxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-8\@xxxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-8\@xxxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-8\@xxxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-8\@xxxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-8\@xxxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-8\@xxxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-8\@xxxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-8\@xxxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-8\@xxxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-8\@xxxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-8\@xxxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-9\@xxxl {
    padding: 4.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-9\@xxxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-9\@xxxl {
    padding: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-9\@xxxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-9\@xxxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-9\@xxxl {
    padding-top: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-9\@xxxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-9\@xxxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-9\@xxxl {
    padding-right: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-9\@xxxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-9\@xxxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-9\@xxxl {
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-9\@xxxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-9\@xxxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-9\@xxxl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-9\@xxxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-9\@xxxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-9\@xxxl {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-9\@xxxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-9\@xxxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-9\@xxxl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-10\@xxxl {
    padding: 3rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-10\@xxxl {
    padding: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-10\@xxxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-10\@xxxl {
    padding-top: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-10\@xxxl {
    padding-top: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-10\@xxxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-10\@xxxl {
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-10\@xxxl {
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-10\@xxxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-10\@xxxl {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-10\@xxxl {
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-10\@xxxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-10\@xxxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-10\@xxxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-10\@xxxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-10\@xxxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-10\@xxxl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-10\@xxxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-10\@xxxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-10\@xxxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-10\@xxxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-11\@xxxl {
    padding: 4.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-11\@xxxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-11\@xxxl {
    padding: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-11\@xxxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-11\@xxxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-11\@xxxl {
    padding-top: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-11\@xxxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-11\@xxxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-11\@xxxl {
    padding-right: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-11\@xxxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-11\@xxxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-11\@xxxl {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-11\@xxxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-11\@xxxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-11\@xxxl {
    padding-left: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-11\@xxxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-11\@xxxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-11\@xxxl {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-11\@xxxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-11\@xxxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-11\@xxxl {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-12\@xxxl {
    padding: 4.5rem !important;
    content: "\\@xxxl";
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-12\@xxxl {
    padding: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-12\@xxxl {
    padding: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-top-12\@xxxl {
    padding-top: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-top-12\@xxxl {
    padding-top: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-top-12\@xxxl {
    padding-top: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-right-12\@xxxl {
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-right-12\@xxxl {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-right-12\@xxxl {
    padding-right: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-bottom-12\@xxxl {
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-bottom-12\@xxxl {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-bottom-12\@xxxl {
    padding-bottom: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-left-12\@xxxl {
    padding-left: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-left-12\@xxxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-left-12\@xxxl {
    padding-left: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-x-12\@xxxl {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-x-12\@xxxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-x-12\@xxxl {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
}
@media (min-width: 1800px) {
  .u-padding-y-12\@xxxl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 640px) {
  .u-padding-y-12\@xxxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 1800px) and (min-width: 960px) {
  .u-padding-y-12\@xxxl {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}
.u-visually-hidden,
.u-sr-only {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.u-visually-hidden-focusable:not(:active):not(:focus),
.u-sr-only-focusable:not(:active):not(:focus) {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.u-hidden {
  display: none;
}

.u-clearfix::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.loading-overlay {
  display: none !important;
}

.no-js .c-nav-meta__action.js-toggle {
  display: none;
}

/*# sourceMappingURL=main.css.map */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}