/*
 *  Copyright 2019 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-accordion__header {
  margin: 0;
}
.cmp-accordion__button {
  display: block;
  width: 100%;
  text-align: left;
}
.cmp-accordion__panel--hidden {
  display: none;
}
.cmp-accordion__panel--expanded {
  display: block;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}

/*
 *  Copyright 2020 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-pdfviewer__content {
  height: 500px;
}
.pdfviewer:not(.cq-Editable-dom) .cmp-pdfviewer__full-window-borderless {
  height: 100vh;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999;
}
.pdfviewer.cq-Editable-dom .cmp-pdfviewer__full-window-borderless {
  height: 500px;
}

/**
* index.scss defines the html page global and fundamental rules 
* Design online https://www.figma.com/file/pm0aJlzq3R0mUcmwjfIsTi/Main-library?node-id=0%3A1
*/
:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
@font-face {
  font-family: "Antwerp";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Antwerp";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-Italic.woff2) format("woff2");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Antwerp";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-Bold.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Antwerp";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-BoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Antwerp";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Antwerp";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-LightItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "AntwerpMedium";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-Medium.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "AntwerpMedium";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-MediumItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "AntwerpSemibold";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-SemiBold.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "AntwerpSemibold";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Antwerp-SemiBoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Regular-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Italic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Bold-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-BoldItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Light-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-LightItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Medium-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-MediumItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu Medium";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Medium-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Apercu Mono";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/Apercu-Mono-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-Regular-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-RegularItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-Bold-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-BoldItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-Light-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-LightItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-Medium-Web.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lyon";
  src: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/fonts/LyonDisplayLF-MediumItalic-Web.woff2) format("woff2");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
:root {
  --component-margin: 32px;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body, html {
  font-family: var(--usyd-font-primary);
  font-weight: 400;
}

body, html {
  font-size: 16px;
  line-height: 24px;
}

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 {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

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

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

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

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

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

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

:root {
  --font-size: 16px;
  --base-font-colour: #141414;
  --base-line-height: 24px;
  --base-colour-page-bg: #FFFFFF;
}

ul,
ol,
li,
p {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

input {
  width: 100%;
}

html {
  background-color: var(--base-colour-page-bg);
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: var(--base-font-colour);
}

body {
  width: 100%;
  height: 100%;
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  margin: 0;
  overflow: visible;
  width: auto;
  height: auto;
  clip: auto;
}
@charset "UTF-8";
/*! Avalanche | MIT License | @colourgarden */
/*------------------------------------*\
    SETTINGS
\*------------------------------------*/
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

.m-radio-group--ds__text, .m-checkbox-group--atar__text, .m-checkbox-group--mql__text, .m-checkbox-group--ds__text, .m-content--lg, .m-content--sm, .m-content, .m-content--base {
  font-family: var(--usyd-font-primary);
  font-weight: 400;
}

.m-content, .m-content--base {
  font-size: 16px;
  line-height: 24px;
}

.m-content--sm {
  font-size: 14px;
  line-height: 16px;
}

.m-content--lg {
  font-size: 20px;
  line-height: 32px;
}

[data-type=white].m-link {
  color: #FFFFFF;
}
[data-type=white].m-link:hover, [data-type=white].m-link:focus {
  color: #FFFFFF;
}
[data-type=charcoal].m-link {
  color: #141414;
}
[data-type=charcoal].m-link:hover, [data-type=charcoal].m-link:focus {
  color: #141414;
}
[data-type=black].m-link {
  color: #141414;
}
[data-type=black].m-link:hover, [data-type=black].m-link:focus {
  color: #141414;
}
[data-type=black100].m-link {
  color: #141414;
}
[data-type=black100].m-link:hover, [data-type=black100].m-link:focus {
  color: #141414;
}
[data-type=red].m-link {
  color: #E64626;
}
[data-type=red].m-link:hover, [data-type=red].m-link:focus {
  color: #E64626;
}
[data-type=uiRed].m-link {
  color: #E64626;
}
[data-type=uiRed].m-link:hover, [data-type=uiRed].m-link:focus {
  color: #E64626;
}
[data-type=anchorLink].m-link {
  color: #C63A1E;
}
[data-type=anchorLink].m-link:hover, [data-type=anchorLink].m-link:focus {
  color: #C63A1E;
}
[data-type=blue120].m-link {
  color: #283353;
}
[data-type=blue120].m-link:hover, [data-type=blue120].m-link:focus {
  color: #283353;
}
[data-type=ochre120].m-link {
  color: #AF2B11;
}
[data-type=ochre120].m-link:hover, [data-type=ochre120].m-link:focus {
  color: #AF2B11;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
/*! Avalanche | MIT License | @colourgarden */
/*------------------------------------*\
    SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    Grid columns
\*------------------------------------*/
.m-grid--col > .m-grid__cell {
  flex-flow: column wrap;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  --m-grid-cell-max-width: 100%;
  max-width: var(--m-grid-cell-max-width);
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--1col > .m-grid__cell {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--2cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--3cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--4cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--5cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--6cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--8cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--9cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--10cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--11cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .m-grid--mobile-up--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .m-grid--tablet-up--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .m-grid--sm-desk-up--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--lg-desk-up--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--lg-desk-down--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .m-grid--sm-desk-down--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .m-grid--tablet-down--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .m-grid--mobile-down--12cols > .m-grid__cell {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

:root {
  --m-grid-column-gap: 20px;
  --m-grid-column-gap-tiny: 8px;
  --m-grid-column-gap-small: 16px;
  --m-grid-column-gap-large: 32px;
  --m-grid-column-gap-huge: 48px;
  --m-grid-height: auto;
  --m-grid-cell-height: var(--m-grid-height);
  --m-grid-cell-max-width: 100%;
}

/*------------------------------------*\
    LOGIC aka THE MAGIC
\*------------------------------------*/
/*------------------------------------*\
    GRID LAYOUT
\*------------------------------------*/
.m-grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  margin-right: calc(var(--m-grid-column-gap) / -2);
  margin-left: calc(var(--m-grid-column-gap) / -2);
}

.m-grid__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 0 calc(var(--m-grid-column-gap) / 2);
  --m-grid-cell-max-width: 100%;
  max-width: var(--m-grid-cell-max-width);
}

.m-grid--page-col {
  margin-right: calc(var(--m-grid-column-gap) / -2);
  margin-left: calc(var(--m-grid-column-gap) / -2);
}
.m-grid--page-col > .m-grid__cell {
  padding: 0 calc(var(--m-grid-column-gap) / 2);
}
.m-grid--page-col > .m-grid {
  margin-right: calc(var(--m-grid-column-gap) / -2);
  margin-left: calc(var(--m-grid-column-gap) / -2);
}
.m-grid--page-col > .m-grid > .m-grid__cell {
  padding: 0 calc(var(--m-grid-column-gap) / 2);
}

.m-grid--no-margin {
  margin: 0;
}

.m-grid__cell--mg-bottom-sm {
  margin-bottom: 10px;
}

.m-grid__cell--mg-bottom-base {
  margin-bottom: 20px;
}

.m-grid__cell--mg-bottom-lg {
  margin-bottom: 40px;
}

.m-grid__cell--full-width {
  --m-grid-cell-max-width: 100%;
  width: var(--m-grid-cell-max-width);
}

.m-grid__cell--min-full-width {
  width: 100%;
}

.m-grid__cell--bg-grey {
  background-color: #F7F7F7;
}

.m-grid--row-mobile-up {
  flex-flow: column wrap;
}
@media (min-width: 576px) {
  .m-grid--row-mobile-up {
    flex-flow: row wrap;
  }
}

/*
**********************************
* m-grid modifiers
**********************************
*/
.m-grid--full-size {
  width: 100%;
  height: 100%;
}

.m-grid--center {
  justify-content: center;
}
.m-grid--center > .m-grid__cell {
  align-self: center;
}

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

.m-grid--space-around {
  justify-content: space-around;
}

.m-grid--right {
  justify-content: flex-end;
}

.m-grid--left {
  justify-content: flex-start;
}

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

.m-grid--bottom {
  align-items: flex-end;
}

.m-grid--top {
  align-items: flex-start;
}

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

.m-grid--flush {
  margin-left: 0;
  margin-right: 0;
}
.m-grid--flush > .m-grid__cell {
  padding-left: 0;
  padding-right: 0;
}

.m-grid--auto > .m-grid__cell {
  flex-basis: auto;
}

.m-grid--rev {
  flex-direction: row-reverse;
}

.m-grid--nowrap {
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
}
.m-grid--nowrap .m-grid__cell:first-child {
  padding-left: 0;
  max-width: calc(100% - var(--m-grid-column-gap) / 2);
}
.m-grid--nowrap .m-grid__cell:last-child {
  padding-right: 0;
  max-width: calc(100% - var(--m-grid-column-gap) / 2);
}

.m-grid--vertical {
  flex-direction: column;
}
.m-grid--vertical.m-grid--rev {
  flex-direction: column-reverse;
}

.m-grid--horizontal {
  flex-direction: row;
}
.m-grid--horizontal.m-grid--rev {
  flex-direction: row-reverse;
}

/*
**********************************
* m-grid modifiers responsives
**********************************
*/
@media screen and (min-width: 576px) {
  .m-grid--full-size--mobile-up {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--center--mobile-up {
    justify-content: center;
  }
  .m-grid--center--mobile-up > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--space-between--mobile-up {
    justify-content: space-between;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--space-around--mobile-up {
    justify-content: space-around;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--right--mobile-up {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--left--mobile-up {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--middle--mobile-up {
    align-items: center;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--bottom--mobile-up {
    align-items: flex-end;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--top--mobile-up {
    align-items: flex-start;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--stretch--mobile-up {
    align-items: stretch;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--flush--mobile-up {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--mobile-up > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--auto--mobile-up > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--rev--mobile-up {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--nowrap--mobile-up {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--vertical--mobile-up {
    flex-direction: column;
  }
  .m-grid--vertical--mobile-up.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 576px) {
  .m-grid--horizontal--mobile-up {
    flex-direction: row;
  }
  .m-grid--horizontal--mobile-up.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--full-size--tablet-up {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--center--tablet-up {
    justify-content: center;
  }
  .m-grid--center--tablet-up > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--space-between--tablet-up {
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--space-around--tablet-up {
    justify-content: space-around;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--right--tablet-up {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--left--tablet-up {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--middle--tablet-up {
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--bottom--tablet-up {
    align-items: flex-end;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--top--tablet-up {
    align-items: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--stretch--tablet-up {
    align-items: stretch;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--flush--tablet-up {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--tablet-up > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--auto--tablet-up > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--rev--tablet-up {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--nowrap--tablet-up {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--vertical--tablet-up {
    flex-direction: column;
  }
  .m-grid--vertical--tablet-up.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 768px) {
  .m-grid--horizontal--tablet-up {
    flex-direction: row;
  }
  .m-grid--horizontal--tablet-up.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--full-size--sm-desk-up {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--center--sm-desk-up {
    justify-content: center;
  }
  .m-grid--center--sm-desk-up > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--space-between--sm-desk-up {
    justify-content: space-between;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--space-around--sm-desk-up {
    justify-content: space-around;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--right--sm-desk-up {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--left--sm-desk-up {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--middle--sm-desk-up {
    align-items: center;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--bottom--sm-desk-up {
    align-items: flex-end;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--top--sm-desk-up {
    align-items: flex-start;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--stretch--sm-desk-up {
    align-items: stretch;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--flush--sm-desk-up {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--sm-desk-up > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--auto--sm-desk-up > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--rev--sm-desk-up {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--nowrap--sm-desk-up {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--vertical--sm-desk-up {
    flex-direction: column;
  }
  .m-grid--vertical--sm-desk-up.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 992px) {
  .m-grid--horizontal--sm-desk-up {
    flex-direction: row;
  }
  .m-grid--horizontal--sm-desk-up.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--full-size--lg-desk-up {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--center--lg-desk-up {
    justify-content: center;
  }
  .m-grid--center--lg-desk-up > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--space-between--lg-desk-up {
    justify-content: space-between;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--space-around--lg-desk-up {
    justify-content: space-around;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--right--lg-desk-up {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--left--lg-desk-up {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--middle--lg-desk-up {
    align-items: center;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--bottom--lg-desk-up {
    align-items: flex-end;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--top--lg-desk-up {
    align-items: flex-start;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--stretch--lg-desk-up {
    align-items: stretch;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--flush--lg-desk-up {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--lg-desk-up > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--auto--lg-desk-up > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--rev--lg-desk-up {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--nowrap--lg-desk-up {
    flex-wrap: nowrap;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--vertical--lg-desk-up {
    flex-direction: column;
  }
  .m-grid--vertical--lg-desk-up.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 1200px) {
  .m-grid--horizontal--lg-desk-up {
    flex-direction: row;
  }
  .m-grid--horizontal--lg-desk-up.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--full-size--lg-desk-down {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--center--lg-desk-down {
    justify-content: center;
  }
  .m-grid--center--lg-desk-down > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--space-between--lg-desk-down {
    justify-content: space-between;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--space-around--lg-desk-down {
    justify-content: space-around;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--right--lg-desk-down {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--left--lg-desk-down {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--middle--lg-desk-down {
    align-items: center;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--bottom--lg-desk-down {
    align-items: flex-end;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--top--lg-desk-down {
    align-items: flex-start;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--stretch--lg-desk-down {
    align-items: stretch;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--flush--lg-desk-down {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--lg-desk-down > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--auto--lg-desk-down > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--rev--lg-desk-down {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--nowrap--lg-desk-down {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--vertical--lg-desk-down {
    flex-direction: column;
  }
  .m-grid--vertical--lg-desk-down.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 1199px) {
  .m-grid--horizontal--lg-desk-down {
    flex-direction: row;
  }
  .m-grid--horizontal--lg-desk-down.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--full-size--sm-desk-down {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--center--sm-desk-down {
    justify-content: center;
  }
  .m-grid--center--sm-desk-down > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--space-between--sm-desk-down {
    justify-content: space-between;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--space-around--sm-desk-down {
    justify-content: space-around;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--right--sm-desk-down {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--left--sm-desk-down {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--middle--sm-desk-down {
    align-items: center;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--bottom--sm-desk-down {
    align-items: flex-end;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--top--sm-desk-down {
    align-items: flex-start;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--stretch--sm-desk-down {
    align-items: stretch;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--flush--sm-desk-down {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--sm-desk-down > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--auto--sm-desk-down > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--rev--sm-desk-down {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--nowrap--sm-desk-down {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--vertical--sm-desk-down {
    flex-direction: column;
  }
  .m-grid--vertical--sm-desk-down.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 991px) {
  .m-grid--horizontal--sm-desk-down {
    flex-direction: row;
  }
  .m-grid--horizontal--sm-desk-down.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--full-size--tablet-down {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--center--tablet-down {
    justify-content: center;
  }
  .m-grid--center--tablet-down > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--space-between--tablet-down {
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--space-around--tablet-down {
    justify-content: space-around;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--right--tablet-down {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--left--tablet-down {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--middle--tablet-down {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--bottom--tablet-down {
    align-items: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--top--tablet-down {
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--stretch--tablet-down {
    align-items: stretch;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--flush--tablet-down {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--tablet-down > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--auto--tablet-down > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--rev--tablet-down {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--nowrap--tablet-down {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--vertical--tablet-down {
    flex-direction: column;
  }
  .m-grid--vertical--tablet-down.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .m-grid--horizontal--tablet-down {
    flex-direction: row;
  }
  .m-grid--horizontal--tablet-down.m-grid--rev {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--full-size--mobile-down {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--center--mobile-down {
    justify-content: center;
  }
  .m-grid--center--mobile-down > .m-grid__cell {
    align-self: center;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--space-between--mobile-down {
    justify-content: space-between;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--space-around--mobile-down {
    justify-content: space-around;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--right--mobile-down {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--left--mobile-down {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--middle--mobile-down {
    align-items: center;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--bottom--mobile-down {
    align-items: flex-end;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--top--mobile-down {
    align-items: flex-start;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--stretch--mobile-down {
    align-items: stretch;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--flush--mobile-down {
    margin-left: 0;
    margin-right: 0;
  }
  .m-grid--flush--mobile-down > .m-grid__cell {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--auto--mobile-down > .m-grid__cell {
    flex-basis: auto;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--rev--mobile-down {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--nowrap--mobile-down {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--vertical--mobile-down {
    flex-direction: column;
  }
  .m-grid--vertical--mobile-down.m-grid--rev {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 575px) {
  .m-grid--horizontal--mobile-down {
    flex-direction: row;
  }
  .m-grid--horizontal--mobile-down.m-grid--rev {
    flex-direction: row-reverse;
  }
}

.m-grid--tiny {
  margin-left: calc(var(--m-grid-column-gap-tiny) / -2);
  margin-right: calc(var(--m-grid-column-gap-tiny) / -2);
}
.m-grid--tiny > .m-grid__cell {
  padding-left: calc(var(--m-grid-column-gap-tiny) / 2);
  padding-right: calc(var(--m-grid-column-gap-tiny) / 2);
}

.m-grid--small {
  margin-left: calc(var(--m-grid-column-gap-small) / -2);
  margin-right: calc(var(--m-grid-column-gap-small) / -2);
}
.m-grid--small > .m-grid__cell {
  padding-left: calc(var(--m-grid-column-gap-small) / 2);
  padding-right: calc(var(--m-grid-column-gap-small) / 2);
}

.m-grid--large {
  margin-left: calc(var(--m-grid-column-gap-large) / -2);
  margin-right: calc(var(--m-grid-column-gap-large) / -2);
}
.m-grid--large > .m-grid__cell {
  padding-left: calc(var(--m-grid-column-gap-large) / 2);
  padding-right: calc(var(--m-grid-column-gap-large) / 2);
}

/*------------------------------------*\
    GRID WIDTHS
\*------------------------------------*/
.\31 \/1 {
  flex-grow: 1;
  flex-basis: 0;
  --m-grid-cell-max-width: 100%;
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/2, .\32 \/4, .\33 \/6, .\34 \/8, .\35 \/10, .\36 \/12, .\38 \/16, .\31 2\/24 {
  --m-grid-cell-max-width: 50%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/3, .\32 \/6, .\34 \/12, .\38 \/24 {
  --m-grid-cell-max-width: 33.3333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\32 \/3, .\34 \/6, .\38 \/12, .\31 6\/24 {
  --m-grid-cell-max-width: 66.6666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/4, .\32 \/8, .\33 \/12, .\34 \/16, .\36 \/24 {
  --m-grid-cell-max-width: 25%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\33 \/4, .\36 \/8, .\39 \/12, .\31 2\/16, .\31 8\/24 {
  --m-grid-cell-max-width: 75%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/5, .\32 \/10 {
  --m-grid-cell-max-width: 20%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\32 \/5, .\34 \/10 {
  --m-grid-cell-max-width: 40%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\33 \/5, .\36 \/10 {
  --m-grid-cell-max-width: 60%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\34 \/5, .\38 \/10 {
  --m-grid-cell-max-width: 80%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/6, .\32 \/12, .\34 \/24 {
  --m-grid-cell-max-width: 16.6666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\35 \/6, .\31 0\/12, .\32 0\/24 {
  --m-grid-cell-max-width: 83.3333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/8, .\32 \/16, .\33 \/24 {
  --m-grid-cell-max-width: 12.5%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\33 \/8, .\36 \/16, .\39 \/24 {
  --m-grid-cell-max-width: 37.5%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\35 \/8, .\31 0\/16, .\31 5\/24 {
  --m-grid-cell-max-width: 62.5%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\37 \/8, .\31 4\/16, .\32 1\/24 {
  --m-grid-cell-max-width: 87.5%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/10 {
  --m-grid-cell-max-width: 10%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\33 \/10 {
  --m-grid-cell-max-width: 30%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\37 \/10 {
  --m-grid-cell-max-width: 70%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\39 \/10 {
  --m-grid-cell-max-width: 90%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/12, .\32 \/24 {
  --m-grid-cell-max-width: 8.3333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\35 \/12, .\31 0\/24 {
  --m-grid-cell-max-width: 41.6666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\37 \/12, .\31 4\/24 {
  --m-grid-cell-max-width: 58.3333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 1\/12, .\32 2\/24 {
  --m-grid-cell-max-width: 91.6666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/16 {
  --m-grid-cell-max-width: 6.25%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\33 \/16 {
  --m-grid-cell-max-width: 18.75%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\35 \/16 {
  --m-grid-cell-max-width: 31.25%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\37 \/16 {
  --m-grid-cell-max-width: 43.75%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\39 \/16 {
  --m-grid-cell-max-width: 56.25%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 1\/16 {
  --m-grid-cell-max-width: 68.75%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 3\/16 {
  --m-grid-cell-max-width: 81.25%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 5\/16 {
  --m-grid-cell-max-width: 93.75%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 \/24 {
  --m-grid-cell-max-width: 4.1666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\35 \/24 {
  --m-grid-cell-max-width: 20.8333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\37 \/24 {
  --m-grid-cell-max-width: 29.1666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 1\/24 {
  --m-grid-cell-max-width: 45.8333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 3\/24 {
  --m-grid-cell-max-width: 54.1666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 7\/24 {
  --m-grid-cell-max-width: 70.8333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\31 9\/24 {
  --m-grid-cell-max-width: 79.1666666667%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

.\32 3\/24 {
  --m-grid-cell-max-width: 95.8333333333%;
  flex-basis: var(--m-grid-cell-max-width);
  max-width: var(--m-grid-cell-max-width);
}

@media screen and (min-width: 576px) {
  .\31 \/1--mobile-up {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--mobile-up, .\32 \/4--mobile-up, .\33 \/6--mobile-up, .\34 \/8--mobile-up, .\35 \/10--mobile-up, .\36 \/12--mobile-up, .\38 \/16--mobile-up, .\31 2\/24--mobile-up {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--mobile-up, .\32 \/6--mobile-up, .\34 \/12--mobile-up, .\38 \/24--mobile-up {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--mobile-up, .\34 \/6--mobile-up, .\38 \/12--mobile-up, .\31 6\/24--mobile-up {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--mobile-up, .\32 \/8--mobile-up, .\33 \/12--mobile-up, .\34 \/16--mobile-up, .\36 \/24--mobile-up {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--mobile-up, .\36 \/8--mobile-up, .\39 \/12--mobile-up, .\31 2\/16--mobile-up, .\31 8\/24--mobile-up {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--mobile-up, .\32 \/10--mobile-up {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--mobile-up, .\34 \/10--mobile-up {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--mobile-up, .\36 \/10--mobile-up {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--mobile-up, .\38 \/10--mobile-up {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--mobile-up, .\32 \/12--mobile-up, .\34 \/24--mobile-up {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--mobile-up, .\31 0\/12--mobile-up, .\32 0\/24--mobile-up {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--mobile-up, .\32 \/16--mobile-up, .\33 \/24--mobile-up {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--mobile-up, .\36 \/16--mobile-up, .\39 \/24--mobile-up {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--mobile-up, .\31 0\/16--mobile-up, .\31 5\/24--mobile-up {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--mobile-up, .\31 4\/16--mobile-up, .\32 1\/24--mobile-up {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--mobile-up {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--mobile-up {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--mobile-up {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--mobile-up {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--mobile-up, .\32 \/24--mobile-up {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--mobile-up, .\31 0\/24--mobile-up {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--mobile-up, .\31 4\/24--mobile-up {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--mobile-up, .\32 2\/24--mobile-up {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--mobile-up {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--mobile-up {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--mobile-up {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--mobile-up {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--mobile-up {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--mobile-up {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--mobile-up {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--mobile-up {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--mobile-up {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--mobile-up {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--mobile-up {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--mobile-up {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--mobile-up {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--mobile-up {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--mobile-up {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--mobile-up {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (min-width: 768px) {
  .\31 \/1--tablet-up {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--tablet-up, .\32 \/4--tablet-up, .\33 \/6--tablet-up, .\34 \/8--tablet-up, .\35 \/10--tablet-up, .\36 \/12--tablet-up, .\38 \/16--tablet-up, .\31 2\/24--tablet-up {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--tablet-up, .\32 \/6--tablet-up, .\34 \/12--tablet-up, .\38 \/24--tablet-up {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--tablet-up, .\34 \/6--tablet-up, .\38 \/12--tablet-up, .\31 6\/24--tablet-up {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--tablet-up, .\32 \/8--tablet-up, .\33 \/12--tablet-up, .\34 \/16--tablet-up, .\36 \/24--tablet-up {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--tablet-up, .\36 \/8--tablet-up, .\39 \/12--tablet-up, .\31 2\/16--tablet-up, .\31 8\/24--tablet-up {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--tablet-up, .\32 \/10--tablet-up {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--tablet-up, .\34 \/10--tablet-up {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--tablet-up, .\36 \/10--tablet-up {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--tablet-up, .\38 \/10--tablet-up {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--tablet-up, .\32 \/12--tablet-up, .\34 \/24--tablet-up {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--tablet-up, .\31 0\/12--tablet-up, .\32 0\/24--tablet-up {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--tablet-up, .\32 \/16--tablet-up, .\33 \/24--tablet-up {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--tablet-up, .\36 \/16--tablet-up, .\39 \/24--tablet-up {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--tablet-up, .\31 0\/16--tablet-up, .\31 5\/24--tablet-up {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--tablet-up, .\31 4\/16--tablet-up, .\32 1\/24--tablet-up {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--tablet-up {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--tablet-up {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--tablet-up {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--tablet-up {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--tablet-up, .\32 \/24--tablet-up {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--tablet-up, .\31 0\/24--tablet-up {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--tablet-up, .\31 4\/24--tablet-up {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--tablet-up, .\32 2\/24--tablet-up {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--tablet-up {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--tablet-up {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--tablet-up {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--tablet-up {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--tablet-up {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--tablet-up {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--tablet-up {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--tablet-up {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--tablet-up {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--tablet-up {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--tablet-up {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--tablet-up {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--tablet-up {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--tablet-up {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--tablet-up {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--tablet-up {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (min-width: 992px) {
  .\31 \/1--sm-desk-up {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--sm-desk-up, .\32 \/4--sm-desk-up, .\33 \/6--sm-desk-up, .\34 \/8--sm-desk-up, .\35 \/10--sm-desk-up, .\36 \/12--sm-desk-up, .\38 \/16--sm-desk-up, .\31 2\/24--sm-desk-up {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--sm-desk-up, .\32 \/6--sm-desk-up, .\34 \/12--sm-desk-up, .\38 \/24--sm-desk-up {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--sm-desk-up, .\34 \/6--sm-desk-up, .\38 \/12--sm-desk-up, .\31 6\/24--sm-desk-up {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--sm-desk-up, .\32 \/8--sm-desk-up, .\33 \/12--sm-desk-up, .\34 \/16--sm-desk-up, .\36 \/24--sm-desk-up {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--sm-desk-up, .\36 \/8--sm-desk-up, .\39 \/12--sm-desk-up, .\31 2\/16--sm-desk-up, .\31 8\/24--sm-desk-up {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--sm-desk-up, .\32 \/10--sm-desk-up {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--sm-desk-up, .\34 \/10--sm-desk-up {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--sm-desk-up, .\36 \/10--sm-desk-up {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--sm-desk-up, .\38 \/10--sm-desk-up {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--sm-desk-up, .\32 \/12--sm-desk-up, .\34 \/24--sm-desk-up {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--sm-desk-up, .\31 0\/12--sm-desk-up, .\32 0\/24--sm-desk-up {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--sm-desk-up, .\32 \/16--sm-desk-up, .\33 \/24--sm-desk-up {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--sm-desk-up, .\36 \/16--sm-desk-up, .\39 \/24--sm-desk-up {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--sm-desk-up, .\31 0\/16--sm-desk-up, .\31 5\/24--sm-desk-up {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--sm-desk-up, .\31 4\/16--sm-desk-up, .\32 1\/24--sm-desk-up {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--sm-desk-up {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--sm-desk-up {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--sm-desk-up {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--sm-desk-up {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--sm-desk-up, .\32 \/24--sm-desk-up {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--sm-desk-up, .\31 0\/24--sm-desk-up {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--sm-desk-up, .\31 4\/24--sm-desk-up {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--sm-desk-up, .\32 2\/24--sm-desk-up {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--sm-desk-up {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--sm-desk-up {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--sm-desk-up {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--sm-desk-up {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--sm-desk-up {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--sm-desk-up {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--sm-desk-up {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--sm-desk-up {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--sm-desk-up {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--sm-desk-up {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--sm-desk-up {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--sm-desk-up {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--sm-desk-up {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--sm-desk-up {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--sm-desk-up {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--sm-desk-up {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (min-width: 1200px) {
  .\31 \/1--lg-desk-up {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--lg-desk-up, .\32 \/4--lg-desk-up, .\33 \/6--lg-desk-up, .\34 \/8--lg-desk-up, .\35 \/10--lg-desk-up, .\36 \/12--lg-desk-up, .\38 \/16--lg-desk-up, .\31 2\/24--lg-desk-up {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--lg-desk-up, .\32 \/6--lg-desk-up, .\34 \/12--lg-desk-up, .\38 \/24--lg-desk-up {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--lg-desk-up, .\34 \/6--lg-desk-up, .\38 \/12--lg-desk-up, .\31 6\/24--lg-desk-up {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--lg-desk-up, .\32 \/8--lg-desk-up, .\33 \/12--lg-desk-up, .\34 \/16--lg-desk-up, .\36 \/24--lg-desk-up {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--lg-desk-up, .\36 \/8--lg-desk-up, .\39 \/12--lg-desk-up, .\31 2\/16--lg-desk-up, .\31 8\/24--lg-desk-up {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--lg-desk-up, .\32 \/10--lg-desk-up {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--lg-desk-up, .\34 \/10--lg-desk-up {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--lg-desk-up, .\36 \/10--lg-desk-up {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--lg-desk-up, .\38 \/10--lg-desk-up {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--lg-desk-up, .\32 \/12--lg-desk-up, .\34 \/24--lg-desk-up {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--lg-desk-up, .\31 0\/12--lg-desk-up, .\32 0\/24--lg-desk-up {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--lg-desk-up, .\32 \/16--lg-desk-up, .\33 \/24--lg-desk-up {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--lg-desk-up, .\36 \/16--lg-desk-up, .\39 \/24--lg-desk-up {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--lg-desk-up, .\31 0\/16--lg-desk-up, .\31 5\/24--lg-desk-up {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--lg-desk-up, .\31 4\/16--lg-desk-up, .\32 1\/24--lg-desk-up {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--lg-desk-up {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--lg-desk-up {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--lg-desk-up {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--lg-desk-up {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--lg-desk-up, .\32 \/24--lg-desk-up {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--lg-desk-up, .\31 0\/24--lg-desk-up {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--lg-desk-up, .\31 4\/24--lg-desk-up {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--lg-desk-up, .\32 2\/24--lg-desk-up {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--lg-desk-up {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--lg-desk-up {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--lg-desk-up {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--lg-desk-up {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--lg-desk-up {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--lg-desk-up {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--lg-desk-up {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--lg-desk-up {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--lg-desk-up {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--lg-desk-up {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--lg-desk-up {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--lg-desk-up {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--lg-desk-up {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--lg-desk-up {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--lg-desk-up {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--lg-desk-up {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (max-width: 1199px) {
  .\31 \/1--lg-desk-down {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--lg-desk-down, .\32 \/4--lg-desk-down, .\33 \/6--lg-desk-down, .\34 \/8--lg-desk-down, .\35 \/10--lg-desk-down, .\36 \/12--lg-desk-down, .\38 \/16--lg-desk-down, .\31 2\/24--lg-desk-down {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--lg-desk-down, .\32 \/6--lg-desk-down, .\34 \/12--lg-desk-down, .\38 \/24--lg-desk-down {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--lg-desk-down, .\34 \/6--lg-desk-down, .\38 \/12--lg-desk-down, .\31 6\/24--lg-desk-down {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--lg-desk-down, .\32 \/8--lg-desk-down, .\33 \/12--lg-desk-down, .\34 \/16--lg-desk-down, .\36 \/24--lg-desk-down {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--lg-desk-down, .\36 \/8--lg-desk-down, .\39 \/12--lg-desk-down, .\31 2\/16--lg-desk-down, .\31 8\/24--lg-desk-down {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--lg-desk-down, .\32 \/10--lg-desk-down {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--lg-desk-down, .\34 \/10--lg-desk-down {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--lg-desk-down, .\36 \/10--lg-desk-down {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--lg-desk-down, .\38 \/10--lg-desk-down {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--lg-desk-down, .\32 \/12--lg-desk-down, .\34 \/24--lg-desk-down {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--lg-desk-down, .\31 0\/12--lg-desk-down, .\32 0\/24--lg-desk-down {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--lg-desk-down, .\32 \/16--lg-desk-down, .\33 \/24--lg-desk-down {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--lg-desk-down, .\36 \/16--lg-desk-down, .\39 \/24--lg-desk-down {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--lg-desk-down, .\31 0\/16--lg-desk-down, .\31 5\/24--lg-desk-down {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--lg-desk-down, .\31 4\/16--lg-desk-down, .\32 1\/24--lg-desk-down {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--lg-desk-down {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--lg-desk-down {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--lg-desk-down {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--lg-desk-down {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--lg-desk-down, .\32 \/24--lg-desk-down {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--lg-desk-down, .\31 0\/24--lg-desk-down {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--lg-desk-down, .\31 4\/24--lg-desk-down {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--lg-desk-down, .\32 2\/24--lg-desk-down {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--lg-desk-down {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--lg-desk-down {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--lg-desk-down {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--lg-desk-down {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--lg-desk-down {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--lg-desk-down {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--lg-desk-down {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--lg-desk-down {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--lg-desk-down {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--lg-desk-down {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--lg-desk-down {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--lg-desk-down {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--lg-desk-down {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--lg-desk-down {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--lg-desk-down {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--lg-desk-down {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (max-width: 991px) {
  .\31 \/1--sm-desk-down {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--sm-desk-down, .\32 \/4--sm-desk-down, .\33 \/6--sm-desk-down, .\34 \/8--sm-desk-down, .\35 \/10--sm-desk-down, .\36 \/12--sm-desk-down, .\38 \/16--sm-desk-down, .\31 2\/24--sm-desk-down {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--sm-desk-down, .\32 \/6--sm-desk-down, .\34 \/12--sm-desk-down, .\38 \/24--sm-desk-down {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--sm-desk-down, .\34 \/6--sm-desk-down, .\38 \/12--sm-desk-down, .\31 6\/24--sm-desk-down {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--sm-desk-down, .\32 \/8--sm-desk-down, .\33 \/12--sm-desk-down, .\34 \/16--sm-desk-down, .\36 \/24--sm-desk-down {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--sm-desk-down, .\36 \/8--sm-desk-down, .\39 \/12--sm-desk-down, .\31 2\/16--sm-desk-down, .\31 8\/24--sm-desk-down {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--sm-desk-down, .\32 \/10--sm-desk-down {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--sm-desk-down, .\34 \/10--sm-desk-down {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--sm-desk-down, .\36 \/10--sm-desk-down {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--sm-desk-down, .\38 \/10--sm-desk-down {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--sm-desk-down, .\32 \/12--sm-desk-down, .\34 \/24--sm-desk-down {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--sm-desk-down, .\31 0\/12--sm-desk-down, .\32 0\/24--sm-desk-down {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--sm-desk-down, .\32 \/16--sm-desk-down, .\33 \/24--sm-desk-down {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--sm-desk-down, .\36 \/16--sm-desk-down, .\39 \/24--sm-desk-down {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--sm-desk-down, .\31 0\/16--sm-desk-down, .\31 5\/24--sm-desk-down {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--sm-desk-down, .\31 4\/16--sm-desk-down, .\32 1\/24--sm-desk-down {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--sm-desk-down {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--sm-desk-down {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--sm-desk-down {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--sm-desk-down {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--sm-desk-down, .\32 \/24--sm-desk-down {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--sm-desk-down, .\31 0\/24--sm-desk-down {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--sm-desk-down, .\31 4\/24--sm-desk-down {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--sm-desk-down, .\32 2\/24--sm-desk-down {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--sm-desk-down {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--sm-desk-down {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--sm-desk-down {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--sm-desk-down {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--sm-desk-down {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--sm-desk-down {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--sm-desk-down {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--sm-desk-down {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--sm-desk-down {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--sm-desk-down {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--sm-desk-down {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--sm-desk-down {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--sm-desk-down {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--sm-desk-down {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--sm-desk-down {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--sm-desk-down {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (max-width: 767px) {
  .\31 \/1--tablet-down {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--tablet-down, .\32 \/4--tablet-down, .\33 \/6--tablet-down, .\34 \/8--tablet-down, .\35 \/10--tablet-down, .\36 \/12--tablet-down, .\38 \/16--tablet-down, .\31 2\/24--tablet-down {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--tablet-down, .\32 \/6--tablet-down, .\34 \/12--tablet-down, .\38 \/24--tablet-down {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--tablet-down, .\34 \/6--tablet-down, .\38 \/12--tablet-down, .\31 6\/24--tablet-down {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--tablet-down, .\32 \/8--tablet-down, .\33 \/12--tablet-down, .\34 \/16--tablet-down, .\36 \/24--tablet-down {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--tablet-down, .\36 \/8--tablet-down, .\39 \/12--tablet-down, .\31 2\/16--tablet-down, .\31 8\/24--tablet-down {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--tablet-down, .\32 \/10--tablet-down {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--tablet-down, .\34 \/10--tablet-down {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--tablet-down, .\36 \/10--tablet-down {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--tablet-down, .\38 \/10--tablet-down {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--tablet-down, .\32 \/12--tablet-down, .\34 \/24--tablet-down {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--tablet-down, .\31 0\/12--tablet-down, .\32 0\/24--tablet-down {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--tablet-down, .\32 \/16--tablet-down, .\33 \/24--tablet-down {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--tablet-down, .\36 \/16--tablet-down, .\39 \/24--tablet-down {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--tablet-down, .\31 0\/16--tablet-down, .\31 5\/24--tablet-down {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--tablet-down, .\31 4\/16--tablet-down, .\32 1\/24--tablet-down {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--tablet-down {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--tablet-down {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--tablet-down {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--tablet-down {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--tablet-down, .\32 \/24--tablet-down {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--tablet-down, .\31 0\/24--tablet-down {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--tablet-down, .\31 4\/24--tablet-down {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--tablet-down, .\32 2\/24--tablet-down {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--tablet-down {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--tablet-down {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--tablet-down {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--tablet-down {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--tablet-down {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--tablet-down {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--tablet-down {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--tablet-down {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--tablet-down {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--tablet-down {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--tablet-down {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--tablet-down {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--tablet-down {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--tablet-down {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--tablet-down {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--tablet-down {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
@media screen and (max-width: 575px) {
  .\31 \/1--mobile-down {
    flex-grow: 1;
    flex-basis: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/2--mobile-down, .\32 \/4--mobile-down, .\33 \/6--mobile-down, .\34 \/8--mobile-down, .\35 \/10--mobile-down, .\36 \/12--mobile-down, .\38 \/16--mobile-down, .\31 2\/24--mobile-down {
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/3--mobile-down, .\32 \/6--mobile-down, .\34 \/12--mobile-down, .\38 \/24--mobile-down {
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/3--mobile-down, .\34 \/6--mobile-down, .\38 \/12--mobile-down, .\31 6\/24--mobile-down {
    --m-grid-cell-max-width: 66.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/4--mobile-down, .\32 \/8--mobile-down, .\33 \/12--mobile-down, .\34 \/16--mobile-down, .\36 \/24--mobile-down {
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/4--mobile-down, .\36 \/8--mobile-down, .\39 \/12--mobile-down, .\31 2\/16--mobile-down, .\31 8\/24--mobile-down {
    --m-grid-cell-max-width: 75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/5--mobile-down, .\32 \/10--mobile-down {
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 \/5--mobile-down, .\34 \/10--mobile-down {
    --m-grid-cell-max-width: 40%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/5--mobile-down, .\36 \/10--mobile-down {
    --m-grid-cell-max-width: 60%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\34 \/5--mobile-down, .\38 \/10--mobile-down {
    --m-grid-cell-max-width: 80%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/6--mobile-down, .\32 \/12--mobile-down, .\34 \/24--mobile-down {
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/6--mobile-down, .\31 0\/12--mobile-down, .\32 0\/24--mobile-down {
    --m-grid-cell-max-width: 83.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/8--mobile-down, .\32 \/16--mobile-down, .\33 \/24--mobile-down {
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/8--mobile-down, .\36 \/16--mobile-down, .\39 \/24--mobile-down {
    --m-grid-cell-max-width: 37.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/8--mobile-down, .\31 0\/16--mobile-down, .\31 5\/24--mobile-down {
    --m-grid-cell-max-width: 62.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/8--mobile-down, .\31 4\/16--mobile-down, .\32 1\/24--mobile-down {
    --m-grid-cell-max-width: 87.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/10--mobile-down {
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/10--mobile-down {
    --m-grid-cell-max-width: 30%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/10--mobile-down {
    --m-grid-cell-max-width: 70%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/10--mobile-down {
    --m-grid-cell-max-width: 90%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/12--mobile-down, .\32 \/24--mobile-down {
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/12--mobile-down, .\31 0\/24--mobile-down {
    --m-grid-cell-max-width: 41.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/12--mobile-down, .\31 4\/24--mobile-down {
    --m-grid-cell-max-width: 58.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/12--mobile-down, .\32 2\/24--mobile-down {
    --m-grid-cell-max-width: 91.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/16--mobile-down {
    --m-grid-cell-max-width: 6.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\33 \/16--mobile-down {
    --m-grid-cell-max-width: 18.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/16--mobile-down {
    --m-grid-cell-max-width: 31.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/16--mobile-down {
    --m-grid-cell-max-width: 43.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\39 \/16--mobile-down {
    --m-grid-cell-max-width: 56.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/16--mobile-down {
    --m-grid-cell-max-width: 68.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/16--mobile-down {
    --m-grid-cell-max-width: 81.25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 5\/16--mobile-down {
    --m-grid-cell-max-width: 93.75%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 \/24--mobile-down {
    --m-grid-cell-max-width: 4.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\35 \/24--mobile-down {
    --m-grid-cell-max-width: 20.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\37 \/24--mobile-down {
    --m-grid-cell-max-width: 29.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 1\/24--mobile-down {
    --m-grid-cell-max-width: 45.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 3\/24--mobile-down {
    --m-grid-cell-max-width: 54.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 7\/24--mobile-down {
    --m-grid-cell-max-width: 70.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\31 9\/24--mobile-down {
    --m-grid-cell-max-width: 79.1666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
  .\32 3\/24--mobile-down {
    --m-grid-cell-max-width: 95.8333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}
.m-sticky-content {
  position: sticky;
  top: -1px;
}
.m-content-container--border-group-item .m-layout__inner-container {
  padding-top: 24px;
  margin-bottom: 0;
}
.m-content-container--border-group-item:not(.m-content-container--border-group-item--first) .m-layout__inner-container {
  border-top: 1px solid #D2D2D2;
}
.m-content-container--border-group-item:not(.m-content-container--border-group-item--last) .m-layout__inner-container {
  padding-bottom: 24px;
}

/**
* element with data-slot or data-list-slot attributes are for passing data from html to Svelte, show on the Target app
*/
[data-slot],
[data-list-slot],
[data-slot-list],
[data-slot-list-item] {
  display: none;
  visibility: hidden;
}

body[data-env=target] [data-target-exf-injected-wrapper] {
  position: relative;
  min-height: 36px;
  border: 3px solid aqua;
  background-color: rgb(198, 198, 198);
  border-radius: 4px;
}
body[data-env=target] [data-target-exf-injected-wrapper]::after {
  content: "Drop an experience fragment component";
  display: block;
  min-height: 36px;
  line-height: 36px;
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: grey;
}

body[data-env=target] [data-target-exf-injected-wrapper][data-target-exf-injected]::after {
  display: none;
}

[data-target-exf-injected-wrapper] [data-target-exf-injected-wrapper] {
  display: none;
  visibility: hidden;
}

.m-icon-color-transition {
  position: relative;
}
.m-icon-color-transition {
  transition: all 400ms ease-in-out;
}
.m-icon-color-transition__shadow {
  position: relative;
  opacity: 0;
}
.m-icon-color-transition__in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.m-icon-color-transition--in .m-icon-color-transition__in {
  opacity: 1;
}
.m-icon-color-transition--out .m-icon-color-transition__in {
  opacity: 0;
}
.m-icon-color-transition__out {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.m-icon-color-transition--in .m-icon-color-transition__out {
  opacity: 0;
}
.m-icon-color-transition--out .m-icon-color-transition__out {
  opacity: 1;
}

symbol {
  --fill-colour: inherit;
  fill: var(--fill-colour);
}

.m-svg-icon--demo {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 8px;
  padding: 0 24px;
  align-items: center;
}

.leftChevronHovered {
  position: relative;
  left: 0;
  transition: left 0.2s;
}

.rightChevronHovered {
  position: relative;
  right: 0;
  transition: right 0.2s;
}

a:hover .leftChevronHovered, a:focus .leftChevronHovered {
  left: -5px;
}
a:hover .rightChevronHovered, a:focus .rightChevronHovered {
  right: -5px;
}

.m-hidden {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 576px) {
  .m-hidden--mobile-up {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) {
  .m-hidden--tablet-up {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 992px) {
  .m-hidden--sm-desk-up {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .m-hidden--lg-desk-up {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 1199px) {
  .m-hidden--lg-desk-down {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 991px) {
  .m-hidden--sm-desk-down {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .m-hidden--tablet-down {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 575px) {
  .m-hidden--mobile-down {
    display: none;
    visibility: hidden;
  }
}
.m-hidden--opacity-0 {
  opacity: 0;
}

.m-link {
  --link-font-size: 'inherit';
  color: #C63A1E;
  text-decoration: none;
  font-size: var(--link-font-size);
  font-weight: 500;
}
.m-link:focus, .m-link:hover {
  color: #C63A1E;
  cursor: pointer;
  text-decoration: none;
}
.m-link--block, .m-link[data-type=block] {
  display: block;
}
.m-link--inline-block, .m-link[data-type=inline-block] {
  display: inline-block;
}
.m-link--standalone {
  margin-bottom: 24px;
}
.m-link--no-underline, .m-link[data-type=no-underline] {
  text-decoration: none;
}
.m-link--no-underline .m-link__content, .m-link[data-type=no-underline] .m-link__content {
  text-decoration: none !important;
}
.m-link--no-underline:hover, .m-link--no-underline:focus, .m-link[data-type=no-underline]:hover, .m-link[data-type=no-underline]:focus {
  text-decoration: none;
}
.m-link--button-style {
  border: none;
  padding: 0;
}
.m-link__content {
  text-decoration: underline;
}
.edit-profile {
  font-size: 17px;
  line-height: 24px;
}

.m-link--block {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.m-link--no-underline, .m-link[data-type=no-underline] {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.m-link__icon-right {
  position: relative;
  transition: right 0.2s;
  margin-left: 6px;
  right: 0;
}
.m-link:focus:not(.m-link--no-movement) .m-link__icon-right, .m-link:hover:not(.m-link--no-movement) .m-link__icon-right {
  right: -5px;
}

.m-link--default {
  display: flex;
  align-items: center;
}
.m-link--default span {
  text-decoration: none;
}
.m-link--default--block {
  display: block;
}
.m-link--exhibition--block {
  display: block;
}
.m-link--exhibition--link {
  display: flex;
  align-items: center;
  color: #E64626;
  margin-top: 8px;
  font-weight: 400;
}
.m-link--exhibition--link span {
  text-decoration: none;
}

.m-spinner {
  opacity: 1;
  height: 20px;
}
.m-spinner--hide {
  transition: 200ms;
  opacity: 0;
}
.m-spinner__child {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.m-spinner__child::before, .m-spinner__child::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #E64626;
  content: "";
}
.m-spinner__child::after {
  animation: left-to-right 3200ms infinite;
  animation-fill-mode: forwards; /* this prevents the animation from restarting! */
}
@keyframes left-to-right {
  20% {
    opacity: 1;
  }
  0%, 50%, 100% {
    opacity: 0;
  }
}
.m-spinner__child--1::after {
  animation-delay: 200ms;
}
.m-spinner__child--2::after {
  animation-delay: 400ms;
}
.m-spinner__child--3::after {
  animation-delay: 600ms;
}
.m-spinner__child--4::after {
  animation-delay: 800ms;
}
.m-spinner__child--5::after {
  animation-delay: 1000ms;
}
.m-spinner__child--6::after {
  animation-delay: 1200ms;
}
.m-spinner__child::before {
  animation: right-to-left 3200ms infinite;
  animation-fill-mode: forwards; /* this prevents the animation from restarting! */
  opacity: 0;
}
@keyframes right-to-left {
  0%, 60%, 100% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
}
.m-spinner__child--1::before {
  animation-delay: 1000ms;
}
.m-spinner__child--2::before {
  animation-delay: 800ms;
}
.m-spinner__child--3::before {
  animation-delay: 600ms;
}
.m-spinner__child--4::before {
  animation-delay: 400ms;
}
.m-spinner__child--5::before {
  animation-delay: 200ms;
}
.m-spinner__child--6::before {
  animation-delay: 0ms;
}

.m-clickable-icon {
  display: block;
  text-decoration: none;
}
.m-clickable-icon__icon {
  pointer-events: none;
}
.m-clickable-icon__text {
  pointer-events: none;
}

.m-clickable-icon--search-p1 {
  display: flex;
  align-items: center;
  border: 1px solid #C63A1E;
  background-color: #C63A1E;
  padding: 22px;
  transition: all 400ms ease-in-out;
  max-height: var(--global-nav-header-button-height);
  cursor: pointer;
}
.m-clickable-icon--search-p1--over {
  background-color: #FFFFFF;
  color: #C63A1E;
}
.m-clickable-icon--search-p1--out {
  background-color: #C63A1E;
}

.m-clickable-icon--hamburger-p1 {
  display: flex;
  align-items: center;
  background-color: #141414;
  border: 1px solid #C63A1E;
  padding: 22px;
  transition: all 400ms ease-in-out;
  max-height: var(--global-nav-header-button-height);
}
.m-clickable-icon--hamburger-p1--over {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #141414;
}
.m-clickable-icon--hamburger-p1--out {
  border-color: #141414;
  background-color: #141414;
}

.m-picture {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: auto;
}
.m-picture--loaded {
  opacity: 1;
  transition: opacity 200ms;
}
.m-picture--bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.m-picture--ratio-7-8 {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 114.2857142857%;
  padding-top: 0;
}
.m-picture--ratio-7-8 img {
  position: absolute;
}
.m-picture--ratio-16-5 {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 31.25%;
  padding-top: 0;
}
.m-picture--ratio-16-5 img {
  position: absolute;
}
.m-picture--ratio-16-7 {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 43.75%;
  padding-top: 0;
}
.m-picture--ratio-16-7 img {
  position: absolute;
}
.m-picture--ratio-4-3 {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  padding-top: 0;
}
.m-picture--ratio-4-3 img {
  position: absolute;
}
.m-picture--ratio-2-1 {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  padding-top: 0;
}
.m-picture--ratio-2-1 img {
  position: absolute;
}
.m-picture--ratio-3-2 {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 66.6666666667%;
  padding-top: 0;
}
.m-picture--ratio-3-2 img {
  position: absolute;
}
.m-picture--square {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  padding-top: 0;
}
.m-picture--square img {
  position: absolute;
}
.m-picture--circle {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  padding-top: 0;
}
.m-picture--circle img {
  position: absolute;
  border-radius: 50%;
}
.m-picture--ratio-w-max-h-auto {
  width: 100%;
  height: auto;
}
.m-picture--ratio-w-auto-h-248 {
  width: 100%;
  height: 248px;
}
.m-picture--ratio-w-auto-h-max {
  width: auto;
  height: 248px;
}
.m-picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.m-breadcrumb {
  margin-bottom: 32px;
  font-family: "Apercu Mono", Courier, monospace;
}
.m-breadcrumb__highlight {
  color: #E64626;
  text-decoration: underline;
}
.m-breadcrumb__link, .m-breadcrumb__text {
  font-size: 14px;
  line-height: 16px;
}

.m-header-desktop-main {
  display: flex;
}

.m-header-mobile {
  background-color: #FFFFFF;
  --side-menu-padding-top: 58px;
  --side-padding: 8px;
}
.m-header-mobile__content-container {
  position: relative;
  z-index: 3900;
  display: flex;
  padding-top: var(--side-padding);
  padding-bottom: var(--side-padding);
  align-items: center;
  justify-content: space-between;
}
.m-header-mobile__side-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3200;
  padding-top: var(--side-menu-padding-top);
  width: 90%;
  min-width: 250px;
  max-width: 350px;
}
.m-header-mobile__side-menu-main {
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-right: 10px;
  color: #141414;
}
.m-header-mobile__side-menu-main-item {
  padding: 15px 9px;
  border-bottom: 1px solid rgb(173, 173, 173);
}
.m-header-mobile__side-menu-main-item:last-child {
  border: none;
}
.m-header-mobile__side-menu-link-text {
  font-weight: 700;
  font-size: inherit;
}
.m-header-mobile__side-menu-main-item-link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  color: #141414;
  text-decoration: none;
  font-size: 14px;
}
.m-header-mobile__side-menu-main-item-link:focus .m-header-mobile__side-menu-link-text, .m-header-mobile__side-menu-main-item-link:hover .m-header-mobile__side-menu-link-text {
  color: #141414;
  text-decoration: underline;
}
.m-header-mobile__side-menu-usyd {
  color: #141414;
  background-color: #D2D2D2;
  padding-left: 10px;
  padding-right: 10px;
}
.m-header-mobile__side-menu-usyd-item {
  padding: 11px 12px 11px 9px;
  background-color: #d8dbdd;
  border-bottom: 1px solid rgb(173, 173, 173);
}
.m-header-mobile__side-menu-usyd-item:last-child {
  border: none;
}
.m-header-mobile__side-menu-usyd-item-link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  color: #141414;
  font-weight: 700;
  text-decoration: none;
}
.m-header-mobile__side-menu-usyd-item-link .m-header-mobile__side-menu-link-text {
  text-decoration: underline;
}
.m-header-mobile__side-menu-usyd-item-link:focus .m-header-mobile__side-menu-link-text, .m-header-mobile__side-menu-usyd-item-link:hover .m-header-mobile__side-menu-link-text {
  color: #141414;
  text-decoration: underline;
}
.m-header-mobile__overlay {
  position: fixed;
  background-color: #141414;
  z-index: 3100;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.m-header-mobile--logo-only {
  justify-content: center;
}

.m-text-image-cta__content {
  margin-top: 24px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .m-text-image-cta__content {
    margin-top: 40px;
  }
}
.m-text-image-cta__image-wrapper {
  visibility: hidden;
}
@media (min-width: 992px) {
  .m-text-image-cta__image-wrapper {
    visibility: visible;
    position: relative;
  }
}
.m-text-image-cta__image {
  height: 216px;
}
@media (min-width: 768px) {
  .m-text-image-cta__image {
    height: 260px;
  }
}
@media (min-width: 992px) {
  .m-text-image-cta__image {
    visibility: hidden;
    display: none;
  }
}
.m-text-image-cta__image-desktop {
  visibility: hidden;
  display: none;
}
@media (min-width: 992px) {
  .m-text-image-cta__image-desktop {
    visibility: visible;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -11vw;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .m-text-image-cta__image-desktop {
    left: -30.5vw;
  }
}
.m-text-image-cta__location-date {
  display: flex;
  text-transform: uppercase;
  margin-top: -16px;
  margin-bottom: 24px;
}
.m-text-image-cta__description {
  margin-bottom: 24px;
}
.m-text-image-cta__date, .m-text-image-cta__location, .m-text-image-cta__location-text-separator {
  color: #E64626;
  font-weight: 700;
}
.m-text-image-cta__button {
  width: -moz-fit-content;
  width: fit-content;
}
.m-text-image-cta__location-text-separator {
  margin: 0 3px;
}

.m-footer {
  background-color: #E64626;
  padding: 24px 16px;
}

.m-grid.m-footer-top {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .m-grid.m-footer-top {
    flex-direction: row;
    margin-bottom: 16px;
  }
}
.m-grid.m-footer-top .m-footer-top-text {
  color: #141414;
  font-family: "Antwerp", Georgia, serif;
  font-size: 24px;
  font-style: italic;
  line-height: 30px;
  margin: 40px auto;
  max-width: 70%;
}
@media (min-width: 768px) {
  .m-grid.m-footer-top .m-footer-top-text {
    font-weight: 500;
    margin: 0;
    max-width: none;
  }
}

.m-grid.m-footer-logos {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1294117647);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .m-grid.m-footer-logos .m-grid__cell:nth-child(2) {
    margin: 0 49px;
  }
}
@media (min-width: 1200px) {
  .m-grid.m-footer-logos .m-grid__cell:nth-child(2) {
    margin: 0 64px;
  }
}

@media (min-width: 768px) {
  .m-footer-bottom .m-left-tablet-up {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media (min-width: 768px) {
  .m-footer-bottom .m-right-tablet-up {
    flex-basis: 30%;
    max-width: 30%;
  }
}

@media (min-width: 768px) {
  .m-footer-bottom-list li {
    display: inline;
  }
}
.m-footer-bottom-list li a {
  color: #141414;
  font-family: "Apercu Mono", Courier, monospace;
  font-size: 12px;
  letter-spacing: 0.01px;
  line-height: 18.2px;
  text-decoration: none;
}
.m-footer-bottom-list li a :hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .m-footer-bottom-list li:not(:last-child) {
    padding-right: 34px;
  }
}
@media (min-width: 1200px) {
  .m-footer-bottom-list li:not(:last-child) {
    padding-right: 42px;
  }
}

.m-footer-bottom-right {
  display: flex;
  flex-flow: row-reverse;
}
.m-footer-bottom-right .m-grid__cell {
  color: #141414;
  font-family: "Apercu Mono", Courier, monospace;
  font-size: 10px;
  line-height: 14px;
}

.m-accordion--atar__slide {
  position: relative;
  border-bottom: 1px solid #141414;
  padding: 0;
  color: #000000;
  line-height: 34px;
  justify-content: space-between;
  border-top: 0;
}
.m-accordion--atar__slide-btn {
  display: flex;
  justify-content: space-between;
  background-color: inherit;
  padding: 16px 0;
  z-index: 0;
}
.m-accordion--atar__slide-optional {
  width: 70%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #141414;
  padding: 20px 0;
  color: #000000;
  font-weight: 700;
  line-height: 20px;
}
.m-accordion--atar__slide-optional span:last-child {
  text-align: right;
}
@media (max-width: 767px) {
  .m-accordion--atar__slide-optional {
    width: 100%;
  }
}
.m-accordion--atar__slide-list {
  width: 70%;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #141414;
  padding: 5px 0;
  font-weight: 400 !important;
}
.m-accordion--atar__slide-list:last-child {
  border-bottom: 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .m-accordion--atar__slide-list {
    width: 100%;
  }
}
.m-accordion--atar__slide-btn-content {
  width: auto;
}
.m-accordion--atar__slide-btn-icon {
  align-self: center;
  color: #E64626;
  font-size: 16px;
}
.m-accordion--atar__slide-content {
  padding-right: 0;
}
.m-accordion--atar--tooltip {
  margin-left: 2px;
}

.m-accordion--ds {
  border-bottom: 1px solid #D2D2D2;
}
.m-accordion--ds__slide {
  position: relative;
  border-top: 1px solid #D2D2D2;
  padding: 0 16px;
}
.m-page-course .m-accordion--ds__slide {
  padding-left: 0;
}
.m-accordion--ds__slide-btn {
  padding-top: 16px;
  padding-bottom: 16px;
}
.m-accordion--ds__slide-btn-content {
  width: 100%;
  padding-right: 16px;
}
.m-accordion--ds__slide-btn-icon {
  align-self: center;
  color: #E64626;
  font-size: 16px;
}
.m-accordion--ds__slide-content {
  padding-right: 32px;
  padding-bottom: 24px;
}

.m-accordion--classic {
  border-top: 1px solid #D2D2D2;
}
.m-accordion--classic--no-border-top {
  border-top: none;
}
.m-accordion--classic__slide {
  padding: 0 16px 0 0;
  border-bottom: 1px solid #D2D2D2;
}
.m-accordion--classic__slide-content {
  padding: 24px 0;
}
.m-accordion--classic__slide-btn {
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.m-accordion--classic__slide-btn-content {
  width: 100%;
  padding-right: 16px;
}

.m-accordion--no-margin-bottom {
  margin-bottom: 0;
}
.m-accordion__slide {
  position: relative;
}
.m-accordion__slide-btn {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background-color: #FFFFFF;
  color: #141414;
  text-decoration: none;
  z-index: 2;
}
.m-accordion__slide-btn:hover, .m-accordion__slide-btn:focus {
  color: #141414;
  text-decoration: none;
}
.m-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: all 400ms;
  cursor: pointer;
}
.m-button--anchor {
  text-decoration: none;
}
.m-button--anchor:hover, .m-button--anchor:focus {
  text-decoration: none !important;
}
.m-button--button {
  border: none;
}
.m-button--full-width {
  width: 100%;
}
.m-button[data-style=primary], .m-button--primary {
  background-color: #E64626;
  color: #FFFFFF;
}
.m-button[data-style=primary]:focus, .m-button[data-style=primary]:hover, .m-button--primary:focus, .m-button--primary:hover {
  background-color: #E64626;
}
.m-button[data-style=primary].m-button--disable:focus, .m-button[data-style=primary].m-button--disable:hover, .m-button--primary.m-button--disable:focus, .m-button--primary.m-button--disable:hover {
  background-color: #E64626;
}
.m-button[data-style=secondary], .m-button--secondary {
  background-color: #F7F7F7;
  color: #141414;
}
.m-button[data-style=secondary]:focus, .m-button[data-style=secondary]:hover, .m-button--secondary:focus, .m-button--secondary:hover {
  background-color: #D2D2D2;
  color: #141414;
}
.m-button[data-style=secondary].m-button--disable:focus, .m-button[data-style=secondary].m-button--disable:hover, .m-button--secondary.m-button--disable:focus, .m-button--secondary.m-button--disable:hover {
  background-color: #F7F7F7;
  color: #141414;
}
.m-button[data-style=tertiary], .m-button--tertiary {
  position: relative;
  background-color: transparent;
  color: #E64626;
  padding: 10px 4px;
  border-radius: 4px;
}
.m-button[data-style=tertiary]:focus, .m-button[data-style=tertiary]:hover, .m-button--tertiary:focus, .m-button--tertiary:hover {
  background-color: #FDEDEA;
  color: #E64626;
}
.m-button[data-style=tertiary]:after, .m-button--tertiary:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  height: 1px;
  background-color: #E64626;
}
.m-button[data-style=tertiary] svg, .m-button--tertiary svg {
  --fill-colour: transparent !important;
}
.m-button[data-style=tertiary].m-button--disable:focus, .m-button[data-style=tertiary].m-button--disable:hover, .m-button--tertiary.m-button--disable:focus, .m-button--tertiary.m-button--disable:hover {
  background-color: #F7F7F7;
  color: #141414;
}
.m-button[data-style=warning-primary], .m-button--warning-primary {
  background-color: #141414;
  color: #FFE090;
  font-weight: normal;
}
.m-button[data-style=warning-primary].m-button--disable:focus, .m-button[data-style=warning-primary].m-button--disable:hover, .m-button--warning-primary.m-button--disable:focus, .m-button--warning-primary.m-button--disable:hover {
  background-color: #141414;
  color: #FFE090;
}
.m-button[data-style=warning-secondary], .m-button--warning-secondary {
  background-color: #FFE090;
  border: 1px solid #141414;
  padding: 15px 31px;
  color: #141414;
  font-weight: normal;
}
.m-button[data-style=warning-secondary].m-button--disable:focus, .m-button[data-style=warning-secondary].m-button--disable:hover, .m-button--warning-secondary.m-button--disable:focus, .m-button--warning-secondary.m-button--disable:hover {
  background-color: #FFE090;
  border: 1px solid #141414;
  color: #141414;
}
.m-button[data-style=red-border], .m-button--red-border {
  box-sizing: border-box;
  border: 2px solid #E64626;
  background-color: #FFFFFF;
  color: #141414;
  padding: 14px 30px;
  font-weight: bold;
}
.m-button[data-style=red-border].m-button--disable, .m-button--red-border.m-button--disable {
  border-color: #666;
  background-color: #ccc;
  color: #666;
}
.m-button[data-style=red-border].m-button--disable:focus, .m-button[data-style=red-border].m-button--disable:hover, .m-button--red-border.m-button--disable:focus, .m-button--red-border.m-button--disable:hover {
  opacity: 1;
  border-color: #666;
  background-color: #ccc;
  color: #666;
}
.m-button[data-style=red-border].m-button--deactivated, .m-button--red-border.m-button--deactivated {
  border: 1px solid #D2D2D2;
  padding: 15px 31px;
  background-color: #FFFFFF;
}
.m-button[data-style=red-border].m-button--deactivated:focus, .m-button[data-style=red-border].m-button--deactivated:hover, .m-button--red-border.m-button--deactivated:focus, .m-button--red-border.m-button--deactivated:hover {
  opacity: 1;
  background-color: #FFFFFF;
}
.m-button[data-style=bg-black], .m-button--bg-black {
  background-color: #141414;
  color: #FFFFFF;
  font-weight: 300;
}
.m-button--disable {
  cursor: not-allowed;
  opacity: 60%;
}
.m-button__content {
  text-decoration: none;
  line-height: 1;
}
.m-button__icon-left {
  margin-right: 8px;
}
.m-button__icon-right {
  margin-left: 8px;
}
.m-button__desc-container {
  text-align: left;
  margin-right: 16px;
}
.m-button__desc-container-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.m-button__desc-container-desc {
  padding-top: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

.m-button[data-style=primary], .m-button--primary {
  background-color: #E64626;
}
.m-button[data-style=primary]:focus, .m-button[data-style=primary]:hover, .m-button--primary:focus, .m-button--primary:hover {
  background-color: #E64626;
}
.m-button[data-style=transparent], .m-button--transparent {
  background: none;
  border: solid 2px #FFFFFF;
  color: #FFFFFF;
}
.m-button[data-style=transparent]:focus, .m-button[data-style=transparent]:hover, .m-button--transparent:focus, .m-button--transparent:hover {
  background-color: #FFFFFF;
  color: #40645C;
}
.m-button[data-style=white], .m-button--white {
  background: #FFFFFF;
  border: solid 2px #FFFFFF;
  color: #40645C;
}
.m-button[data-style=white]:focus, .m-button[data-style=white]:hover, .m-button--white:focus, .m-button--white:hover {
  background: none;
  color: #FFFFFF;
}
.m-button[data-style=inline], .m-button--inline {
  background: none;
  border: 0;
  color: #FFFFFF;
}
.m-button[data-style=inline]:focus, .m-button[data-style=inline]:hover, .m-button--inline:focus, .m-button--inline:hover {
  background: none;
  text-decoration: underline;
}
.m-button[data-style=inline-black], .m-button--inline {
  background: none;
  border: 0;
  color: #141414;
}
.m-button[data-style=inline-black]:focus, .m-button[data-style=inline-black]:hover, .m-button--inline:focus, .m-button--inline:hover {
  background: none;
  text-decoration: underline;
}
.m-button[data-style=red-border], .m-button--red-border {
  color: #C63A1E;
  border-color: #C63A1E;
}
.m-button[data-style=red-border]:focus, .m-button[data-style=red-border]:hover, .m-button--red-border:focus, .m-button--red-border:hover {
  color: #AF2B11;
  border-color: #AF2B11;
}

.m-info-marco {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-bottom: 24px;
  border: 1px solid #D2D2D2;
  padding: 16px;
}
.m-info-marco__icon {
  margin-top: 3px;
  margin-right: 16px;
  width: 16px;
}
.m-info-marco__content {
  margin-bottom: 0;
}

.m-dropdown {
  position: relative;
  border: 1px solid #d8dbdd;
  background: #FFFFFF;
  margin-bottom: 24px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  width: 100%;
  text-align: left;
}
.m-dropdown__toggle-button {
  display: flex;
  gap: 16px;
  border: none;
  padding: 16px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.m-dropdown__toggle-button-text {
  white-space: nowrap;
}
.m-dropdown__panel {
  border-left: 1px solid #d8dbdd;
  border-right: 1px solid #d8dbdd;
  position: absolute;
  left: 0;
  z-index: 500;
  background-color: #FFFFFF;
  width: 100%;
}
.m-dropdown__panel--limit-height {
  max-height: 210px;
  overflow-y: auto;
}
.m-dropdown__panel--limit-height-2x {
  max-height: 420px;
  overflow-y: auto;
}
.m-dropdown__panel--limit-height-3x {
  max-height: 630px;
  overflow-y: auto;
}
.m-dropdown__option {
  border: none;
  border-bottom: 1px solid #d8dbdd;
  background-color: #FFFFFF;
  padding: 13px 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all 400ms;
}
.m-dropdown__option:first-child {
  border-top: 1px solid #d8dbdd;
}
.m-dropdown__option:hover, .m-dropdown__option:focus {
  background-color: #F7F7F7;
  color: #141414;
}
.m-dropdown__option--hidden {
  display: none;
}

.m-dropdown__toggle-button[disabled] {
  cursor: not-allowed;
}

.m-dropdown--mql__toggle-button {
  background: #FFFFFF;
  border: none;
}
.m-dropdown--mql__toggle-button:hover, .m-dropdown--mql__toggle-button:focus {
  background-color: #F7F7F7;
}
.m-dropdown--mql__option:hover, .m-dropdown--mql__option:focus {
  background-color: #E64626;
  color: #FFFFFF;
}

.m-dropdown--lang {
  background-color: #FFFFFF;
  border: none;
  margin-bottom: 0;
}
.m-dropdown--lang__panel {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1490196078);
  border: none;
  width: 201px;
  border-radius: 4px 4px 4px 4px;
  left: -70px;
}
.m-dropdown--lang__toggle-button {
  background-color: #FFFFFF;
  color: #C63A1E;
  padding-right: 32px;
  gap: 8px;
  border: none;
}
.m-dropdown--lang__toggle-button:hover, .m-dropdown--lang__toggle-button:focus {
  border: none;
}
.m-dropdown--lang__option {
  border: none;
}
.m-dropdown--lang__option:hover, .m-dropdown--lang__option:focus {
  border: none;
  background-color: #E64626;
  color: #FFFFFF;
}
.m-dropdown--lang__option:first-child {
  border-radius: 4px 0px 0px 0px;
}
.m-dropdown--lang__option:last-child {
  border-radius: 0px 0px 4px 4px;
}

.m-dropdown--lang-footer {
  background-color: transparent;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  border: none;
  margin-bottom: 0;
}
.m-dropdown--lang-footer__panel {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1490196078);
  border: none;
  width: 201px;
  border-radius: 4px 4px 4px 4px;
}
.m-dropdown--lang-footer__toggle-button {
  background-color: transparent;
  color: #FFFFFF;
  padding-right: 32px;
  padding-left: 0;
  gap: 8px;
  border: none;
}
.m-dropdown--lang-footer__toggle-button:hover, .m-dropdown--lang-footer__toggle-button:focus {
  border: none;
}
.m-dropdown--lang-footer__option {
  border: none;
  color: #141414;
}
.m-dropdown--lang-footer__option:hover, .m-dropdown--lang-footer__option:focus {
  border: none;
  background-color: #E64626;
  color: #FFFFFF;
}
.m-dropdown--lang-footer__option:first-child {
  border-radius: 4px 0px 0px 0px;
}
.m-dropdown--lang-footer__option:last-child {
  border-radius: 0px 0px 4px 4px;
}

.m-dropdown--lang-mobile {
  background-color: #FFFFFF;
  border: none;
  margin-bottom: 0;
  margin-top: 42px;
}
.m-dropdown--lang-mobile__panel {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border: none;
  width: 201px;
  height: 80px;
  border-radius: 4px 0px 0px 0px;
  margin-left: 20px;
}
.m-dropdown--lang-mobile__toggle-button {
  background-color: #FFFFFF;
  color: #C63A1E;
  padding-right: 32px;
  gap: 8px;
  border: none !important;
  padding-left: 16px;
}
.m-dropdown--lang-mobile__toggle-button:hover, .m-dropdown--lang-mobile__toggle-button:focus {
  border: none;
}
.m-dropdown--lang-mobile__option {
  border: none;
}
.m-dropdown--lang-mobile__option:first-child {
  border-top: none;
}
.m-dropdown--lang-mobile__option:hover, .m-dropdown--lang-mobile__option:focus {
  border: none !important;
  background-color: #E64626;
  color: #FFFFFF;
}

.m-dropdown--formstack {
  margin-bottom: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  width: 100%;
}
.m-dropdown--formstack__toggle-button {
  outline: none;
  flex-direction: row-reverse;
  align-items: center;
  padding: var(--xs-space) var(--sm-space);
  background: none;
  border-radius: var(--border-radius);
  border: 1px solid #D2D2D2;
  background-color: #FFFFFF;
  color: #141414;
}
.m-dropdown-formstack-container--invalid .m-dropdown--formstack__toggle-button {
  border-color: #AF2B11 !important;
}
.m-dropdown--formstack__toggle-button:hover {
  border-color: #717171;
}
.m-dropdown--formstack__toggle-button:focus {
  border-color: #717171;
  box-shadow: 0px 0px 0px 4px rgba(34, 34, 34, 0.5);
}
.m-dropdown--formstack__toggle-button:active {
  border-color: #717171;
  color: #141414;
}
.m-dropdown--invalid .m-dropdown--formstack__toggle-button {
  border-color: #AF2B11;
}
.m-dropdown--formstack--active .m-dropdown--formstack__toggle-button {
  border-color: #717171;
}
.m-dropdown--formstack--active .m-dropdown--formstack__toggle-button svg {
  transform: rotate(180deg);
}
.m-dropdown--formstack__toggle-button-text {
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  width: 100%;
  min-height: 28px;
}
.m-dropdown--formstack--active .m-dropdown--formstack__toggle-button-text {
  color: #141414;
}
.m-dropdown--formstack__option {
  display: flex;
  border: none;
  padding: var(--sm-space);
  align-items: flex-start;
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  color: #141414;
}
.m-dropdown--formstack__option:hover, .m-dropdown--formstack__option:focus {
  background-color: #F7F7F7;
}
.m-dropdown--formstack__option--selected {
  position: relative;
}
.m-dropdown--formstack__option--selected::after {
  position: absolute;
  top: 20px;
  right: var(--sm-space);
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 16 16%22 fill=%22none%22%3E %3Cpath d=%22M5.33369 14.191L0 8.8573L1.5236 7.33369L5.46084 11.2666L5.33369 11.1427L14.4764 2L16 3.5236L6.8573 12.6674L5.33477 14.1899L5.33369 14.191Z%22 fill=%22%23E64626%22/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.m-dropdown--formstack__panel {
  border: 1px solid #F2F2F8;
  background: #FFFFFF;
  box-shadow: 0px 8px 12px 0px rgba(34, 56, 68, 0.06);
  padding: var(--xxs-space) 0;
}
.m-dropdown--formstack__option:first-child {
  border-top: 0;
}

.m-dropdown--formstack__toggle-button[disabled] {
  background-color: #F7F7F7;
}

.m-strapline {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .m-strapline {
    margin-bottom: 24px;
  }
}

.m-pagination--ds {
  --pagination-size: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 48px;
}
.m-pagination--ds__item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  font-family: var(--usyd-font-primary);
  font-size: 17px;
  font-style: normal;
  line-height: 28px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .m-pagination--ds__item {
    font-size: 18px;
  }
}
.m-pagination--ds__item {
  width: var(--pagination-size);
  height: var(--pagination-size);
  flex: 0 0 auto;
  padding: 0;
  background-color: #FFFFFF;
  color: #141414;
  border-radius: 4px;
  border: 1px solid #D2D2D2;
  margin: 0;
  transition: all 0.3s;
}
.m-pagination--ds__item span {
  font-family: var(--usyd-font-primary);
  font-size: 17px;
  font-style: normal;
  line-height: 28px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .m-pagination--ds__item span {
    font-size: 18px;
  }
}
.m-pagination--ds__item span {
  display: flex;
}
.m-pagination--ds__item:last-child {
  margin: 0;
}
.m-pagination--ds__item--dots {
  border: none;
  background-color: transparent;
  color: #C63A1E;
  flex-shrink: 0;
}
.m-pagination--ds__item--dots--clickable:hover, .m-pagination--ds__item--dots--clickable:focus {
  background-color: #FDEDEA;
  color: #C63A1E;
  border-color: #C63A1E;
  text-decoration: none;
}
.m-pagination--ds__item--active {
  font-family: var(--usyd-font-primary);
  font-size: 17px;
  font-style: normal;
  line-height: 28px;
  font-weight: 300;
}
@media (min-width: 992px) {
  .m-pagination--ds__item--active {
    font-size: 18px;
  }
}
.m-pagination--ds__item--active {
  color: #FFFFFF;
  border: 1px solid #C63A1E;
  background: #C63A1E;
  flex-shrink: 0;
}
.m-pagination--ds__item--disabled {
  background-color: #FFFFFF;
  cursor: not-allowed;
  color: #666;
  border: 1px solid #D2D2D2;
}
.m-pagination--ds__item--previous, .m-pagination--ds__item--next {
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  text-decoration: none;
}
.m-pagination--ds__item--previous:hover, .m-pagination--ds__item--previous:focus, .m-pagination--ds__item--next:hover, .m-pagination--ds__item--next:focus {
  background-color: #FDEDEA;
  color: #C63A1E;
  border-color: #C63A1E;
  text-decoration: none;
}
.m-pagination--ds__item[data-style=primary], .m-pagination--ds__item[data-style=primary]:focus {
  background-color: #FFFFFF;
  color: #141414;
}
.m-pagination--ds__item[data-style=primary]:hover {
  background-color: #FDEDEA;
  color: #C63A1E;
  border-color: #C63A1E;
  text-decoration: none;
}
.m-pagination--ds__item:not(.m-pagination--ds__item--dots):hover, .m-pagination--ds__item:not(.m-pagination--ds__item--dots):focus {
  background-color: #FDEDEA;
  color: #C63A1E;
  border-color: #C63A1E;
  text-decoration: none;
}

.m-tile {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: #F7F7F7;
  padding: 16px;
  text-decoration: none;
  color: #141414;
}
.m-tile:hover, .m-tile:focus {
  text-decoration: none;
}

.m-tab__tab-wrapper {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-top: 1px solid #D2D2D2;
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  width: 100%;
  gap: 4px;
}
.m-tab__tab-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.m-tab__tab {
  background-color: #F7F7F7;
  margin: 0;
  border: none;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  cursor: pointer;
  transition: 400ms;
}
.m-tab__tab--selected {
  position: relative;
  background-color: #FFFFFF;
}
.m-tab__tab--selected::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 2px solid #E64626;
  content: "";
}
@media (min-width: 768px) {
  .m-tab__tab {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }
}
.m-subject-areas-tab .m-tab__tab {
  font-weight: bold;
}
.m-tab__content-wrapper {
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  padding: 24px;
}
.m-subject-areas-tab .m-tab__content-wrapper {
  padding-left: 8px;
  padding-right: 16px;
  padding-bottom: 0;
}

.m-tool-tip--ds__content {
  white-space: normal; /* Allows text to wrap */
  word-wrap: break-word; /* Ensures long words break */
  overflow-wrap: break-word;
}
.m-tool-tip--right .m-tool-tip--ds__content {
  right: -8px;
  left: unset;
}
@media (min-width: 768px) {
  .m-tool-tip--right .m-tool-tip--ds__content {
    right: -25px;
  }
}
.m-tool-tip--left .m-tool-tip--ds__content {
  left: -16px;
  right: unset;
}
@media (min-width: 768px) {
  .m-tool-tip--left .m-tool-tip--ds__content {
    left: -25px;
  }
}
@media (max-width: 575px) {
  .m-tool-tip--ds__content {
    width: 33vw;
  }
}
@media (min-width: 768px) {
  .m-tool-tip--ds__content {
    width: 17.5em;
  }
}

.m-rich-content {
  color: #141414;
}
.m-rich-content > :last-child {
  margin-bottom: 0;
}
.m-rich-content a {
  color: #C63A1E;
}
.m-rich-content a:hover, .m-rich-content a:focus {
  color: #C63A1E;
}
.m-rich-content p {
  margin-bottom: 16px;
}
.m-rich-content ol {
  list-style: decimal;
}
.m-rich-content ol {
  padding-left: 20px;
}
.m-rich-content ol li {
  margin-bottom: 8px;
  padding-left: 10px;
}
.m-rich-content ol li::marker {
  color: #E64626;
}
.m-rich-content ol li ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.m-rich-content ol li ul li::marker {
  content: "–";
  width: 20px;
}
.m-rich-content ol li ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-rich-content ol li ol li {
  padding-left: 5px;
}
.m-rich-content ul {
  padding-left: 12px;
  margin-bottom: 16px;
  list-style: outside;
}
.m-rich-content ul li {
  margin-bottom: 8px;
  padding-left: 15px;
}
.m-rich-content ul li::marker {
  display: block;
  content: "—";
  width: 25px;
  color: #E64626;
}
.m-rich-content ul li ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.m-rich-content ul li ul li::marker {
  content: "–";
  width: 20px;
}
.m-rich-content ul li ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  list-style-type: decimal;
}
.m-rich-content ul li ol li {
  padding-left: 10px;
}
.m-rich-content ul li ol li::marker {
  all: inherit;
  color: #E64626;
}
.m-rich-content table {
  border-collapse: collapse;
  margin-bottom: 16px;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 0;
}
.m-rich-content tr {
  border: 0;
  text-align: left;
}
.m-rich-content tr:nth-child(odd) {
  background-color: #F7F7F7;
}
.m-rich-content td, .m-rich-content th {
  padding: 16px;
}
.m-rich-content th {
  background-color: #F7F7F7;
  font-weight: bold;
}
.m-rich-content--no-margin-bottom {
  margin-bottom: 0;
}
.m-rich-content--margin-bottom-base {
  margin-bottom: 24px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-base--mobile-up {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-base--tablet-up {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-base--sm-desk-up {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-base--lg-desk-up {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-base--lg-desk-down {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-base--sm-desk-down {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-base--tablet-down {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-base--mobile-down {
    margin-bottom: 24px;
  }
}
.m-rich-content--margin-bottom-md-sm {
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-md-sm--mobile-up {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-md-sm--tablet-up {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-md-sm--sm-desk-up {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-md-sm--lg-desk-up {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-md-sm--lg-desk-down {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-md-sm--sm-desk-down {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-md-sm--tablet-down {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-md-sm--mobile-down {
    margin-bottom: 20px;
  }
}
.m-rich-content--margin-bottom-sm {
  margin-bottom: 16px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-sm--mobile-up {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-sm--tablet-up {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-sm--sm-desk-up {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-sm--lg-desk-up {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-sm--lg-desk-down {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-sm--sm-desk-down {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-sm--tablet-down {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-sm--mobile-down {
    margin-bottom: 16px;
  }
}
.m-rich-content--margin-bottom-xt-sm {
  margin-bottom: 8px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-xt-sm--mobile-up {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-xt-sm--tablet-up {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-xt-sm--sm-desk-up {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-xt-sm--lg-desk-up {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-xt-sm--lg-desk-down {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-xt-sm--sm-desk-down {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-xt-sm--tablet-down {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-xt-sm--mobile-down {
    margin-bottom: 8px;
  }
}
.m-rich-content--margin-bottom-lg {
  margin-bottom: 32px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-lg--mobile-up {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-lg--tablet-up {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-lg--sm-desk-up {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-lg--lg-desk-up {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-lg--lg-desk-down {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-lg--sm-desk-down {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-lg--tablet-down {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-lg--mobile-down {
    margin-bottom: 32px;
  }
}
.m-rich-content--margin-bottom-md-lg {
  margin-bottom: 40px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-md-lg--mobile-up {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-md-lg--tablet-up {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-md-lg--sm-desk-up {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-md-lg--lg-desk-up {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-md-lg--lg-desk-down {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-md-lg--sm-desk-down {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-md-lg--tablet-down {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-md-lg--mobile-down {
    margin-bottom: 40px;
  }
}
.m-rich-content--margin-bottom-xt-lg {
  margin-bottom: 48px;
}
@media screen and (min-width: 576px) {
  .m-rich-content--margin-bottom-xt-lg--mobile-up {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .m-rich-content--margin-bottom-xt-lg--tablet-up {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 992px) {
  .m-rich-content--margin-bottom-xt-lg--sm-desk-up {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .m-rich-content--margin-bottom-xt-lg--lg-desk-up {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 1199px) {
  .m-rich-content--margin-bottom-xt-lg--lg-desk-down {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 991px) {
  .m-rich-content--margin-bottom-xt-lg--sm-desk-down {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .m-rich-content--margin-bottom-xt-lg--tablet-down {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 575px) {
  .m-rich-content--margin-bottom-xt-lg--mobile-down {
    margin-bottom: 48px;
  }
}

.m-rich-content ol li::marker {
  color: #C63A1E;
}
.m-rich-content ol li ul li::marker {
  content: normal;
  color: #C63A1E;
}
.m-rich-content ol li ol {
  list-style-type: lower-alpha;
}
.m-rich-content ul li::marker {
  content: "–";
  color: #C63A1E;
}
.m-rich-content ul li ul li::marker {
  content: normal;
  color: #C63A1E;
}
.m-rich-content table, .m-rich-content td {
  border: 1px solid #D2D2D2;
  padding: 4px;
}
.m-rich-content th {
  background-color: #F7F7F7;
  border: 1px solid #D2D2D2;
  padding: 4px;
}
.m-rich-content h1,
.m-rich-content h2 {
  margin-top: 48px;
  margin-bottom: 24px;
}
.m-rich-content h3,
.m-rich-content h4,
.m-rich-content h5 {
  margin-top: 32px;
  margin-bottom: 16px;
}
.m-rich-content p {
  margin-bottom: 16px;
}

.m-popup-modal--ds__title {
  margin-top: unset;
}
.m-popup-modal--ds__content {
  border-radius: unset;
}
.m-popup-modal--ds__container {
  bottom: 0;
  left: 0;
}

.m-svg-icon-content--ds__item {
  margin-bottom: 30px;
}
.m-svg-icon-content--ds__item:last-child {
  margin-bottom: 0;
}
.m-svg-icon-content--ds__title {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .m-svg-icon-content--ds__icon-cell {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .m-svg-icon-content--ds__icon-cell {
    margin-bottom: 32px;
  }
}
@media (max-width: 575px) {
  .m-svg-icon-content--ds__icon-cell {
    max-width: 92px;
  }
}
@media (max-width: 575px) {
  .m-svg-icon-content--ds__text-cell {
    max-width: calc(100% - 102px);
  }
}
.m-youtube {
  position: relative;
}
.m-youtube__wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
.m-youtube__wrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.m-youtube__caption p:last-child {
  border-bottom: 1px solid #D2D2D2;
}
@media (min-width: 768px) {
  .m-youtube__caption p:last-child {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 0;
  }
}

.m-featured-link {
  padding-right: 14px;
}
@media (max-width: 767px) {
  .m-featured-link {
    padding-right: 0;
  }
}
.m-featured-link__link {
  text-decoration: none;
}
.m-featured-link__link:hover, .m-featured-link__link:visited, .m-featured-link__link:link, .m-featured-link__link:active {
  color: inherit;
  text-decoration: none;
}
.m-featured-link__icon--left {
  max-width: 32px;
  margin-right: 14px;
  align-self: baseline;
  padding-top: 4px;
}
.m-featured-link__icon--right {
  right: 12px;
  position: absolute;
}
.m-featured-link__description-cell {
  /*max-width: 160px;*/
}
.m-featured-link__content-container {
  padding: 24px;
  margin-bottom: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .m-featured-link__content-container {
    margin-right: 0;
  }
}
.m-featured-link__mid--content {
  max-width: 170px;
}
@media (max-width: 767px) {
  .m-featured-link__mid--content {
    max-width: 240px;
  }
}
@media (min-width: 768px) {
  .m-featured-link__mid--content {
    max-width: 240px;
  }
}
@media (min-width: 992px) {
  .m-featured-link__mid--content {
    max-width: 170px;
  }
}
.m-featured-link__title-cell h4 {
  margin-bottom: 2px;
}

.m-show-more-less__content-container {
  position: relative;
}
.m-show-more-less__content {
  display: inline;
}
.m-show-more-less__content--default * {
  display: inline;
  margin-bottom: 0;
}
.m-show-more-less__content--more > :last-child {
  display: inline;
}
.m-show-more-less__button {
  display: inline;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
  color: inherit;
}
.m-show-more-less__button--see-more {
  padding-left: 8px;
}
.m-show-more-less__button--see-less {
  padding-left: 8px;
}
.m-show-more-less--block .m-show-more-less__button--see-less {
  padding-left: 0;
}

.m-lead-gen {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  height: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .m-lead-gen {
    padding: 0 24px;
  }
}
@media (min-width: 992px) {
  .m-lead-gen {
    padding: 0 48px;
  }
}
.m-lead-gen__button-wrap {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.m-lead-gen__button {
  font-family: "Apercu Mono", Courier, monospace;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  align-self: flex-end;
}
@media (max-width: 767px) {
  .m-lead-gen-zone__cell:first-child .m-lead-gen {
    padding-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .m-lead-gen-zone__cell:last-child .m-lead-gen {
    border-left: 1px solid #D2D2D2;
  }
}
@media (max-width: 767px) {
  .m-lead-gen-zone__cell:last-child .m-lead-gen {
    border-top: 1px solid #D2D2D2;
    padding-top: 32px;
  }
}
.m-lead-gen__modal {
  text-align: left;
}
.m-lead-gen__modal-center {
  text-align: center;
}

.m-csp-modal {
  margin: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  max-width: 644px;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .m-csp-modal {
    padding: 32px;
  }
}
.m-csp-modal__button {
  display: flex;
  flex-direction: column;
  line-height: 24px;
  border: 1px solid #d8dbdd;
  padding: 20px;
  text-decoration: none;
  box-sizing: border-box;
  height: 100%;
  background-color: #FFFFFF;
  text-align: left;
  transition: all 400ms;
}
.m-csp-modal__button:hover, .m-csp-modal__button:focus {
  text-decoration: none !important;
}
.m-csp-modal__button:not(.m-csp-modal__button--active):hover, .m-csp-modal__button:not(.m-csp-modal__button--active):focus {
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.11);
}
.m-csp-modal__button--active {
  border: 1px solid #E64626;
}
.m-csp-modal__icon {
  display: block;
  margin-bottom: 20px;
  padding-top: 20px;
  color: #E64626;
  font-size: 48px;
}
@media (max-width: 575px) {
  .m-csp-modal__year-options-holder {
    max-width: 164px;
  }
}
.m-csp-modal__btn-continue-holder {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 575px) {
  .m-csp-modal__btn-continue-holder {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .m-csp-modal__btn-continue {
    width: 100%;
  }
}

.m-form-title {
  margin-bottom: 24px;
}
.m-form--dark .m-form-title {
  color: #FFFFFF;
}

.m-form-title--ds--3 {
  margin-bottom: 8px;
}
.m-form-title--ds--4 {
  margin-bottom: 8px;
}

.m-form-title--atar {
  background-color: #FCEDE2;
  color: #222;
  font-family: "Apercu", Courier, monospace;
  line-height: 34px;
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 15px;
}
.m-form-title--atar--3 {
  margin-bottom: 8px;
}
.m-form-title--atar--4 {
  margin-bottom: 0;
  margin-top: 0;
}

.m-form-action {
  margin-bottom: 24px;
}

.m-form-action--cws {
  margin-bottom: 0;
}

.m-form-content {
  margin-bottom: 24px;
}
.m-form-content:last-child {
  margin-bottom: 0;
}
.m-form--dark .m-form-content {
  color: #FFFFFF;
}

.m-form-content--mql {
  margin-bottom: 32px;
}

.m-form-content--atar {
  margin-bottom: 32px;
}

.m-form-dropdown__title-cell {
  padding: 0;
}
.m-form-dropdown__dropdown {
  margin-bottom: 0;
}
.m-form-dropdown {
  margin-bottom: 24px;
}

.m-input input {
  width: 100%;
}
.m-input__predictive-wrapper {
  position: relative;
}
.m-input__predictive-panel {
  border-left: 1px solid #d8dbdd;
  border-right: 1px solid #d8dbdd;
  position: absolute;
  z-index: 500;
  background-color: #FFFFFF;
  width: 100%;
}
.m-input__predictive-panel--limit-height {
  max-height: 210px;
  overflow-y: auto;
}
.m-input__predictive-panel--limit-height-2x {
  max-height: 510px;
  overflow-y: auto;
}
.m-input__predictive-panel--limit-height-3x {
  max-height: 630px;
  overflow-y: auto;
}
.m-input__predictive-option {
  border: none;
  border-bottom: 1px solid #d8dbdd;
  background-color: #FFFFFF;
  padding: 13px 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all 400ms;
}
.m-input__predictive-option:first-child {
  border-top: 1px solid #d8dbdd;
}
.m-input__predictive-option--selected, .m-input__predictive-option:hover, .m-input__predictive-option:focus {
  background-color: #F7F7F7;
}
.m-input__predictive-option--label {
  background-color: #D2D2D2;
  cursor: default;
  font-weight: 700;
}
.m-input__predictive-option--label:hover, .m-input__predictive-option--label:focus {
  background-color: #D2D2D2;
}
.m-input__predictive-option--icon {
  position: relative;
  top: 2px;
}
.m-input__predictive-option--text {
  display: inline-block;
  padding-left: 2px;
}
.m-input__predictive-heading {
  border: none;
  border-bottom: 1px solid #d8dbdd;
  background-color: #F7F7F7;
  color: #717171;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 3px 10px;
  margin: 0;
  width: 100%;
  text-align: left;
  cursor: not-allowed;
  transition: all 400ms;
}

.m-input--ds {
  margin-bottom: 24px;
  position: relative;
}
.m-input--ds__input {
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  border-bottom: 1px solid #141414;
  font-size: 16px;
  line-height: 24px;
}
.m-form--dark .m-input--ds__input {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.m-input--ds__input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #141414;
  opacity: 1; /* Firefox */
  font-weight: bold;
}
.m-input--ds__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #141414;
  opacity: 1; /* Firefox */
  font-weight: bold;
}
.m-form--dark .m-input--ds__input::-moz-placeholder {
  color: #FFFFFF;
}
.m-form--dark .m-input--ds__input::placeholder {
  color: #FFFFFF;
}

.m-input--cws {
  position: relative;
  margin-bottom: 8px;
}
.m-input--cws__lasttextbox-margin {
  margin-bottom: 32px;
}
.m-input--cws__input {
  outline: none;
  box-shadow: none;
  padding: 16px 0 16px 16px;
  border: 1px solid #D2D2D2;
  font-family: inherit;
  font-size: inherit;
}
.m-input--cws__input:focus {
  border: 1px solid #E64626;
}
.m-form--dark .m-input--cws__input {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.m-input--cws__input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717171;
  opacity: 1; /* Firefox */
}
.m-input--cws__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717171;
  opacity: 1; /* Firefox */
}
.m-form--dark .m-input--cws__input::-moz-placeholder {
  color: #FFFFFF;
}
.m-form--dark .m-input--cws__input::placeholder {
  color: #FFFFFF;
}
.m-input--cws__predictive-wrapper {
  position: relative;
}
.m-input--cws__predictive-panel {
  border-left: 1px solid #d8dbdd;
  border-right: 1px solid #d8dbdd;
  position: absolute;
  z-index: 500;
  background-color: #FFFFFF;
  width: 100%;
}
.m-input--cws__predictive-panel--limit-height {
  max-height: 210px;
  overflow-y: auto;
}
.m-input--cws__predictive-panel--limit-height-2x {
  max-height: 420px;
  overflow-y: auto;
}
.m-input--cws__predictive-panel--limit-height-3x {
  max-height: 630px;
  overflow-y: auto;
}
.m-input--cws__predictive-option {
  border: none;
  border-bottom: 1px solid #d8dbdd;
  background-color: #FFFFFF;
  padding: 13px 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all 400ms;
}
.m-input--cws__predictive-option:first-child {
  border-top: 1px solid #d8dbdd;
}
.m-input--cws__predictive-option:hover, .m-input--cws__predictive-option:focus {
  background-color: #F7F7F7;
}
.m-input--cws__predictive-option--label {
  background-color: #D2D2D2;
  cursor: default;
  font-weight: 700;
}
.m-input--cws__predictive-option--label:hover, .m-input--cws__predictive-option--label:focus {
  background-color: #D2D2D2;
}

.m-input--mql {
  position: relative;
  margin-bottom: 8px;
}
.m-input--mql__lasttextbox-margin {
  margin-bottom: 32px;
}
.m-input--mql__input {
  outline: none;
  box-shadow: none;
  padding: 16px 0 16px 16px;
  border: 1px solid #D2D2D2;
  font-family: inherit;
  font-size: inherit;
}
.m-input--mql__input:focus {
  border: 1px solid #E64626;
}
.m-form--dark .m-input--mql__input {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.m-input--mql__input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717171;
  opacity: 1; /* Firefox */
}
.m-input--mql__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717171;
  opacity: 1; /* Firefox */
}
.m-form--dark .m-input--mql__input::-moz-placeholder {
  color: #FFFFFF;
}
.m-form--dark .m-input--mql__input::placeholder {
  color: #FFFFFF;
}
.m-input--mql__predictive-wrapper {
  position: relative;
}
.m-input--mql__predictive-panel {
  border-left: 1px solid #d8dbdd;
  border-right: 1px solid #d8dbdd;
  position: absolute;
  z-index: 500;
  background-color: #FFFFFF;
  width: 100%;
}
.m-input--mql__predictive-panel--limit-height {
  max-height: 210px;
  overflow-y: auto;
}
.m-input--mql__predictive-panel--limit-height-2x {
  max-height: 420px;
  overflow-y: auto;
}
.m-input--mql__predictive-panel--limit-height-3x {
  max-height: 630px;
  overflow-y: auto;
}
.m-input--mql__predictive-option {
  border: none;
  border-bottom: 1px solid #d8dbdd;
  background-color: #FFFFFF;
  padding: 13px 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all 400ms;
}
.m-input--mql__predictive-option:first-child {
  border-top: 1px solid #d8dbdd;
}
.m-input--mql__predictive-option:hover, .m-input--mql__predictive-option:focus {
  background-color: #F7F7F7;
}
.m-input--mql__predictive-option--label {
  background-color: #D2D2D2;
  cursor: default;
  font-weight: 700;
}
.m-input--mql__predictive-option--label:hover, .m-input--mql__predictive-option--label:focus {
  background-color: #D2D2D2;
}

.m-input--atar {
  position: relative;
  padding: 0;
}
.m-input--atar__lasttextbox-margin {
  margin-bottom: 32px;
}
.m-input--atar__input {
  outline: none;
  box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.06);
  padding: 16px 0 16px 16px;
  border: 1px solid #FFFFFF;
  font-family: inherit;
  font-size: inherit;
}
.m-input--atar__input:focus {
  border: 1px solid #E64626;
}
.m-form--dark .m-input--atar__input {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.m-input--atar__input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717171;
  opacity: 1; /* Firefox */
}
.m-input--atar__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #717171;
  opacity: 1; /* Firefox */
}
.m-form--dark .m-input--atar__input::-moz-placeholder {
  color: #FFFFFF;
}
.m-form--dark .m-input--atar__input::placeholder {
  color: #FFFFFF;
}
.m-input--atar__predictive-wrapper {
  position: relative;
}
.m-input--atar__predictive-panel {
  border-left: 1px solid #d8dbdd;
  border-right: 1px solid #d8dbdd;
  position: absolute;
  z-index: 500;
  background-color: #FFFFFF;
  width: 100%;
}
.m-input--atar__predictive-panel--limit-height {
  max-height: 210px;
  overflow-y: auto;
}
.m-input--atar__predictive-panel--limit-height-2x {
  max-height: 420px;
  overflow-y: auto;
}
.m-input--atar__predictive-panel--limit-height-3x {
  max-height: 630px;
  overflow-y: auto;
}
.m-input--atar__predictive-option {
  border: none;
  border-bottom: 1px solid #d8dbdd;
  background-color: #FFFFFF;
  padding: 13px 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all 400ms;
}
.m-input--atar__predictive-option:first-child {
  border-top: 1px solid #d8dbdd;
}
.m-input--atar__predictive-option:hover, .m-input--atar__predictive-option:focus {
  background-color: #F7F7F7;
}
.m-input--atar__predictive-option--label {
  background-color: #D2D2D2;
  cursor: default;
  font-weight: 700;
}
.m-input--atar__predictive-option--label:hover, .m-input--atar__predictive-option--label:focus {
  background-color: #D2D2D2;
}

.m-input--rightIcon {
  margin-bottom: 24px;
  position: relative;
}
.m-input--rightIcon__input {
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  border-bottom: 1px solid #141414;
  font-size: 16px;
  line-height: 24px;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23E64626" width="24px" height="24px"%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3Cpath d="M7 10l5 5 5-5H7z" /%3E%3C/svg%3E');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.m-form--dark .m-input--rightIcon__input {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.m-input--rightIcon__input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D2D2D2;
  opacity: 1; /* Firefox */
  font-weight: bold;
}
.m-input--rightIcon__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D2D2D2;
  opacity: 1; /* Firefox */
  font-weight: bold;
}
.m-form--dark .m-input--rightIcon__input::-moz-placeholder {
  color: #FFFFFF;
}
.m-form--dark .m-input--rightIcon__input::placeholder {
  color: #FFFFFF;
}

.m-input--formstack__label {
  display: block;
  margin-bottom: var(--xxs-space);
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  font-weight: 300;
  color: #141414;
}
.m-input--formstack__input {
  outline: none;
  box-shadow: none;
  display: flex;
  padding: var(--xs-space) var(--sm-space);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--border-radius);
  border: 1px solid #D2D2D2;
  background-color: #FFFFFF;
  color: #141414;
  width: 100%;
  height: auto;
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
}
.m-input--formstack__input:hover {
  border-color: #717171;
}
.m-input--formstack__input:focus {
  border-color: #717171 !important;
  box-shadow: 0px 0px 0px 4px rgba(34, 34, 34, 0.5);
}
.m-input--formstack__input:active {
  border-color: #717171 !important;
  box-shadow: none;
  color: #141414;
}

.m-form-message {
  position: relative;
  color: #E64626;
}

.m-form-message--atar {
  background-color: #FCEDE2;
  margin-top: 0px;
  margin-bottom: 0px;
}

.m-checkbox-group {
  position: relative;
  margin-bottom: 16px;
}
.m-checkbox-group__grid-cell {
  display: block;
  margin-bottom: 8px;
}
.m-checkbox-group__option {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.m-checkbox-group__option:hover {
  color: #C63A1E;
}
.m-checkbox-group__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 0;
}
.m-checkbox-group__text {
  pointer-events: none;
}
.m-form--dark .m-checkbox-group__text {
  color: #FFFFFF;
}
.m-checkbox-group__option-icon {
  pointer-events: none;
}

.m-checkbox-group__option:hover .m-checkbox-group__option-icon svg rect {
  stroke: #C63A1E;
  stroke-width: 2px;
  box-shadow: 0px 0px 0px 2px rgba(230, 70, 38, 0.5);
  border: 1px solid #C63A1E;
}

.m-checkbox-group--ds__grid-cell {
  padding-right: 16px;
}
.m-checkbox-group--ds__grid-cell:last-child {
  padding-right: 0;
}
.m-checkbox-group--ds__text {
  color: #141414;
}
.m-checkbox-group--ds__option-icon {
  display: block;
  padding-top: 7px;
  margin-right: 16px;
}

.m-checkbox-group--mql {
  margin-bottom: 32px;
}
.m-checkbox-group--mql__grid {
  margin-left: -4px;
  margin-right: -4px;
}
.m-checkbox-group--mql__grid-cell {
  padding-left: 4px;
  padding-right: 4px;
}
.m-checkbox-group--mql__option {
  background-color: #F7F7F7;
  padding: 0 24px;
  height: 80px;
  text-decoration: none;
}
.m-checkbox-group--mql__input {
  cursor: pointer;
}
.m-checkbox-group--mql__text {
  color: #141414;
  margin-left: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.m-checkbox-group--mql__option-icon {
  display: block;
  padding-top: 5px;
  margin-right: 16px;
}

.m-checkbox-group--mql__option--checked {
  background: #E64626;
}
.m-checkbox-group--mql__option--checked .m-checkbox-group--mql__text {
  color: #FFFFFF;
}

.m-checkbox-group--atar {
  padding: 0;
  margin-bottom: 0;
  --cell-height: 80px;
}
@media (min-width: 768px) {
  .m-checkbox-group--atar {
    --cell-height: 60px;
  }
}
@media (min-width: 576px) {
  .m-checkbox-group--atar {
    --cell-height: 60px;
  }
}
@media (min-width: 768px) {
  .m-checkbox-group--atar__grid-cell {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .m-checkbox-group--atar__grid-cell {
    padding: 0;
  }
}
.m-checkbox-group--atar__text {
  color: #141414;
}
.m-checkbox-group--atar__option {
  --cell-height: 80px;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 20px;
  padding: 0 20px;
  height: 100%;
  text-decoration: none;
  border: 1px solid #222222;
  border-radius: 5px;
}
.m-checkbox-group--atar__option--checked {
  background-color: #F7F7F7;
}
.m-checkbox-group--atar__option-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 20px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .m-checkbox-group--atar__option-wrapper {
    font-size: 20px;
  }
}
.m-checkbox-group--atar__option-icon {
  display: block;
  padding-top: 7px;
  margin-left: 14px;
}
.m-checkbox-group--atar__extra-icon {
  --fill-colour: #222222 !important;
  margin-right: 14px;
  min-width: 24px !important;
  min-height: 26px !important;
}
.m-checkbox-group--atar__input {
  position: fixed;
}
.m-checkbox-group--atar__grid {
  padding: 30px;
  box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.06);
  margin: 0;
}
@media (min-width: 768px) {
  .m-checkbox-group--atar__grid {
    padding: 10px;
  }
}
@media (max-width: 575px) {
  .m-checkbox-group--atar__grid {
    padding: 5px;
    --cell-height: 60px;
  }
}
.m-checkbox-group--atar__grid-cell {
  margin: 12px 0;
  height: var(--cell-height);
}
@media (max-width: 575px) {
  .m-checkbox-group--atar__grid-cell {
    height: auto;
  }
}

.m-checkbox-group-icon--event-calendar {
  align-self: flex-start;
  display: block;
  position: relative;
  top: 4px;
  left: 2px;
  border: 1px solid #D2D2D2;
  border-radius: 2px;
  margin-right: 16px;
  padding-right: calc(var(--sm-space) - 1px);
  width: 1px;
  height: var(--sm-space);
}
.m-checkbox-group__option[data-interactive-state=mouseover] .m-checkbox-group-icon--event-calendar--unselected, .m-checkbox-group__option[data-interactive-state=focus] .m-checkbox-group-icon--event-calendar--unselected {
  box-shadow: 0px 0px 0px 2px rgba(230, 70, 38, 0.5);
  border: 1px solid #C63A1E;
}
.m-checkbox-group-icon--event-calendar--selected {
  background-color: #C63A1E;
  border-color: #C63A1E;
}
.m-checkbox-group-icon--event-calendar__svg {
  position: relative;
  top: -4px;
  left: 1px;
}

.m-checkbox-group--event-calendar {
  margin-bottom: 0;
  overflow-y: hidden;
  height: var(--m-checkbox-group--event-calendar-height);
}
.m-checkbox-group--event-calendar__grid {
  flex-flow: column nowrap;
  margin: 0;
}
.m-calendar-filter-popup-content__filters-container .m-checkbox-group--event-calendar__grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(1, minmax(10px, 12fr));
  row-gap: var(--xs-space);
  -moz-column-gap: 0;
       column-gap: 0;
}
@media (min-width: 992px) {
  .m-calendar-filter-popup-content__filters-container .m-checkbox-group--event-calendar__grid {
    grid-template-columns: repeat(2, minmax(10px, 6fr));
    row-gap: 0;
    -moz-column-gap: var(--md-space);
         column-gap: var(--md-space);
  }
}
.m-checkbox-group--event-calendar__option {
  line-height: 28px;
}
.m-checkbox-group--event-calendar__grid-cell {
  display: var(--m-checkbox-group--event-calendar-filter-item-display);
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.m-checkbox-group--event-calendar__grid-cell:nth-child(1) {
  display: block;
}
.m-checkbox-group--event-calendar__grid-cell:nth-child(2) {
  display: block;
}
.m-checkbox-group--event-calendar__grid-cell:nth-child(3) {
  display: block;
}
.m-checkbox-group--event-calendar__grid-cell:nth-child(4) {
  display: block;
}
.m-checkbox-group--event-calendar__option[data-interactive-state=mouseover] .m-checkbox-group--event-calendar__text, .m-checkbox-group--event-calendar__option[data-interactive-state=focus] .m-checkbox-group--event-calendar__text {
  color: #C63A1E;
}

.m-checkbox-group--formstack__option {
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  color: #141414;
}
.m-checkbox-group--formstack__option:hover {
  color: #C63A1E;
}
.m-checkbox-group--formstack__option:hover .m-checkbox-group__option-icon rect {
  stroke: #C63A1E;
}
.m-checkbox-group--formstack__input + .m-checkbox-group__option-icon {
  padding: 0;
  margin-right: var(--xxs-space);
  width: 16px;
  height: 16px;
  display: flex;
}
.m-checkbox-group--formstack__input + .m-checkbox-group__option-icon svg {
  border-radius: 2px;
}
.m-checkbox-group--formstack__input:focus + .m-checkbox-group__option-icon svg, .m-checkbox-group--formstack__input:active + .m-checkbox-group__option-icon svg {
  box-shadow: 0px 0px 0px 2px rgba(230, 70, 38, 0.5);
  border-radius: 2px;
}

.m-radio-group {
  position: relative;
  margin-bottom: 16px;
}
.m-radio-group__option {
  cursor: pointer;
  position: relative;
  margin-right: 16px;
  margin-bottom: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.m-radio-group__option:last-child {
  margin-right: 0;
}
.m-radio-group__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  margin: 0;
  width: auto;
}
.m-radio-group__text {
  pointer-events: none;
}

.m-radio-group--ds__text {
  color: #141414;
}
.m-form--dark .m-radio-group--ds__text {
  color: #FFFFFF;
}
.m-radio-group--ds__icon {
  display: block;
  padding-top: 5px;
  margin-right: 16px;
}

.m-radio-group--cws {
  /**
  * variables
  */
}
.m-radio-group--cws__text {
  color: #141414;
  font-size: 16px;
}
.m-radio-group--cws__icon {
  position: relative;
  top: -1px;
  display: block;
  box-sizing: border-box;
  margin-right: 16px;
  width: 16px;
  height: 16px;
}

.m-radio-group--mql {
  /**
  * variables
  */
}
.m-radio-group--mql__text {
  color: #141414;
  font-family: "Apercu Mono", Courier, monospace;
  font-size: 16px;
}
.m-radio-group--mql__icon {
  display: block;
  box-sizing: border-box;
  margin-right: 16px;
  background: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/images/radioUnchecked.png) 0 0 no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
}
.m-radio-group--mql__icon--checked {
  background: url(../../corporate-commons/clientlibs/foundation/resources/corporate-frontend-svelte/library/assets/images/radioChecked.png) 0 0 no-repeat;
  background-size: cover;
}

.m-content-radio-group {
  margin-bottom: 32px;
}
.m-content-radio-group__grid-cell {
  width: 100%;
}
.m-content-radio-group__option {
  display: block;
  position: relative;
  border: 1px solid #F7F7F7;
  padding: 16px;
  transition: all 400ms;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.m-content-radio-group__option:hover, .m-content-radio-group__option:focus {
  text-decoration: none !important;
}
.m-content-radio-group__option:not(.m-content-radio-group__option--checked):hover, .m-content-radio-group__option:not(.m-content-radio-group__option--checked):focus {
  box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.11);
}
.m-content-radio-group__option--checked {
  border: 1px solid #E64626;
}
.m-content-radio-group__option-content p {
  font-weight: normal;
}
.m-content-radio-group__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  margin: 0;
  width: auto;
}

.m-content-radio-group--cws__grid {
  margin-left: -4px;
  margin-right: -4px;
}
.m-content-radio-group--cws__grid-cell {
  margin-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
}
.m-content-radio-group--cws__option-content h4 {
  margin-bottom: 8px;
}

.m-content-radio-group--mql__grid {
  margin-left: -4px;
  margin-right: -4px;
}
.m-content-radio-group--mql__grid-cell {
  margin-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
}
.m-content-radio-group--mql__option-content h4 {
  margin-bottom: 8px;
}

.m-form-grid--mql {
  margin-left: -4px;
  margin-right: -4px;
}
.m-form-grid--mql__cell {
  padding-left: 4px;
  padding-right: 4px;
}

.m-form-grid--atar {
  padding: var(--atar-container-space) var(--atar-container-side-space) 0 var(--atar-container-side-space);
}
@media (max-width: 575px) {
  .m-form-grid--atar {
    padding: var(--atar-container-side-space);
  }
}
.m-form-grid--atar__cell {
  background-color: #FFFFFF;
  margin-bottom: 48px;
}
.m-form-grid--atar__cell:last-child {
  margin-bottom: 0;
}
.m-form-grid--atar__result {
  margin-top: 48px;
}

.m-form {
  position: relative;
}
.m-form > :last-child {
  margin-bottom: 0;
}

.m-form--ds.m-form--dark {
  background-color: #141414;
  color: #FFFFFF;
}

.m-cloud-logo__image-cell {
  height: auto;
  text-align: center;
}
.m-cloud-logo__link {
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.m-cloud-logo__image {
  width: 88px;
}
@media (min-width: 992px) {
  .m-cloud-logo__image {
    width: 150px;
  }
}

.m-content-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .m-content-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  .m-content-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .m-content-container {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 1200px;
  }
}
.m-content-container--comp-margin-bottom {
  margin-bottom: 40px;
}
.m-content-container--bg-white {
  background-color: #FFFFFF;
}
.m-content-container--bg-grey {
  background-color: #F7F7F7;
}
.m-content-container--border-group-item--last {
  margin-bottom: 40px;
}
.m-content {
  --content-margin-bottom: var(--component-margin-bottom);
  margin-bottom: var(--content-margin-bottom);
}
.m-content--bg-grey {
  background-color: #F7F7F7;
}
@media screen and (min-width: 576px) {
  .m-content--base--mobile-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--base--tablet-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--base--sm-desk-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--base--lg-desk-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--base--lg-desk-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--base--sm-desk-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--base--tablet-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--base--mobile-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 576px) {
  .m-content--lg--mobile-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--lg--tablet-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--lg--sm-desk-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--lg--lg-desk-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--lg--lg-desk-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--lg--sm-desk-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--lg--tablet-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--lg--mobile-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (min-width: 576px) {
  .m-content--sm--mobile-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--sm--tablet-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--sm--sm-desk-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--sm--lg-desk-up {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--sm--lg-desk-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--sm--sm-desk-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--sm--tablet-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--sm--mobile-down {
    font-family: "Apercu", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }
}
.m-content--bold {
  font-weight: 700;
}
.m-content--center {
  text-align: center;
}
.m-content--left {
  text-align: left;
}
.m-content--right {
  text-align: right;
}
.m-content--padding-xt-sm {
  padding: 8px 0;
}
.m-content--padding-sm {
  padding: 16px 0;
}
.m-content--padding-md-sm {
  padding: 20px 0;
}
.m-content--padding-base {
  padding: 24px 0;
}
.m-content--padding-lg {
  padding: 32px 0;
}
.m-content--padding-md-lg {
  padding: 40px 0;
}
.m-content--padding-xt-lg {
  padding: 48px 0;
}
.m-content--padding-around-md-lg {
  padding: 40px;
}
@media screen and (min-width: 576px) {
  .m-content--padding-around-md-lg--mobile-up {
    padding: 40px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--padding-around-md-lg--tablet-up {
    padding: 40px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--padding-around-md-lg--sm-desk-up {
    padding: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--padding-around-md-lg--lg-desk-up {
    padding: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--padding-around-md-lg--lg-desk-down {
    padding: 40px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--padding-around-md-lg--sm-desk-down {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--padding-around-md-lg--tablet-down {
    padding: 40px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--padding-around-md-lg--mobile-down {
    padding: 40px;
  }
}
.m-content--no-margin-bottom {
  margin-bottom: 0;
}
.m-content--margin-bottom-base {
  margin-bottom: 24px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-base--mobile-up {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-base--tablet-up {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-base--sm-desk-up {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-base--lg-desk-up {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-base--lg-desk-down {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-base--sm-desk-down {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-base--tablet-down {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-base--mobile-down {
    margin-bottom: 24px;
  }
}
.m-content--margin-bottom-md-sm {
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-md-sm--mobile-up {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-md-sm--tablet-up {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-md-sm--sm-desk-up {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-md-sm--lg-desk-up {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-md-sm--lg-desk-down {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-md-sm--sm-desk-down {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-md-sm--tablet-down {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-md-sm--mobile-down {
    margin-bottom: 20px;
  }
}
.m-content--margin-bottom-sm {
  margin-bottom: 16px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-sm--mobile-up {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-sm--tablet-up {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-sm--sm-desk-up {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-sm--lg-desk-up {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-sm--lg-desk-down {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-sm--sm-desk-down {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-sm--tablet-down {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-sm--mobile-down {
    margin-bottom: 16px;
  }
}
.m-content--margin-bottom-xt-sm {
  margin-bottom: 8px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-xt-sm--mobile-up {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-xt-sm--tablet-up {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-xt-sm--sm-desk-up {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-xt-sm--lg-desk-up {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-xt-sm--lg-desk-down {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-xt-sm--sm-desk-down {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-xt-sm--tablet-down {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-xt-sm--mobile-down {
    margin-bottom: 8px;
  }
}
.m-content--margin-bottom-lg {
  margin-bottom: 32px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-lg--mobile-up {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-lg--tablet-up {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-lg--sm-desk-up {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-lg--lg-desk-up {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-lg--lg-desk-down {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-lg--sm-desk-down {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-lg--tablet-down {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-lg--mobile-down {
    margin-bottom: 32px;
  }
}
.m-content--margin-bottom-md-lg {
  margin-bottom: 40px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-md-lg--mobile-up {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-md-lg--tablet-up {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-md-lg--sm-desk-up {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-md-lg--lg-desk-up {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-md-lg--lg-desk-down {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-md-lg--sm-desk-down {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-md-lg--tablet-down {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-md-lg--mobile-down {
    margin-bottom: 40px;
  }
}
.m-content--margin-bottom-xt-lg {
  margin-bottom: 48px;
}
@media screen and (min-width: 576px) {
  .m-content--margin-bottom-xt-lg--mobile-up {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .m-content--margin-bottom-xt-lg--tablet-up {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 992px) {
  .m-content--margin-bottom-xt-lg--sm-desk-up {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .m-content--margin-bottom-xt-lg--lg-desk-up {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 1199px) {
  .m-content--margin-bottom-xt-lg--lg-desk-down {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 991px) {
  .m-content--margin-bottom-xt-lg--sm-desk-down {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .m-content--margin-bottom-xt-lg--tablet-down {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 575px) {
  .m-content--margin-bottom-xt-lg--mobile-down {
    margin-bottom: 48px;
  }
}
.m-content--margin-md-lg {
  margin: 40px 0;
}

@media screen and (min-width: 576px) {
  .m-content--center--mobile-up {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .m-content--center--tablet-up {
    text-align: center;
  }
}

@media screen and (min-width: 992px) {
  .m-content--center--sm-desk-up {
    text-align: center;
  }
}

@media screen and (min-width: 1200px) {
  .m-content--center--lg-desk-up {
    text-align: center;
  }
}

@media screen and (max-width: 1199px) {
  .m-content--center--lg-desk-down {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .m-content--center--sm-desk-down {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .m-content--center--tablet-down {
    text-align: center;
  }
}

@media screen and (max-width: 575px) {
  .m-content--center--mobile-down {
    text-align: center;
  }
}

@media screen and (min-width: 576px) {
  .m-content--left--mobile-up {
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .m-content--left--tablet-up {
    text-align: left;
  }
}

@media screen and (min-width: 992px) {
  .m-content--left--sm-desk-up {
    text-align: left;
  }
}

@media screen and (min-width: 1200px) {
  .m-content--left--lg-desk-up {
    text-align: left;
  }
}

@media screen and (max-width: 1199px) {
  .m-content--left--lg-desk-down {
    text-align: left;
  }
}

@media screen and (max-width: 991px) {
  .m-content--left--sm-desk-down {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .m-content--left--tablet-down {
    text-align: left;
  }
}

@media screen and (max-width: 575px) {
  .m-content--left--mobile-down {
    text-align: left;
  }
}

@media screen and (min-width: 576px) {
  .m-content--right--mobile-up {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .m-content--right--tablet-up {
    text-align: right;
  }
}

@media screen and (min-width: 992px) {
  .m-content--right--sm-desk-up {
    text-align: right;
  }
}

@media screen and (min-width: 1200px) {
  .m-content--right--lg-desk-up {
    text-align: right;
  }
}

@media screen and (max-width: 1199px) {
  .m-content--right--lg-desk-down {
    text-align: right;
  }
}

@media screen and (max-width: 991px) {
  .m-content--right--sm-desk-down {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  .m-content--right--tablet-down {
    text-align: right;
  }
}

@media screen and (max-width: 575px) {
  .m-content--right--mobile-down {
    text-align: right;
  }
}

/**
* Browser notice box
*
* Using it to show pop up message on AEM to alert users of browser compatibility.
* It can be used to show pop up message.
*/
.b-cookie-banner {
  position: fixed;
  z-index: 9000;
  padding: 30px 60px;
  left: 50%;
  transform: translateX(-50%);
  top: 120px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  min-width: 300px;
  color: #fff;
  background-color: #f6f6f6;
}
.b-cookie-banner:focus, .b-cookie-banner:hover {
  outline: none;
}
.b-cookie-banner--white {
  background-color: #f6f6f6;
  color: #141414;
}
.b-cookie-banner--largest {
  width: 100%;
}
.b-cookie-banner--pos-bottom {
  top: auto;
  bottom: 0.5px;
}
.b-cookie-banner h2 {
  margin: 20px 0;
}
@media (max-width: 575px) {
  .b-cookie-banner {
    width: 100%;
    flex-wrap: wrap;
  }
  .b-cookie-banner .b-cookie-banner__button-close {
    padding-top: 15px;
    margin: 0 33%;
  }
}
.b-cookie-banner__content-container {
  width: auto;
}
.b-cookie-banner__button-close {
  margin: 0 20px;
  text-decoration: none;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
:root {
  --m-grid-column-gap: 16px;
  --m-grid-row-gap: 24px;
}
@media (min-width: 992px) {
  :root {
    --m-grid-row-gap: 32px;
  }
}
@media (min-width: 768px) {
  :root {
    --m-grid-column-gap: 32px;
  }
}
/**
* Campaign site heading style
*/
/**
* Campaign site heading style
*/
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--usyd-font-primary);
  font-weight: 400;
}

h1[data-type=white],
h2[data-type=white],
h3[data-type=white],
h4[data-type=white],
h5[data-type=white] {
  color: #FFFFFF;
}
h1[data-type=charcoal],
h2[data-type=charcoal],
h3[data-type=charcoal],
h4[data-type=charcoal],
h5[data-type=charcoal] {
  color: #141414;
}
h1[data-type=black],
h2[data-type=black],
h3[data-type=black],
h4[data-type=black],
h5[data-type=black] {
  color: #141414;
}
h1[data-type=black100],
h2[data-type=black100],
h3[data-type=black100],
h4[data-type=black100],
h5[data-type=black100] {
  color: #141414;
}
h1[data-type=red],
h2[data-type=red],
h3[data-type=red],
h4[data-type=red],
h5[data-type=red] {
  color: #E64626;
}
h1[data-type=uiRed],
h2[data-type=uiRed],
h3[data-type=uiRed],
h4[data-type=uiRed],
h5[data-type=uiRed] {
  color: #E64626;
}
h1[data-type=yellow],
h2[data-type=yellow],
h3[data-type=yellow],
h4[data-type=yellow],
h5[data-type=yellow] {
  color: #FFB800;
}
h1[data-type=green],
h2[data-type=green],
h3[data-type=green],
h4[data-type=green],
h5[data-type=green] {
  color: #00A485;
}
h1[data-type=anchorLink],
h2[data-type=anchorLink],
h3[data-type=anchorLink],
h4[data-type=anchorLink],
h5[data-type=anchorLink] {
  color: #C63A1E;
}
h1[data-type=blue120],
h2[data-type=blue120],
h3[data-type=blue120],
h4[data-type=blue120],
h5[data-type=blue120] {
  color: #283353;
}
h1[data-type=ochre120],
h2[data-type=ochre120],
h3[data-type=ochre120],
h4[data-type=ochre120],
h5[data-type=ochre120] {
  color: #AF2B11;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
:root {
  --title-margin-bottom: 24px;
  --title-margin: 0 0 var(--title-margin-bottom) 0;
  --title-padding: 0;
  --title-line-height: inhert;
  --title-letter-spacing: 0;
  --title-p-font-size: 42px;
  --title-p-line-height: 40px;
}

h1,
h2,
h3,
h4,
h5 {
  margin: var(--title-margin);
  margin-bottom: var(--title-margin-bottom);
  padding: var(--title-padding);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
}

h4 {
  --title-margin-bottom: 16px;
}

.m-title--no-margin-bottom {
  --title-margin-bottom: 0;
}
.m-title--no-margin-bottom p.course-strapline {
  font-size: var(--title-p-font-size);
  line-height: var(--title-p-line-height);
}
.m-title--upper {
  text-transform: uppercase;
}
.m-title--center {
  text-align: center;
}
.m-title--red {
  color: #E64626;
}
.m-title--black {
  color: #141414;
}
.m-title--primary-charcoal {
  color: #424242;
}

/**
* Campaign site heading style
*/
/**
* Default Design system style
*/
:root {
  --h1: 38px;
  --h1-line-height: 48px;
  --h1-font-weight: 400;
  --h2: 32px;
  --h2-line-height: 40px;
  --h2-font-weight: 400;
  --h3: 22px;
  --h3-line-height: 32px;
  --h3-font-weight: 400;
  --h4: 17px;
  --h4-line-height: 24px;
  --h4-font-weight: 300;
  --h5: 16px;
  --h5-line-height: 24px;
  --h5-font-weight: 300;
}
@media (min-width: 992px) {
  :root {
    --h1: 48px;
    --h1-line-height: 56px;
    --h1-font-weight: 400;
    --h2: 32px;
    --h2-line-height: 44px;
    --h2-font-weight: 400;
    --h3: 24px;
    --h3-line-height: 32px;
    --h3-font-weight: 300;
    --h4: 18px;
    --h4-line-height: 28px;
    --h4-font-weight: 300;
    --h5: 16px;
    --h5-line-height: 24px;
    --h5-font-weight: 300;
  }
}

h1 {
  font-size: var(--h1);
  line-height: var(--h1-line-height);
  font-weight: var(--h1-font-weight);
  color: #141414;
}

h2 {
  font-size: var(--h2);
  line-height: var(--h2-line-height);
  font-weight: var(--h2-font-weight);
  color: #141414;
}

h3 {
  font-size: var(--h3);
  line-height: var(--h3-line-height);
  font-weight: var(--h3-font-weight);
  color: #141414;
}

h4 {
  font-size: var(--h4);
  line-height: var(--h4-line-height);
  font-weight: var(--h4-font-weight);
  color: #141414;
}

h5 {
  font-size: var(--h5);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-font-weight);
  color: #141414;
}

:root {
  --h1: 56px;
  --h1-line-height: 72px;
  --h1-font-weight: 100;
  --h2: 36px;
  --h2-line-height: 48px;
  --h2-font-weight: 100;
  --h3: 28px;
  --h3-line-height: 32px;
  --h3-font-weight: 100;
  --h4: 22px;
  --h4-line-height: 32px;
  --h4-font-weight: 700;
  --h5: 18px;
  --h5-line-height: 24px;
  --h5-font-weight: 700;
}
@media (min-width: 992px) {
  :root {
    --h1: 73px;
    --h1-line-height: 96px;
    --h1-font-weight: 100;
    --h2: 48px;
    --h2-line-height: 64px;
    --h2-font-weight: 100;
    --h3: 32px;
    --h3-line-height: 40px;
    --h3-font-weight: 100;
    --h4: 24px;
    --h4-line-height: 32px;
    --h4-font-weight: 700;
    --h5: 18px;
    --h5-line-height: 24px;
    --h5-font-weight: 700;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
@media (min-width: 768px) {
  .m-page-home .m-content {
    margin-bottom: 0;
  }
}
.m-page-home .vcenter {
  display: flex;
  align-items: center;
}
.m-page-home .no-bottom-spacing {
  margin-bottom: 0 !important;
}

.m-page-visit-location .m-hours-and-address-container {
  display: grid;
  gap: 16px;
  grid-template-areas: "hours" "address";
  grid-template-columns: 1fr;
  margin: 16px 0;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .m-page-visit-location .m-hours-and-address-container {
    gap: 32px;
    grid-template-areas: "hours address";
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .m-page-visit-location .m-hours-and-address-container {
    gap: 32px;
    grid-template-areas: "hours address";
    grid-template-columns: 1fr 2fr;
  }
}
.m-page-visit-location .m-hours-and-address-container__hours {
  grid-area: hours;
}
.m-page-visit-location .m-hours-and-address-container__address {
  grid-area: address;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

body main,
.cmp-experiencefragment--footer,
#pageComponents {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}

.site-header {
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .lcs_slide_out-b,
  .lcs_slide_out {
    right: 10px !important;
    left: auto !important;
  }
}
.lcs_slide_out-b header a,
.lcs_slide_out header a {
  left: auto !important;
  right: 0 !important;
  background-color: #E64626 !important;
  text-decoration: none !important;
  border-width: 1px 1px 0px !important;
  box-shadow: none !important;
  width: 120px !important;
  transition: linear background-color 0.3s;
}
.lcs_slide_out-b header a:hover,
.lcs_slide_out header a:hover {
  background-color: #E64626 !important;
  transition: linear background-color 0.3s;
}

.cmp-experiencefragment--header {
  min-height: 184px;
}
.m-has-overlay-search .cmp-experiencefragment--header {
  min-height: 129px;
  background-color: #141414;
}

.m-has-overlay-search .cmp-experiencefragment--header {
  margin-bottom: 0;
}

.m-content-container .m-content-container {
  padding: 0;
  margin: 0;
}

::-webkit-calendar-picker-indicator {
  font-size: 20px;
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2;
}

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

div[id$=-s-lc-eqw-overlay] {
  z-index: 100001 !important;
}

div[id$=-s-lc-eqw-modal] {
  z-index: 100002 !important;
}
/**
 Libray core components
**/
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

.cmp-text--subtitle {
  font-family: var(--usyd-font-primary);
  font-weight: 400;
}

.cmp-text--subtitle {
  font-size: 20px;
  line-height: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
/* grid component */
.aem-Grid {
  box-sizing: border-box;
  display: flex;
  flex-basis: 100%;
  flex: 0 1 auto;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  margin-right: calc(var(--m-grid-column-gap) / -2);
  margin-left: calc(var(--m-grid-column-gap) / -2);
  row-gap: var(--m-grid-row-gap);
}

/* placeholder for new components */
.aem-Grid-newComponent {
  margin: 0;
}

/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  margin: 0;
  padding: 0 calc(var(--m-grid-column-gap) / 2);
  --m-grid-cell-max-width: 100%;
  max-width: var(--m-grid-cell-max-width);
}

/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}

/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/*---------------------------------------------------------------*\
    AEM Core container responsive grid policies

    This file contains all AEM Core container component (src/commons/aem-core-components/container) 
    style policies.
    NOTE: The container must select the "Responsive Grid" option
    References: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
\*---------------------------------------------------------------*/
/** ----------------------------
     Flex box control policies
-------------------------------- **/
/**
cmp-container--grid-content-center
**/
.cmp-container--grid-content-center > .cmp-container__inner > .aem-Grid {
  justify-content: center;
}

/**
cmp-container--grid-content-right
**/
.cmp-container--grid-content-right > .cmp-container__inner > .aem-Grid {
  justify-content: flex-end;
}

/**
cmp-container--grid-content-left
**/
.cmp-container--grid-content-left > .cmp-container__inner > .aem-Grid {
  justify-content: flex-start;
}

/**
cmp-container--grid-content-space-between
**/
.cmp-container--grid-content-space-between > .cmp-container__inner > .aem-Grid {
  justify-content: space-between;
}

/**
cmp-container--grid-content-flush
**/
.cmp-container--grid-content-flush > .cmp-container__inner > .aem-Grid {
  margin-left: 0;
  margin-right: 0;
}

.cmp-container--grid-content-flush > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
  padding-left: 0;
  padding-right: 0;
}

/**
cmp-container--grid-align-items-center
**/
.cmp-container--grid-align-items-center > .cmp-container__inner > .aem-Grid {
  align-items: center;
}

/**
cmp-container--grid-align-items-bottom
**/
.cmp-container--grid-align-items-bottom > .cmp-container__inner > .aem-Grid {
  align-items: bottom;
}

/**
cmp-container--grid-align-items-top
**/
.cmp-container--grid-align-items-top > .cmp-container__inner > .aem-Grid {
  align-items: top;
}

/**
cmp-container--grid-align-items-stretch
**/
.cmp-container--grid-align-items-center > .cmp-container__inner > .aem-Grid {
  align-items: stretch;
}

/**
cmp-container--grid-direction-rev
**/
.cmp-container--grid-direction-rev > .cmp-container__inner > .aem-Grid {
  flex-direction: row-reverse;
}

.cmp-container--grid-direction-column > .cmp-container__inner > .aem-Grid {
  flex-flow: column wrap;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  --m-grid-cell-max-width: 100%;
  max-width: var(--m-grid-cell-max-width);
}

/**
cmp-container--grid-nowrap
**/
.cmp-container--grid-direction-rev > .cmp-container__inner > .aem-Grid {
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
}

/**
cmp-container--grid-no-row-gap
**/
.cmp-container--grid-no-row-gap > .cmp-container__inner > .aem-Grid {
  row-gap: unset;
}

/**
Columns policies
Breakpoint alias are difined in the src/design/variables-breakpoints.scss
Examples: 

cmp-container--mobile-up--grid-2cols 
cmp-container--tablet-up--grid-3cols 
cmp-container--sm-desk-up--grid-4cols

**/
@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-1col > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: column wrap;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    --m-grid-cell-max-width: 100%;
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-2cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 50%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-3cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 33.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-4cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 25%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-5cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 20%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-6cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 16.6666666667%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-8cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 12.5%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-9cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 11.1111111111%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-10cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 10%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-11cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 9.0909090909%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 576px) {
  .cmp-container--mobile-up--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 768px) {
  .cmp-container--tablet-up--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 992px) {
  .cmp-container--sm-desk-up--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (min-width: 1200px) {
  .cmp-container--lg-desk-up--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 1199px) {
  .cmp-container--lg-desk-down--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 991px) {
  .cmp-container--sm-desk-down--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 767px) {
  .cmp-container--tablet-down--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

@media screen and (max-width: 575px) {
  .cmp-container--mobile-down--grid-12cols > .cmp-container__inner > .aem-Grid > .aem-GridColumn {
    flex-flow: row wrap;
    --m-grid-cell-max-width: 8.3333333333%;
    flex-basis: var(--m-grid-cell-max-width);
    max-width: var(--m-grid-cell-max-width);
  }
}

/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 14.2857142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 28.5714285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 42.8571428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 57.1428571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 71.4285714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 85.7142857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.2857142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.5714285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.8571428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.1428571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.4285714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.7142857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 14.2857142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 28.5714285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 42.8571428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 57.1428571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 71.4285714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 85.7142857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.2857142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.5714285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.8571428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.1428571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.4285714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.7142857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 11.1111111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 22.2222222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 44.4444444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 55.5555555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 77.7777777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 88.8888888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.1111111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.2222222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.4444444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.5555555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.7777777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.8888888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 11.1111111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 22.2222222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 44.4444444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 55.5555555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 77.7777777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 88.8888888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.1111111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.2222222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.4444444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.5555555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.7777777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.8888888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 9.0909090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 18.1818181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 27.2727272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 36.3636363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 45.4545454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 54.5454545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 63.6363636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 72.7272727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 81.8181818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 90.9090909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.0909090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.1818181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.2727272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.3636363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.4545454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.5454545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.6363636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.7272727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.8181818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.9090909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 9.0909090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 18.1818181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 27.2727272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 36.3636363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 45.4545454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 54.5454545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 63.6363636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 72.7272727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 81.8181818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 90.9090909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.0909090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.1818181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.2727272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.3636363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.4545454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.5454545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.6363636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.7272727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.8181818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.9090909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 8.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 41.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 58.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 91.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 8.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 41.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 58.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 91.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid {
  width: auto;
}

@media (min-width: 992px) {
  .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
    /* hide behavior */
    display: none;
  }
}
/* phone breakpoint */
@media (max-width: 767px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 768px) and (max-width: 991px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}
.aem-Grid {
  align-items: stretch;
  --title-margin-bottom: calc(24px - var(--m-grid-row-gap));
}

/**
Column policies: 
.cmp-contaner--policy-column-ctrl

2 columns:  cmp-container--tablet-up--grid-2cols
3 columns:  cmp-container--sm-desk-up--grid-3cols
4 columns:  cmp-container--sm-desk-up--grid-4cols cmp-container--tablet-up--grid-2cols


**/
.cmp-container__inner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
}
.cmp-container--bg-white {
  background-color: #FFFFFF;
}
.cmp-container--bg-white-100 {
  background-color: #FFFFFF;
}
.cmp-container--bg-white .cmp-button--primary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  background: #C63A1E;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px 24px;
  transition: all 0.3s;
  border: 2px solid #C63A1E;
}
.cmp-container--bg-white .cmp-button--primary > .cmp-button:hover {
  background: #AF2B11;
  border-color: #AF2B11;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-white .cmp-button--secondary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  border: 2px solid #C63A1E;
  border-radius: 4px;
  color: #C63A1E;
  padding: 10px 24px;
  transition: all 0.3s;
  background: none;
}
.cmp-container--bg-white .cmp-button--secondary > .cmp-button:hover {
  background: #FDEDEA;
  color: #C63A1E;
  border-color: #C63A1E;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-white .cmp-button--tertiary > .cmp-button {
  display: inline-block;
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  color: #C63A1E;
  padding: 10px 4px;
  transition: all 0.3s;
  border: 0;
  background-color: unset;
  text-align: center;
}
.cmp-container--bg-white .cmp-button--tertiary > .cmp-button::after {
  content: "";
  position: relative;
  display: block;
  top: 8px;
  width: 100%;
  height: 1px;
  background-color: #C63A1E;
}
.cmp-container--bg-white .cmp-button--tertiary > .cmp-button:hover {
  background-color: #FDEDEA;
  color: #C63A1E;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-white .cmp-button--tertiary > .cmp-button:hover::after {
  background-color: #C63A1E;
}
.cmp-container--bg-sandstone {
  background-color: #FDF5F0;
}
.cmp-container--bg-sandstone .cmp-button--primary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  background: #C63A1E;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px 24px;
  transition: all 0.3s;
  border: 2px solid #C63A1E;
}
.cmp-container--bg-sandstone .cmp-button--primary > .cmp-button:hover {
  background: #AF2B11;
  border-color: #AF2B11;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-sandstone .cmp-button--secondary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  border: 2px solid #C63A1E;
  border-radius: 4px;
  color: #C63A1E;
  padding: 10px 24px;
  transition: all 0.3s;
  background: none;
}
.cmp-container--bg-sandstone .cmp-button--secondary > .cmp-button:hover {
  background: none;
  color: #141414;
  border-color: #141414;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-sandstone .cmp-button--tertiary > .cmp-button {
  display: inline-block;
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  color: #C63A1E;
  padding: 10px 4px;
  transition: all 0.3s;
  border: 0;
  background-color: unset;
  text-align: center;
}
.cmp-container--bg-sandstone .cmp-button--tertiary > .cmp-button::after {
  content: "";
  position: relative;
  display: block;
  top: 8px;
  width: 100%;
  height: 1px;
  background-color: #C63A1E;
}
.cmp-container--bg-sandstone .cmp-button--tertiary > .cmp-button:hover {
  background-color: none;
  color: #141414;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-sandstone .cmp-button--tertiary > .cmp-button:hover::after {
  background-color: #141414;
}
.cmp-container--bg-ochre100 {
  background-color: #E64626;
}
.cmp-container--bg-ochre100 .cmp-button--primary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  background: #141414;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px 24px;
  transition: all 0.3s;
  border: 2px solid #141414;
}
.cmp-container--bg-ochre100 .cmp-button--primary > .cmp-button:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #141414;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-ochre100 .cmp-button--secondary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  border: 2px solid #141414;
  border-radius: 4px;
  color: #141414;
  padding: 10px 24px;
  transition: all 0.3s;
  background: none;
}
.cmp-container--bg-ochre100 .cmp-button--secondary > .cmp-button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #141414;
  border-color: #141414;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-ochre100 .cmp-button--tertiary > .cmp-button {
  display: inline-block;
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  color: #141414;
  padding: 10px 4px;
  transition: all 0.3s;
  border: 0;
  background-color: unset;
  text-align: center;
}
.cmp-container--bg-ochre100 .cmp-button--tertiary > .cmp-button::after {
  content: "";
  position: relative;
  display: block;
  top: 8px;
  width: 100%;
  height: 1px;
  background-color: #141414;
}
.cmp-container--bg-ochre100 .cmp-button--tertiary > .cmp-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #141414;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-ochre100 .cmp-button--tertiary > .cmp-button:hover::after {
  background-color: #141414;
}
.cmp-container--bg-black100 {
  background-color: #141414;
}
.cmp-container--bg-black100 .cmp-button--primary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  background: #C63A1E;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px 24px;
  transition: all 0.3s;
  border: 2px solid #C63A1E;
}
.cmp-container--bg-black100 .cmp-button--primary > .cmp-button:hover {
  background: #AF2B11;
  border-color: #AF2B11;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-black100 .cmp-button--secondary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  border: 2px solid #FFFFFF;
  border-radius: 4px;
  color: #FFFFFF;
  padding: 10px 24px;
  transition: all 0.3s;
  background: none;
}
.cmp-container--bg-black100 .cmp-button--secondary > .cmp-button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  border-color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-black100 .cmp-button--tertiary > .cmp-button {
  display: inline-block;
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  color: #FFFFFF;
  padding: 10px 4px;
  transition: all 0.3s;
  border: 0;
  background-color: unset;
  text-align: center;
}
.cmp-container--bg-black100 .cmp-button--tertiary > .cmp-button::after {
  content: "";
  position: relative;
  display: block;
  top: 8px;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
.cmp-container--bg-black100 .cmp-button--tertiary > .cmp-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-black100 .cmp-button--tertiary > .cmp-button:hover::after {
  background-color: #FFFFFF;
}
.cmp-container--bg-grey {
  background-color: #F7F7F7;
}
.cmp-container--bg-grey-100 {
  background-color: #D2D2D2;
}
.cmp-container--bg-grey-90 {
  background-color: #F7F7F7;
}
.cmp-container--bg-grey-90 .cmp-button--primary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  background: #C63A1E;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 10px 24px;
  transition: all 0.3s;
  border: 2px solid #C63A1E;
}
.cmp-container--bg-grey-90 .cmp-button--primary > .cmp-button:hover {
  background: #AF2B11;
  border-color: #AF2B11;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-grey-90 .cmp-button--secondary > .cmp-button {
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  border: 2px solid #C63A1E;
  border-radius: 4px;
  color: #C63A1E;
  padding: 10px 24px;
  transition: all 0.3s;
  background: none;
}
.cmp-container--bg-grey-90 .cmp-button--secondary > .cmp-button:hover {
  background: none;
  color: #141414;
  border-color: #141414;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-grey-90 .cmp-button--tertiary > .cmp-button {
  display: inline-block;
  font-family: var(--usyd-font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-weight: 300;
  color: #C63A1E;
  padding: 10px 4px;
  transition: all 0.3s;
  border: 0;
  background-color: unset;
  text-align: center;
}
.cmp-container--bg-grey-90 .cmp-button--tertiary > .cmp-button::after {
  content: "";
  position: relative;
  display: block;
  top: 8px;
  width: 100%;
  height: 1px;
  background-color: #C63A1E;
}
.cmp-container--bg-grey-90 .cmp-button--tertiary > .cmp-button:hover {
  background-color: none;
  color: #141414;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.cmp-container--bg-grey-90 .cmp-button--tertiary > .cmp-button:hover::after {
  background-color: #141414;
}

.cmp-container--fixed > .cmp-container__inner {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .cmp-container--fixed > .cmp-container__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  .cmp-container--fixed > .cmp-container__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .cmp-container--fixed > .cmp-container__inner {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 1200px;
  }
}

.cmp-container {
  margin-bottom: 96px;
}
.cmp-container__child-wrapper {
  margin-bottom: var(--m-grid-row-gap);
}
.cmp-container__child-wrapper--no-margin-bottom {
  margin-bottom: 0;
}
.cmp-container--no-margin-bottom {
  margin-bottom: 0;
}
.cmp-container--component-margin {
  margin-bottom: 32px;
}

.aem-Grid > .cmp-container__child-wrapper {
  margin-bottom: unset;
}

.cmp-container--bg-sandstone > .cmp-container__inner {
  padding-top: 48px;
  padding-bottom: 48px;
}

.cmp-container--bg-grey-100 > .cmp-container__inner {
  padding-top: 48px;
  padding-bottom: 48px;
}

.cmp-container--bg-grey-90 > .cmp-container__inner {
  padding-top: 48px;
  padding-bottom: 48px;
}

.cmp-container--bg-green-110 {
  background-color: #40645C;
}

.cmp-container--bg-ochre-80 {
  background-color: #FDEDEA;
}

/**
Policies
cmp-container--no-margin-bottom
cmp-container--component-margin

**/
/**
    AEM Core Component - Carousel Component

    This is the carousel component style, it uses the awesome SwiperJs library https://swiperjs.com/

**/
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/**
    AEM Core Component - Carousel Component

    This is the carousel component style, it uses the awesome SwiperJs library https://swiperjs.com/

**/
.cmp-carousel[data-mode-is=editing] .cmp-carousel__item {
  display: none;
}
.cmp-carousel[data-mode-is=editing] .cmp-carousel__item--active {
  display: block;
}

.cmp-carousel {
  --cmp-component-wrapper-height: var(--cmp-carousel-height);
  --cmp-carousel-height: 400px;
  --cmp-carousel-button-size: 44px;
  --cmp-carousel-button-side-gap: 16px;
  --cmp-carousel-button-top: calc(var(--cmp-carousel-button-size) * -1);
  --cmp-carousel-button-bottom: 16px;
  --cmp-carousel-indicator-size: 10px;
  --cmp-carousel-indicator-gap: 40px;
  --cmp-carousel-indicator-top: calc(var(--cmp-carousel-indicator-size) * -1);
  --cmp-carousel-indicator-bottom: calc(var(--cmp-carousel-button-size) / 2 + 5px);
  --cmp-carousel-indicator-margin-top: calc(var(--cmp-carousel-button-size) * -1);
  --cmp-carousel-indicator-width: calc(100% - calc(var(--cmp-carousel-button-size) * 2) - calc(var(--cmp-carousel-indicator-gap) * 2));
  --cmp-carousel-indicator-height: var(--cmp-carousel-button-size);
  --cmp-image-height: 100%;
}
@media (min-width: 576px) {
  .cmp-carousel {
    --cmp-image-height: 100%;
  }
}
@media (min-width: 768px) {
  .cmp-carousel {
    --cmp-image-height: 100%;
  }
}
@media (min-width: 992px) {
  .cmp-carousel {
    --cmp-image-height: 100%;
  }
}
.cmp-carousel__content {
  position: relative;
  height: var(--cmp-carousel-height);
}
.cmp-carousel__actions {
  display: flex;
  justify-content: space-between;
  position: relative;
  bottom: var(--cmp-carousel-button-bottom);
  margin-top: var(--cmp-carousel-button-top);
  z-index: 2;
}
.cmp-carousel__action {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  height: var(--cmp-carousel-button-size);
  width: var(--cmp-carousel-button-size);
  cursor: pointer;
}
.cmp-carousel__action--previous {
  margin-left: var(--cmp-carousel-button-side-gap);
}
.cmp-carousel__action--next {
  margin-right: var(--cmp-carousel-button-side-gap);
}
.cmp-carousel__action-text {
  position: absolute;
  border: 0;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
}
.cmp-carousel__indicators {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  top: var(--cmp-carousel-indicator-top);
  bottom: var(--cmp-carousel-indicator-bottom);
  margin: auto;
  margin-top: var(--cmp-carousel-indicator-margin-top);
  padding: 0;
  width: var(--cmp-carousel-indicator-width);
  height: var(--cmp-carousel-indicator-height);
  z-index: 3;
  cursor: pointer;
}
.cmp-carousel__indicator {
  background-color: #141414;
  position: relative;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  margin: 0 calc(var(--cmp-carousel-indicator-gap) / 3);
}
@media (min-width: 576px) {
  .cmp-carousel__indicator {
    margin: 0 calc(var(--cmp-carousel-indicator-gap) / 2);
  }
}
.cmp-carousel__indicator {
  width: var(--cmp-carousel-indicator-size);
  height: var(--cmp-carousel-indicator-size);
  font-size: 0;
  text-indent: -3000px;
}
.cmp-carousel__indicator--active {
  background-color: #E64626;
}

/**
    AEM Core Component - Carousel Component

    This is the carousel component style, it uses the awesome SwiperJs library https://swiperjs.com/

**/
/**
    AEM Core Component - Carousel Component

    This is the carousel component style, it uses the awesome SwiperJs library https://swiperjs.com/

**/
.cmp-carousel {
  --component-margin-bottom: 0;
  --cmp-carousel-height: 300px;
}
@media (min-width: 768px) {
  .cmp-carousel {
    --cmp-carousel-height: 100%;
  }
}
.cmp-carousel {
  --cmp-carousel-button-size: 44px;
  --cmp-carousel-button-side-gap: 16px;
  --cmp-carousel-button-top: calc(var(--cmp-carousel-button-size) * -1);
  --cmp-carousel-button-bottom: 16px;
  --cmp-carousel-indicator-size: 10px;
}
@media (min-width: 768px) {
  .cmp-carousel {
    --cmp-carousel-indicator-size: 15px;
  }
}
.cmp-carousel {
  --cmp-carousel-indicator-gap: 40px;
  --cmp-carousel-indicator-top: -15px;
  --cmp-carousel-indicator-bottom: calc(var(--cmp-carousel-button-size) / 2 + 5px);
  --cmp-carousel-indicator-margin-top: calc(var(--cmp-carousel-button-size) * -1);
  --cmp-carousel-indicator-width: calc(100% - calc(var(--cmp-carousel-button-size) * 2) - calc(var(--cmp-carousel-indicator-gap) * 2));
  --cmp-carousel-indicator-height: var(--cmp-carousel-button-size);
}
.cmp-carousel .cmp-image {
  --cmp-image-height: 100%;
}
@media (min-width: 576px) {
  .cmp-carousel .cmp-image {
    --cmp-image-height: 100%;
  }
}
@media (min-width: 768px) {
  .cmp-carousel .cmp-image {
    --cmp-image-height: 100%;
  }
}
@media (min-width: 992px) {
  .cmp-carousel .cmp-image {
    --cmp-image-height: 100%;
  }
}
.cmp-tabs {
  position: relative;
}
.cmp-tabs:before {
  content: "";
  width: 100vw;
  height: 42px;
  position: absolute;
  left: 50%;
  right: 50%;
  top: 0px;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #F7F7F7;
  border-bottom: 2px solid #C63A1E;
  z-index: -1;
}
.cmp-tabs__tablist {
  background: #F7F7F7;
  white-space: nowrap;
  flex-wrap: initial;
  position: relative;
  overflow: auto;
  margin-bottom: 16px;
}
.cmp-tabs__tab {
  border-bottom: 0;
  border-top: 2px solid transparent;
}
.cmp-tabs__tab:hover {
  background: #D2D2D2;
}
.cmp-tabs__tab:first-child {
  position: relative;
  z-index: 999;
}
.cmp-tabs__tab:last-child {
  position: relative;
  z-index: 99;
}
.cmp-tabs__tab--active {
  color: #FFFFFF;
  background: #C63A1E !important;
}
.cmp-tabs__tab--active:hover {
  background: #C63A1E;
}

.cmp-breadcrumb {
  color: #CE3D20;
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.aem-Grid .cmp-breadcrumb {
  margin-bottom: calc(16px - var(--m-grid-row-gap));
  margin-top: calc(16px - var(--m-grid-row-gap));
}
.cmp-breadcrumb .cmp-breadcrumb__item {
  display: inline-block;
}
.cmp-breadcrumb .cmp-breadcrumb__item:after {
  content: "/";
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.cmp-breadcrumb .cmp-breadcrumb__item:last-child {
  color: #141414;
}
.cmp-breadcrumb .cmp-breadcrumb__item:last-child:after {
  display: none;
}
.cmp-breadcrumb .cmp-breadcrumb__item .cmp-breadcrumb__item-link {
  color: #CE3D20;
  font-size: 16px;
  text-decoration: none;
}
.cmp-breadcrumb .cmp-breadcrumb__item .cmp-breadcrumb__item-link:hover span {
  text-decoration: underline;
}

:root {
  --cmp-image-height: 100%;
}

.cmp-image {
  position: relative;
}
.cmp-image__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.cmp-image--editing-mode .cmp-image__image {
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.cmp-image--default-mode .cmp-image__image {
  display: none;
  visibility: hidden;
}
.cmp-image__picture {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: var(--cmp-image-height);
}
.cmp-image--editing-mode .cmp-image__picture {
  position: relative;
  z-index: 1;
}

.cmp-image {
  /**
      Caption overlay: 

      XL/L -height: 545px
      M - height: 440px
      S - height 390px
      XS - height 200px


      Caption below:

      XL/L - height 543px
      M - height 451px
      S - height 389px
      XS - height 186px

  **/
  --cmp-image-height: 200px;
}
@media (min-width: 576px) {
  .cmp-image {
    --cmp-image-height: 350px;
  }
}
@media (min-width: 768px) {
  .cmp-image {
    --cmp-image-height: 440px;
  }
}
@media (min-width: 992px) {
  .cmp-image {
    --cmp-image-height: 600px;
  }
}
.cmp-image--caption-overlay {
  position: relative;
}
.cmp-image--caption-overlay .cmp-image__picture {
  position: relative;
  z-index: 1;
}
.cmp-image--original .cmp-image__picture {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: none;
     object-fit: none;
}
.cmp-image--regular .cmp-image__picture {
  max-height: 350px;
  height: var(--cmp-image-height);
}
.cmp-image--tall .cmp-image__picture {
  max-height: 600px;
  height: var(--cmp-image-height);
}
@media (max-width: 1199px) {
  .cmp-image--tall .cmp-image__picture {
    max-height: 350px;
    height: var(--cmp-image-height);
  }
}

.m-picture__caption {
  margin-bottom: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.cmp-image--caption-overlay .m-picture__caption {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding-left: 16px;
  width: 100%;
  color: #FFFFFF;
}
.cmp-image--caption-none .m-picture__caption {
  visibility: hidden;
  display: none;
}

.m-lib-teaser {
  position: relative;
  padding-bottom: calc(64px - var(--m-grid-row-gap));
}
.m-lib-teaser__image-wrapper {
  height: 60px;
  width: 60px;
  margin-right: 20px;
  margin-bottom: 16px;
}
.m-lib-teaser__image-wrapper img {
  max-height: 60px;
}
.m-lib-teaser__eyebrow {
  font-size: 11px;
  line-height: 24px;
  color: #141414;
  margin-top: 16px;
  min-height: 14px;
}
.m-lib-teaser__title {
  margin-bottom: 16px;
}
.m-lib-teaser__title.hover {
  color: #E64626;
}
.m-lib-teaser__title.hover:after {
  content: "";
  border-bottom: 3px solid #E64626;
  width: 30px;
  display: block;
  position: absolute;
  margin-top: 4px;
}
.m-lib-teaser__description {
  font-size: 14px;
}
.m-lib-teaser__link-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 6px;
}
.m-lib-teaser__link-wrapper .m-link {
  display: block;
  width: 49%;
  min-width: 500px;
  margin: 5px 5px 5px 0;
}
.m-lib-teaser__click-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

.m-library-title {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.m-library-title__text {
  align-self: center;
  color: #141414;
}
.m-library-title__number {
  display: block;
  align-self: center;
  margin-right: 16px;
  color: #C63A1E;
}

h1.m-library-title, h2.m-library-title {
  margin-bottom: 24px;
}

h3.m-library-title, h3.m-library-title, h5.m-library-title {
  margin-bottom: 16px;
}

.cmp-text > div {
  max-width: 768px;
}
.cmp-text--subtitle {
  letter-spacing: 0;
  --component-margin-bottom: 32px;
}
@media (min-width: 992px) {
  .cmp-text--subtitle {
    font-size: 22px;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.site-header {
  position: relative;
  min-height: 80px;
  z-index: 99999;
}

.m-lib-header {
  position: relative;
  top: 0;
  width: 100%;
  background: #141414;
  padding: 8px 16px;
}
.m-lib-header__container {
  align-items: center;
  margin-bottom: 0;
}
.m-lib-header__logo-content {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  color: #FFFFFF;
}
@media (max-width: 575px) {
  .m-lib-header__logo-content {
    padding: 8px 0 0 0;
    justify-content: space-between;
  }
}
.m-lib-header__logo-title {
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-decoration: none !important;
  color: #FFFFFF;
  margin-left: 24px;
}
.m-lib-header__logo-titlelink {
  text-decoration: none !important;
  color: #FFFFFF;
}
.m-lib-header__logo-titlelink:hover {
  text-decoration: none !important;
  color: #FFFFFF;
}
@media (min-width: 576px) {
  .m-lib-header__logo-titlelink {
    display: inline-block;
    margin-left: 20px;
  }
}
.m-lib-header__logo-mobile {
  display: flex;
  align-items: center;
}
.m-lib-header {
  /* Navigation */
}
.m-lib-header__navs--tablet {
  display: none;
}
@media (min-width: 576px) {
  .m-lib-header__navs--tablet {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .m-lib-header__navs--tablet {
    justify-content: space-between;
  }
}
.m-lib-header__navs-item {
  margin-left: 32px;
}
.m-lib-header__navs-item:first-child {
  margin-left: 0;
}
.m-lib-header__navs-item .m-link {
  color: #FFFFFF;
  font-weight: 400;
}
.m-lib-header__navs-item .m-link__content {
  text-decoration: none;
}
.m-lib-header__navs-item .m-link:hover {
  color: #141414;
}
@media (min-width: 768px) {
  .m-lib-header__navs-item .m-link:hover {
    color: #FFFFFF;
  }
}
.m-lib-header__navs-link {
  border-bottom: 2px solid #141414;
  color: #FFFFFF;
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
}
.m-lib-header__navs-link:hover, .m-lib-header__navs-link--active {
  border-color: #FFFFFF;
}
.m-lib-header__navs--primary-navs {
  display: none;
}
@media (min-width: 992px) {
  .m-lib-header__navs--primary-navs {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .m-lib-header__navs--global-navs {
    display: flex;
    justify-content: space-between;
  }
}
.m-lib-header {
  /* Mobile Resolutions */
}
.m-lib-header__hamburger {
  padding: 16px 0;
  width: 51px;
  text-align: center;
  transition: width 0.3s ease-in-out;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .m-lib-header__hamburger.hide {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .m-lib-header__hamburger.hide {
    opacity: 1;
    width: 0;
    transition: width 0.3s ease-in-out;
  }
}
.m-lib-header__hamburger.active {
  background: #E64626;
}
.m-lib-header__hamburger--button {
  display: block;
  height: 20px;
}
@media (min-width: 992px) {
  .m-lib-header__hamburger {
    display: none;
  }
}
.m-lib-header__mobile {
  background: #FFFFFF;
  display: none;
  padding: 20px;
}
@media (max-width: 991px) {
  .m-lib-header__mobile {
    display: block;
  }
}
.m-lib-header__mobile-pane {
  position: absolute;
  transform-origin: left top;
  transform: scaleY(0);
  margin-top: 0px;
  z-index: 99910;
  width: 100%;
}
@media (min-width: 768px) {
  .m-lib-header__mobile-pane {
    top: 132px;
    width: 30vw;
  }
}
@keyframes menuAnimateOpen {
  0% {
    transform: scaleY(0);
  }
  50% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes menuContentAnimateOpen {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes menuAnimateClose {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes menuContentAnimateClose {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.m-lib-header__mobile-open {
  animation-name: menuAnimateOpen;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.m-lib-header__mobile-content-open {
  animation-name: menuContentAnimateOpen;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
.m-lib-header__mobile-close {
  animation-name: menuAnimateClose;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.m-lib-header__mobile-content-close {
  animation-name: menuContentAnimateClose;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
.m-lib-header__mobile .m-lib-header__navs {
  border-top: 1px solid #D2D2D2;
  padding-top: 20px;
  margin-top: 20px;
}
.m-lib-header__mobile .m-lib-header__navs:first-child {
  border-top: 0 none;
  padding-top: 0;
  margin-top: 0;
}
.m-lib-header__mobile .m-lib-header__navs-item {
  padding-top: 20px;
  margin: 0;
}
.m-lib-header__mobile .m-lib-header__navs-item:first-child {
  padding-top: 0;
}
.m-lib-header__mobile .m-lib-header__navs-item .m-link {
  color: #C63A1E;
}
.m-lib-header__mobile .m-lib-header__navs-link {
  border-bottom: 2px solid #FFFFFF;
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
}
.m-lib-header__mobile .m-lib-header__navs-link--active, .m-lib-header__mobile .m-lib-header__navs-link:hover {
  border-color: #E64626;
}
@media (min-width: 768px) {
  .m-lib-header__mobile .m-lib-header__navs-global-links {
    display: none;
  }
}

.m-lib-cultural-wellbeing-link {
  background: #E64626;
  display: flex;
  justify-content: center;
}
.m-lib-cultural-wellbeing-link .m-button__icon-right {
  position: relative;
  left: 0;
  transition: left 0.2s;
}
.m-lib-cultural-wellbeing-link .m-button:hover .m-button__icon-right {
  transition: left 0.2s;
  left: 6px;
}
.m-lib-cultural-wellbeing-link .m-button__content {
  font-weight: 500;
}

#skiptocontent a {
  padding: 5px;
  position: fixed;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: #CE3D20;
  transition: top 0.5s ease-out;
  z-index: 100;
}
#skiptocontent a:focus {
  left: 0px;
  top: 0px;
  outline-color: transparent;
  transition: top 0.05s ease-in;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-footer {
  background: #141414;
  color: #FFFFFF;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .m-lib-footer {
    padding: 48px 16px;
  }
}
.m-lib-footer__title {
  padding-bottom: 64px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .m-lib-footer__title {
    display: block;
  }
}
.m-lib-footer__title .m-link {
  color: #FFFFFF;
}
.m-lib-footer__title .m-link:hover {
  color: #FFFFFF;
}
.m-lib-footer__title--logoWrapper {
  display: flex;
  gap: 32px;
  align-items: center;
}
.m-lib-footer__title--logoWrapper .m-title {
  margin-bottom: 0;
}
.m-lib-footer__page-links {
  padding-bottom: 64px;
}
.m-lib-footer__page-links__desktop {
  display: none;
}
@media (min-width: 768px) {
  .m-lib-footer__page-links__desktop {
    display: block;
  }
}
.m-lib-footer__page-links__desktop .m-grid__cell:nth-child(2) {
  order: 5;
}
.m-lib-footer__page-links__mobile {
  display: block;
}
@media (min-width: 768px) {
  .m-lib-footer__page-links__mobile {
    display: none;
  }
}
.m-lib-footer__page-links__mobile .m-accordion__slide {
  padding-left: 0;
}
.m-lib-footer__page-links__mobile a.m-accordion__slide-btn {
  background: none;
  display: flex;
  text-decoration: none;
  color: #FFFFFF;
}
.m-lib-footer__page-links__mobile .no-accordion .m-accordion__slide {
  padding: 16px 0;
}
.m-lib-footer__page-links__mobile .m-lib-footer__page-links__child-list {
  margin-top: 0;
  margin-left: 20px;
}
.m-lib-footer__page-links__child-list {
  margin-top: 32px;
}
.m-lib-footer__page-links__child-list .m-link {
  display: inline-block;
  padding-bottom: 6px;
  font-weight: 200;
}
.m-lib-footer__page-links__child-list .m-link:hover {
  text-decoration: underline;
}
.m-lib-footer__page-links__parent {
  font-size: 20px;
  font-weight: 400;
}
.m-lib-footer__page-links__parent:hover {
  text-decoration: underline;
}
.m-lib-footer__bottom {
  display: flex;
  align-items: center;
  margin-top: 32px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .m-lib-footer__bottom {
    padding: 0 16px;
  }
}
.m-lib-footer__bottom .socials {
  order: 1;
}
.m-lib-footer__bottom .socials svg {
  fill: red;
}
@media (max-width: 767px) {
  .m-lib-footer__bottom .socials {
    padding-left: 0;
  }
}
.m-lib-footer__bottom .logos {
  display: flex;
  padding-left: 0;
  padding-top: 16px;
  order: 2;
}
@media (max-width: 767px) {
  .m-lib-footer__bottom .logos {
    order: 3;
  }
}
.m-lib-footer__bottom .logos .m-footer-logos {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  align-items: flex-start;
}
.m-lib-footer__bottom .logos .m-footer-logos svg {
  filter: invert(100%);
}
@media (max-width: 767px) {
  .m-lib-footer__bottom .logos .m-footer-logos {
    align-items: center;
    justify-content: flex-start;
  }
  .m-lib-footer__bottom .logos .m-footer-logos .m-grid__cell {
    width: 30%;
  }
  .m-lib-footer__bottom .logos .m-footer-logos .m-grid__cell svg {
    max-width: 100%;
  }
}
.m-lib-footer__bottom .divider {
  order: 3;
  width: 100%;
  padding: 16px 0;
}
@media (min-width: 768px) {
  .m-lib-footer__bottom .divider {
    padding: 16px 8px;
  }
}
.m-lib-footer__bottom .divider .divider-line {
  border-top: 1px solid #717171;
  width: 100%;
}
.m-lib-footer__bottom .hygiene-links {
  display: flex;
  order: 4;
  align-self: flex-start;
}
@media (max-width: 767px) {
  .m-lib-footer__bottom .hygiene-links {
    order: 2;
    margin: 32px 0;
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .m-lib-footer__bottom .hygiene-links .m-grid__cell {
    width: 100%;
    margin: 8px 0;
  }
}
.m-lib-footer__bottom .hygiene-links .m-link:hover {
  text-decoration: underline;
}
.m-lib-footer__bottom .identification {
  order: 5;
  font-size: 10px;
  font-family: "Apercu Mono", Courier, monospace;
  line-height: 1.4;
  padding-left: 0;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-search {
  position: relative;
  transition: linear all 0.2s;
  margin: 0 auto;
  max-width: 100%;
}
.m-lib-search__open {
  max-width: 1200px;
}
.m-lib-search .full-width {
  width: 100%;
}
.m-lib-search form {
  width: 100%;
}
.m-lib-search__container {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #141414;
}
@media (min-width: 992px) {
  .m-lib-search__container {
    margin-bottom: 16px;
  }
  .m-has-overlay-search .m-lib-search__container {
    position: absolute;
    top: 200px;
    width: 100%;
    border-bottom: 0;
  }
}
@media (max-width: 991px) {
  .m-lib-search__container .m-content-container {
    padding: 0;
  }
}

.m-lib-super-search {
  position: relative;
}

.m-lib-super-search__alert {
  background: none;
  border: none;
  font-size: 0;
  line-height: 1;
  padding: 16px;
  cursor: pointer;
}
.m-lib-super-search--has-input .m-lib-super-search__alert {
  margin-right: 16px;
}
.m-lib-super-search__alert-container {
  position: relative;
}
.m-lib-super-search__alert-popover {
  width: 300px;
  background: #FDEDEA;
  border: 2px solid #AF2B11;
  position: absolute;
  right: 0;
  margin-top: 6px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.m-lib-super-search--has-input .m-lib-super-search__alert-popover {
  margin-right: 16px;
}
.m-lib-super-search__alert-popover h5 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
  margin: 0;
  margin-bottom: 8px;
}
.m-lib-super-search__alert-popover p {
  color: inherit;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  margin-bottom: 8px;
}
.m-lib-super-search__alert-popover:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 16px;
  height: 16px;
  width: 16px;
  background: inherit;
  transform: rotate(225deg);
  border-bottom: inherit;
  border-right: inherit;
  box-shadow: inherit;
}
.m-lib-super-search__alert-popover:after {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  content: "";
  height: inherit;
  width: inherit;
  position: absolute;
  top: -2px;
  z-index: -1;
}
.m-lib-super-search__alert-popover--black {
  background: #F7F7F7;
  border-color: #141414;
  color: #141414;
}
.m-lib-super-search__alert-popover--red {
  background: #FDEDEA;
  border-color: #AF2B11;
  color: #AF2B11;
}
.m-lib-super-search__alert-actions--black {
  display: flex;
  justify-content: space-between;
}
.m-lib-super-search__alert-actions--black .m-lib-call-to-action a {
  padding-left: 8px;
}
.m-lib-super-search__alert-actions--red {
  display: flex;
  justify-content: space-between;
}
.m-lib-super-search__alert-actions--red .m-lib-call-to-action a {
  padding-left: 8px;
  color: #AF2B11 !important;
}
.m-lib-super-search__alert-actions--red .m-lib-call-to-action a:hover {
  color: #C63A1E !important;
}
.m-lib-super-search__alert-actions--red .m-lib-call-to-action button {
  background-color: #AF2B11 !important;
}
.m-lib-super-search__alert-actions--red .m-lib-call-to-action button:hover {
  background-color: #C63A1E !important;
}

.m-lib-super-search__dimmer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9990;
  background: black;
  opacity: 0.33;
}

.m-lib-super-search__focus-boundary {
  display: contents;
}

.m-lib-super-search__input {
  color: #141414;
  padding-left: 52px;
  padding-right: 52px;
  border: 0 none;
}
.m-lib-super-search__input:focus {
  border: 0 none;
}
.m-lib-super-search__input-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
}
.m-lib-super-search__input-clear {
  background: #717171;
  border: none;
  font-size: 0;
  line-height: 1;
  padding: 16px;
}

.m-lib-super-search__input-container {
  align-items: center;
  border-bottom: 1px solid #FFFFFF;
  display: grid;
  grid-template-columns: 52px 1fr 52px;
  justify-items: center;
  margin-bottom: 0;
  position: relative;
  z-index: 9991;
  min-height: 52px;
}
.m-lib-super-search__input-container > .m-lib-super-search__input-icon {
  grid-column: 1/2;
  grid-row: 1/2;
}
.m-lib-super-search__input-container > .m-lib-super-search__input {
  grid-column: 1/4;
  grid-row: 1/2;
}

.m-lib-super-search__performance {
  text-align: right;
  font-size: 12px;
  padding-right: 6px;
}

.m-lib-super-search__result {
  margin-left: 2px;
  margin-right: 2px;
}
.m-lib-super-search__result .search-indicator {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  font-weight: 400;
}
.m-lib-super-search__result .search-indicator.outage {
  color: #CE3D20;
  font-weight: 500;
}
.m-lib-super-search__result .search-indicator.registration {
  color: #222222;
}
.m-lib-super-search__result .search-indicator svg {
  min-width: 14px;
  min-height: 14px;
  height: 14px;
  width: 14px;
}
.m-lib-super-search__result--selected a {
  background: #f2f2f2;
}
.m-lib-super-search__result-info {
  font-size: x-small;
  padding-left: 6px;
}
.m-lib-super-search__result-target {
  font-style: italic;
}
.m-lib-super-search__result-term {
  font-weight: bold;
  border-bottom: solid 2px #E64626;
}
.m-lib-super-search__result-not-ok {
  padding: 4px 48px 4px 64px;
}
.m-lib-super-search__result a {
  color: inherit;
  padding: 4px 48px 4px 64px;
  text-decoration: none;
}
.m-lib-super-search__result a .m-button__icon-right {
  margin-left: 2px;
  padding-top: 2px;
}
.m-lib-super-search__result a:focus {
  background: #f2f2f2;
}

.m-lib-super-search__results-pane {
  background-color: #FFFFFF;
  border: 1px solid #141414;
  left: 0;
  position: absolute;
  right: 0;
  top: 52px;
  z-index: 9992;
  margin-top: -1px;
  border-top: 0;
}
.m-has-overlay-search .m-lib-super-search__results-pane {
  margin-top: 0px;
  border-top: 1px solid #141414;
}
.m-lib-super-search__results-pane:first-child {
  margin-top: 0;
}
.m-lib-super-search__results-pane-heading {
  color: #717171;
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 16px;
  padding-left: 52px;
  line-height: normal;
}
.m-lib-super-search__results-pane-heading:hover {
  background: none;
}
.m-lib-super-search__results-pane li {
  color: #141414;
  display: flex;
  flex-direction: column;
}
.m-lib-super-search__results-pane h2 {
  margin-bottom: 8px;
  margin-top: 16px;
}

#skiptonav {
  font-size: 18px;
  font-weight: 500;
  padding: 5px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: white;
  background: #CE3D20;
  transition: top 0.5s ease-out;
  z-index: -1;
  opacity: 0;
}
#skiptonav:focus {
  right: 0px;
  bottom: -36px;
  outline-color: transparent;
  transition: top 0.05s ease-in;
  z-index: 9999;
  opacity: 1;
  outline: none;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-homepage-banner {
  position: relative;
}
.m-lib-homepage-banner__title-cell {
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 1;
  background: #E64626;
  margin-top: 0;
  padding-left: 16px;
}
@media (min-width: 1200px) {
  .m-lib-homepage-banner__title-cell {
    padding-left: 0;
    margin-top: -20%;
    width: 80%;
  }
}
.m-lib-homepage-banner__title-cell:before {
  content: "";
  width: 26%;
  position: absolute;
  background-color: #E64626;
  top: 0;
  bottom: 0;
  left: -25%;
  z-index: -1;
}
.m-lib-homepage-banner__title {
  font-family: "Lyon", Helvetica, sans-serif;
  font-size: 36px;
  line-height: 48px;
  font-weight: normal;
  font-style: italic;
  width: 100%;
  padding: 20px 20px 0 0;
  color: #141414;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  margin-top: 0px !important;
}
@-moz-document url-prefix() {
  .m-lib-homepage-banner__title {
    font-variant-ligatures: none;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  .m-lib-homepage-banner__title {
    font-variant-ligatures: none;
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .m-lib-homepage-banner__title {
    font-variant-ligatures: none;
  }
}
@media (min-width: 1200px) {
  .m-lib-homepage-banner__title {
    padding: 20px 80px 0px 0;
    font-size: 48px;
    font-weight: 200;
  }
}
.m-lib-homepage-banner__image {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
}
.m-lib-homepage-banner__image img {
  width: 101%;
  max-height: 339px;
}
.m-lib-homepage-banner__link-wrapper .m-link {
  display: inline-block;
  font-family: "Apercu", Courier, monospace;
  font-size: 20px;
  color: #141414;
  padding: 8px 20px 20px 0px;
  position: relative;
}
@media (min-width: 768px) {
  .m-lib-homepage-banner__link-wrapper .m-link {
    font-size: 22px;
  }
}
.m-lib-homepage-banner__link-wrapper .m-link:hover, .m-lib-homepage-banner__link-wrapper .m-link:focus {
  color: #141414;
  text-decoration: underline;
}
.m-lib-homepage-banner__link-wrapper .m-link__icon-right {
  --fill-colour: palette.$black-100 !important;
  fill: #141414 !important;
  top: 3px;
}
.m-lib-homepage-banner.full-width {
  height: 339px;
  overflow: hidden;
}
.m-lib-homepage-banner.full-width .m-content-container {
  position: relative;
  margin-bottom: 0;
}
.m-lib-homepage-banner.full-width .m-lib-homepage-banner__title-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .m-lib-homepage-banner.full-width .m-lib-homepage-banner__title-wrapper {
    background: #E64626;
  }
}
.m-lib-homepage-banner.full-width .m-lib-homepage-banner__title-cell {
  width: 100%;
}
@media (min-width: 768px) {
  .m-lib-homepage-banner.full-width .m-lib-homepage-banner__title-cell {
    width: 80%;
    margin-top: 0;
    bottom: 0;
    top: auto;
    left: 0;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-content-link {
  padding: 0 32px 32px 32px;
  color: #141414;
}
@media (max-width: 1199px) {
  .m-lib-content-link {
    padding: 64px 16px 16px 16px;
  }
}
.m-lib-content-link__tag {
  padding-bottom: 8px;
}
.m-lib-content-link__description {
  font-size: 22px;
  margin: auto;
}
.m-lib-content-link__link-wrapper {
  display: flex;
  justify-content: end;
}
.m-lib-content-link__link-wrapper .m-link {
  display: inline-block;
}
.m-lib-content-link__link-wrapper .m-link__icon-right {
  left: initial;
  top: 20px;
}
.m-lib-content-link__link-wrapper .m-link:hover .m-link__icon-right {
  left: initial;
  top: 25px;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-article {
  color: #141414;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .m-lib-article {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.m-lib-article__section--title {
  color: #141414;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 10px;
}
.m-lib-article__section--title--desktop {
  padding-left: 16px;
}
@media (max-width: 767px) {
  .m-lib-article__section--title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .m-lib-article__content {
    display: flex;
    align-items: center;
    margin: -16px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.m-lib-article__feature {
  position: relative;
}
.m-lib-article__feature:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(175, 43, 17, 0.5) 0%, transparent 91.15%);
  z-index: 1;
}
@media (min-width: 768px) {
  .m-lib-article__feature {
    padding: 0 16px;
    order: 2;
  }
}
.m-lib-article__gradient-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.1%, #000000 91.15%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.m-lib-article__caption-date, .m-lib-article__other-content--date {
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.m-lib-article__caption-desc > h4, .m-lib-article__other-content--desc {
  color: #141414;
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 0;
  text-decoration: none;
}
.m-lib-article__caption-desc > h4:hover:after, .m-lib-article__other-content--desc:hover:after {
  content: "";
  border-bottom: 3px solid #C63A1E;
  width: 30px;
  display: block;
  position: absolute;
  margin-top: 2px;
}
.m-lib-article__other-content--desc:hover {
  color: #C63A1E;
}
.m-lib-article__caption {
  color: #FFFFFF;
  padding: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.m-lib-article__caption-date {
  color: #FFFFFF;
}
.m-lib-article__caption-desc h4 {
  color: #FFFFFF;
}
.m-lib-article__caption-desc {
  display: flex;
  justify-content: space-between;
}
.m-lib-article__caption-desc .m-link {
  color: #FFFFFF;
  display: inline-block;
  margin-left: 8px;
}
@media (max-width: 767px) {
  .m-lib-article__caption-desc .m-link svg {
    display: none;
  }
}
.m-lib-article__other {
  padding: 16px;
}
@media (min-width: 768px) {
  .m-lib-article__other {
    width: 50%;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.m-lib-article__other-item {
  border-top: 1px solid #717171;
  padding: 16px 0;
}
.m-lib-article__other-item:first-child {
  padding-top: 0;
  border-top: 0 none;
}
.m-lib-article__other-item--cta {
  border-top: none;
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.m-lib-article .m-link {
  display: inline-flex;
  color: #E64626;
}
.m-lib-article .m-link__content {
  display: block;
  font-size: 16px;
  font-weight: 500;
  left: 0;
  line-height: 24px;
  position: relative;
  text-decoration: none;
}
.m-lib-article .m-link.m-lib-article__m-link {
  display: block;
  color: #141414;
  text-decoration: none;
  margin-top: 0;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-learnAbout {
  background: #FDF5F0;
  padding: 64px 0;
}
.m-lib-learnAbout__container {
  margin: 0;
  padding: 0 16px;
}
@media (min-width: 1200px) {
  .m-lib-learnAbout__container {
    padding: 0;
  }
}
.m-lib-learnAbout__container .m-grid {
  margin: -8px;
}
@media (min-width: 1200px) {
  .m-lib-learnAbout__container .m-grid {
    margin: -16px;
  }
}
.m-lib-learnAbout__container .m-grid__cell {
  padding: 0 8px;
}
@media (min-width: 1200px) {
  .m-lib-learnAbout__container .m-grid__cell {
    padding: 0 16px;
  }
}
.m-lib-learnAbout__title {
  color: #141414;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .m-lib-learnAbout__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
  }
}
.m-lib-learnAbout__content {
  cursor: pointer;
  border-top: 1px solid #141414;
  padding: 10px 0;
}
.m-lib-learnAbout__content p {
  color: #141414;
}
.m-lib-learnAbout__content-category {
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
}
.m-lib-learnAbout__content-title {
  color: #141414;
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 8px;
}
.m-lib-learnAbout__content-title:hover {
  color: #C63A1E;
}
.m-lib-learnAbout__content-title:hover:after {
  content: "";
  border-bottom: 3px solid #C63A1E;
  width: 30px;
  display: block;
  position: absolute;
  margin-top: 2px;
}
@media (min-width: 1200px) {
  .m-lib-learnAbout__content-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.m-lib-learnAbout__content:hover .m-lib-learnAbout__content-title {
  text-decoration: none;
}
.m-lib-learnAbout .m-link {
  color: #E64626;
  display: inline-flex;
  margin-top: 16px;
}
@media (min-width: 1200px) {
  .m-lib-learnAbout .m-link {
    margin-top: 32px;
  }
}
.m-lib-learnAbout .m-link__content {
  font-size: 16px;
  left: 0;
  line-height: 24px;
  position: relative;
  text-decoration: none;
}
.m-lib-learnAbout .m-link.m-lib-learnAbout__m-link {
  display: block;
  color: #141414;
  text-decoration: none;
  margin-top: 0;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-opening-hours-wrapper {
  position: relative;
  padding: 0;
  min-height: 50px;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper {
    padding: 44px 0;
  }
  .m-lib-opening-hours-wrapper .m-content-container {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .m-lib-opening-hours-wrapper {
    min-height: 144px;
  }
}

.m-lib-opening-hours-wrapper .m-lib-opening-hours {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  transition: all 0.2s;
  background: #FFFFFF;
  border-bottom: #D2D2D2 1px solid;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours {
    border-bottom: 0;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel {
    padding: 0;
    flex-direction: column;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn {
  display: inline-block;
  white-space: nowrap;
  padding: 10px 0;
  text-decoration: none;
  position: relative;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #E64626;
  z-index: 99;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn:last-child {
  padding-right: 0;
}
@media (min-width: 1200px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn:first-child {
    padding-left: 0px;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn span {
  text-decoration: none;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn .m-link--library__content {
  display: inline-flex;
  align-items: center;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn svg {
  transition: all 0.3s;
  position: relative;
  top: 3px;
  margin-left: 5px;
  --fill-colour: #E64626 !important;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn b {
  margin-left: 20px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn:hover svg, .m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn:focus svg, .m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-link-drpdwn:active svg {
  right: 0 !important;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-lib-drpdwn-filter__drpdwn.show .m-link svg {
  transform: rotate(-90deg);
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-lib-drpdwn-filter__drpdwn.show .m-lib-opening-hours__detail-panel {
  max-height: 1000px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-lib-drpdwn-filter__drpdwn.hide .m-link svg {
  transform: rotate(90deg);
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-lib-drpdwn-filter__drpdwn.hide .m-lib-opening-hours__detail-panel {
  max-height: 0;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-panel .m-lib-drpdwn-filter__drpdwn .m-link .m-link-drpdwn__icon {
  transform: none !important;
  position: relative;
  top: 0px;
  left: 0;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__utility-nav {
  display: flex;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__utility-nav {
    position: relative;
    width: 100%;
    min-height: 50px;
    padding-left: 10px;
  }
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__utility-nav:after {
    position: absolute;
    content: "";
    width: 110%;
    bottom: 0;
    height: 2px;
    background: #EDEDED;
    left: -5%;
    z-index: 2;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__utility-nav .m-link {
  margin-left: 32px;
  color: #141414;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__utility-nav .m-link:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__utility-nav .m-link:first-child {
    margin-right: 20px;
    margin-left: 8px;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__filters {
  display: flex;
  overflow: visible;
  align-items: center;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__filters {
    padding: 3px 0 2px 20px;
    flex-wrap: wrap;
    border-bottom: #D2D2D2 1px solid;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__filters--list-item {
  margin-bottom: 0;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours-wrapper {
  background-color: #FFFFFF;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  width: 456px;
  max-width: 95vw;
  transition: all 0.3s ease-in-out;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours-wrapper .m-link {
  padding: 5px 8px 0 8px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours-wrapper .m-link:last-child {
  padding-bottom: 5px;
}
@media (min-width: 992px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__title {
    width: 100%;
    max-width: 480px;
    padding-right: 10px;
    border-right: 2px solid #D2D2D2;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__text {
  padding: 0px 5px;
  white-space: nowrap;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel {
  background: #FFFFFF;
  width: 100%;
  max-width: 480px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel {
    max-width: initial;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .span {
  display: inline-block;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab-wrapper {
  padding: 8px 40px;
  border: solid 2px #D2D2D2;
  border-bottom: 0;
  border-top: 0;
  gap: 0;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab-wrapper {
    border: none;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab {
  background: none;
  border: none;
  border-bottom: 3px solid #D2D2D2;
  padding: 8px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab svg {
  position: relative;
  top: 3px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab--selected {
  border-bottom: 3px solid #E64626;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab--selected:before {
  display: none;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__tab--selected svg {
  --fill-colour: white !important;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__content-wrapper {
  background: #FFFFFF;
  border: solid 2px #D2D2D2;
  border-top: 0;
  padding: 8px 0;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__detail-panel .m-tab__content-wrapper {
    border: none;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours {
  position: relative;
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 4px 40px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours svg {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  display: none;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours:focus, .m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours:hover {
  background: #EDEDED;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours:focus, .m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours:hover {
    background: #D2D2D2;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours:focus svg, .m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours:hover svg {
  display: inline-block;
  opacity: 0.3;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours.active {
  background: #EDEDED;
}
@media (max-width: 991px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours.active {
    background: none;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours.active svg {
  display: inline-block;
  opacity: 1;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours .m-link__content {
  display: block;
  text-decoration: none;
  color: #141414;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours .m-link__content span {
  display: inline-block;
  text-decoration: none;
}
@media (max-width: 575px) {
  .m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours .m-link__content span {
    max-width: 190px;
  }
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours__time {
  min-width: 100px;
  float: right;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__opening-hours__time b {
  text-align: left;
  text-decoration: none;
  font-weight: normal;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__staff-note {
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 12px;
  padding: 24px 24px 24px 40px;
  padding-bottom: 0;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__staff-note svg {
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-wrapper {
  background: #FFFFFF;
  padding: 0 40px 20px 40px;
  text-align: left;
  border: solid 2px #D2D2D2;
  border-top: 0;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-wrapper a.m-link {
  text-decoration: none;
  font-size: 16px;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-wrapper a.m-link span {
  text-decoration: none;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-wrapper a.m-link svg {
  transition: all 0.3s;
  position: relative;
  top: 3px;
  left: 0;
}
.m-lib-opening-hours-wrapper .m-lib-opening-hours__link-wrapper a.m-link:hover svg {
  transition: all 0.3s;
  left: 5px;
}

.m-lib-opening-hours-wrapper .m-lib-drpdwn-filter__opening-hours {
  min-width: 220px;
  z-index: 99;
  background-color: #FFFFFF;
  margin-top: 12px;
}
.m-lib-opening-hours-wrapper .m-lib-drpdwn-filter__opening-hours .m-lib-opening-hours__detail-panel {
  background-color: #FFFFFF;
  width: 100%;
  border: solid 2px #D2D2D2;
  border-top: 0;
  margin-top: 0;
}
.m-lib-opening-hours-wrapper .m-lib-drpdwn-filter__opening-hours .m-lib-opening-hours__detail-panel .m-link:hover {
  background: #EDEDED;
}
.m-lib-opening-hours-wrapper .is-online {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
}
.m-lib-opening-hours-wrapper .is-online.green {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACySURBVHgBhZG9DcJADIWfHWioGCEjwAZJxwAUdKxAmwqoaNkA0VFQUKbjRmCEGyEVRX7O+IQiAjqSJ1k6yZ++k21CJ4vDMhHBTGvKDJNnV9P26A2sYkF9UiDBV8gyRWmeXSx5yKG5QyRGMGQnZTVnQbP9D/lI/ByPNgr+fheS0pr7bR8rK20HhX4oODljmDRcVvWReqzeRoj2bHa3Qh9pCCY1UbvHbsNfxjkkChRaj+5lXpPiQv6HUFGRAAAAAElFTkSuQmCC");
}
.m-lib-opening-hours-wrapper .is-online.red {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADqSURBVHgBXZHNccJADIWfFApwCUoHeLhlkozpIB0k7sAdkBaoAKiAEtgBroxdwnaAG/AKeWeNbXTRjvStfp4IE6sLKUKHJQgZM1zuvBtylADRDjt7Fpibpzes7YOnCAWcoBBLtEo4xAqKX3NZgnNGh02ECI0F3ldnXzFwT1BvEgIqtgqxHTFKa9HW37JRxX8fM78dqnNqCYOaGQSUq6uvhqoLInhLyu1LjuZ/ntDF7+sPWWpaigPS8HiBCsl0EZXoY45iIKAetrYO+zTf32Tr9ajjKNHUnEFl1HF2mU+7DJsKipYVTX4dL/MA3kxvzSIm3wEAAAAASUVORK5CYII=");
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-story-promotional {
  position: relative;
}
.m-lib-story-promotional .m-link {
  color: white;
  text-decoration: none;
}
.m-lib-story-promotional .m-link:hover {
  color: white;
}
.m-lib-story-promotional .m-link:hover .m-title {
  text-decoration: none;
}
.m-lib-story-promotional__image-wrapper {
  position: relative;
  width: 100%;
  max-height: 480px;
  min-height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media (max-width: 767px) {
  .m-lib-story-promotional__image-wrapper {
    max-height: 300px;
  }
}
.m-lib-story-promotional__image-wrapper__image {
  width: 100%;
  height: auto;
  min-height: 250px;
  position: relative;
  z-index: 1;
}
.m-lib-story-promotional__image-wrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #AF2B11;
  opacity: 0.3;
}
.m-lib-story-promotional__image-wrapper:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: #141414;
  opacity: 0.5;
}
.m-lib-story-promotional__content-cell {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  min-height: 100%;
  color: #FFFFFF;
  padding: 16px 16px 16px 16px;
}
@media (max-width: 1199px) {
  .m-lib-story-promotional__content-cell {
    padding-top: 16px;
  }
}
.m-lib-story-promotional__content-cell .m-title {
  font-family: "Lyon", Helvetica, sans-serif;
  font-size: 32px;
  line-height: 64px;
  color: #FFFFFF;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 12px;
}
@-moz-document url-prefix() {
  .m-lib-story-promotional__content-cell .m-title {
    font-variant-ligatures: none;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  .m-lib-story-promotional__content-cell .m-title {
    font-variant-ligatures: none;
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .m-lib-story-promotional__content-cell .m-title {
    font-variant-ligatures: none;
  }
}
.m-lib-story-promotional__content-cell .m-title:hover:after {
  content: "";
  border-bottom: 3px solid #C63A1E;
  width: 30px;
  display: block;
  position: absolute;
  margin-top: 2px;
}
@media (min-width: 768px) {
  .m-lib-story-promotional__content-cell .m-title {
    font-size: 48px;
  }
}
.m-lib-story-promotional__content-cell p {
  font-size: 20px;
}
.m-lib-story-promotional__tag {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.m-lib-story-promotional__link-wrapper {
  position: absolute;
  bottom: 16px;
}
.m-lib-story-promotional__link-wrapper .m-link__content {
  text-decoration: none;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-events-featured {
  position: relative;
  padding: 32px 0;
}
@media (min-width: 768px) {
  .m-lib-events-featured {
    padding: 32px 0;
  }
}
@media (min-width: 992px) {
  .m-lib-events-featured {
    padding: 48px 0;
  }
}
.m-lib-events-featured__title {
  color: #141414;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 10px;
}
.m-lib-events-featured__title--sm {
  display: block;
  padding: 0 8px 16px 16px;
  margin: 0;
}
@media (min-width: 992px) {
  .m-lib-events-featured__title--sm {
    display: none;
  }
}
.m-lib-events-featured__title--md {
  display: none;
}
@media (min-width: 992px) {
  .m-lib-events-featured__title--md {
    display: block;
  }
}
@media (min-width: 992px) {
  .m-lib-events-featured__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.m-lib-events-featured__link {
  font-size: 16px;
  line-height: 24px;
  margin-top: 6px;
}
.m-lib-events-featured__link--sm {
  display: flex;
}
@media (min-width: 768px) {
  .m-lib-events-featured__link--sm {
    display: none;
  }
}
.m-lib-events-featured__link--md {
  display: none;
}
@media (min-width: 768px) {
  .m-lib-events-featured__link--md {
    display: flex;
  }
}
.m-lib-events-featured__event {
  border-top: 1px solid #717171;
  padding: 10px 0;
}
.m-lib-events-featured__event:first-child {
  border: none;
  padding-top: 0;
}
.m-lib-events-featured__event--sm {
  padding: 0 16px 16px 16px;
}
@media (min-width: 768px) {
  .m-lib-events-featured__event--sm {
    display: none;
  }
}
.m-lib-events-featured__event--md {
  display: none;
}
@media (min-width: 768px) {
  .m-lib-events-featured__event--md {
    display: block;
  }
}
@media (max-width: 575px) {
  .m-lib-events-featured__event--non-featured {
    padding: 0 16px;
    margin-bottom: 10px;
  }
  .m-lib-events-featured__event--non-featured .m-lib-events-featured__event {
    border-top: 1px solid #717171;
    padding: 16px 0 0 0;
    margin-top: 16px;
    width: 100%;
  }
  .m-lib-events-featured__event--non-featured .m-lib-events-featured__event:first-child {
    border: 0 none;
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m-lib-events-featured__event--non-featured {
    padding: 0 4px;
  }
  .m-lib-events-featured__event--non-featured .m-lib-events-featured__event {
    border: 0;
    padding: 16px 0 0 16px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--non-featured {
    padding: 0 4px;
  }
  .m-lib-events-featured__event--non-featured .m-lib-events-featured__event {
    width: 100%;
    padding: 16px 0 0 24px;
  }
}
@media (max-width: 575px) {
  .m-lib-events-featured__event--non-featured .m-lib-events-featured__event {
    padding: 16px 0 0 14px;
  }
}
.m-lib-events-featured__event--link .m-link__content {
  text-decoration: none;
}
.m-lib-events-featured__event--link:hover .m-lib-events-featured__event--title {
  text-decoration: none;
}
.m-lib-events-featured__event--type {
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--type {
    line-height: 16px;
  }
}
.m-lib-events-featured__event--title {
  color: #141414;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  padding: 5px 0;
}
.m-lib-events-featured__event--title:hover {
  color: #C63A1E;
}
.m-lib-events-featured__event--title:hover:after {
  content: "";
  border-bottom: 3px solid #C63A1E;
  width: 30px;
  display: block;
  position: absolute;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--title {
    font-size: 18px;
  }
}
.m-lib-events-featured__event--date {
  color: #141414;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--date {
    font-size: 14px;
    line-height: 20px;
  }
}
.m-lib-events-featured__event--desciption {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
}
@media (max-width: 991px) {
  .m-lib-events-featured__event--desciption {
    font-size: 14px;
  }
  .m-lib-events-featured__event--desciption li, .m-lib-events-featured__event--desciption p, .m-lib-events-featured__event--desciption strong {
    font-size: 14px;
  }
}
.m-lib-events-featured__event--desciption strong {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .m-lib-events-featured__event--desciption strong {
    font-size: 14px;
  }
}
.m-lib-events-featured__event--desciption * {
  display: inline;
}
.m-lib-events-featured__event--highlighted {
  position: relative;
  padding: 0 0 0 22px;
  order: 1;
}
@media (max-width: 991px) {
  .m-lib-events-featured__event--highlighted {
    order: 0;
    padding: 0;
    margin: 0;
  }
}
.m-lib-events-featured__event--image-wrapper {
  position: relative;
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--image-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.1%, #000000 91.15%);
    z-index: 1;
  }
}
.m-lib-events-featured__event--overlay {
  background: #F7F7F7;
  color: #141414;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 20px;
  width: 75%;
}
@media (min-width: 768px) {
  .m-lib-events-featured__event--overlay {
    width: 65%;
  }
}
@media (max-width: 991px) {
  .m-lib-events-featured__event--overlay {
    padding: 20px 26px;
  }
}
.m-lib-events-featured__event--overlay-static {
  position: static;
  width: 100%;
}
.m-lib-events-featured__event--no-overlay {
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 20px 20px;
  z-index: 1;
  width: 80%;
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--no-overlay {
    padding: 0 0 10px 26px;
  }
}
.m-lib-events-featured__event--no-overlay h4 {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .m-lib-events-featured__event--no-overlay .m-lib-events-featured__event--title {
    color: #FFFFFF;
    margin-bottom: 6px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .m-lib-events-featured .m-lib-events-featured__link {
    padding-left: 16px;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-country-acknowledgement {
  background: #E64626;
  color: #141414;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .m-lib-country-acknowledgement {
    padding-bottom: 6px;
  }
}
.m-lib-country-acknowledgement__declaration {
  border-bottom: 1px solid #141414;
  padding-bottom: 32px;
  text-align: center;
}
@media (min-width: 992px) {
  .m-lib-country-acknowledgement__declaration {
    font-size: 18px;
    text-align: left;
    padding-right: 24px;
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 1px solid #141414;
  }
}
.m-lib-country-acknowledgement__declaration-text {
  font-family: "Lyon", Helvetica, sans-serif;
}
.m-lib-country-acknowledgement__declaration .m-link {
  margin-top: 24px;
  display: inline-flex;
}
.m-lib-country-acknowledgement__logo {
  text-align: center;
}
@media (max-width: 991px) {
  .m-lib-country-acknowledgement__logo {
    margin-top: 32px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .m-lib-country-acknowledgement__logo {
    display: block;
  }
}
.m-lib-country-acknowledgement__strapline {
  color: #141414;
  margin-top: 16px;
  font-family: "Apercu", Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 100;
}
.m-lib-country-acknowledgement__strapline i {
  font-family: "Lyon", Helvetica, sans-serif;
  font-weight: 400;
}
@-moz-document url-prefix() {
  .m-lib-country-acknowledgement__strapline i {
    font-variant-ligatures: none;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  .m-lib-country-acknowledgement__strapline i {
    font-variant-ligatures: none;
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .m-lib-country-acknowledgement__strapline i {
    font-variant-ligatures: none;
  }
}
@media (max-width: 991px) {
  .m-lib-country-acknowledgement__strapline {
    margin-left: 50px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .m-lib-country-acknowledgement__strapline {
    margin-left: 0;
    margin-top: 16px;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-cultural-wellbeing {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #141414;
  overflow: hidden;
}
.m-lib-cultural-wellbeing.hide {
  display: none;
}
.m-lib-cultural-wellbeing__background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.m-lib-cultural-wellbeing__content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 950px;
  max-height: 90vh;
  padding: 16px;
  z-index: 10;
}
.m-lib-cultural-wellbeing__content {
  color: #FFFFFF;
  background-color: rgba(64, 100, 92, 0.9);
  padding: 24px;
}
@media (min-width: 992px) {
  .m-lib-cultural-wellbeing__content {
    padding: 24px 130px;
  }
}
.m-lib-cultural-wellbeing__content--heading {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #FFFFFF;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .m-lib-cultural-wellbeing__content--heading {
    justify-content: space-between;
    margin-right: 36px;
  }
  .m-lib-cultural-wellbeing__content--heading .m-logo svg {
    width: 115px;
  }
}
@media (max-width: 575px) {
  .m-lib-cultural-wellbeing__content--heading .m-lib-header__logo-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.m-lib-cultural-wellbeing__content--details {
  max-height: 45vh;
  overflow: auto;
  padding-left: 6px;
  padding-right: 6px;
}
.m-lib-cultural-wellbeing__content--details .m-title {
  color: #FFFFFF;
  font-style: italic;
  font-weight: normal;
  line-height: 64px;
  margin-top: 10px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .m-lib-cultural-wellbeing__content--details .m-title {
    font-size: 36px;
    line-height: 48px;
    margin-top: 0;
  }
}
.m-lib-cultural-wellbeing__content--details a {
  color: #FFFFFF;
}
.m-lib-cultural-wellbeing__content--details a:hover {
  text-decoration: none;
}
.m-lib-cultural-wellbeing__content--details .description {
  font-size: 14px;
  line-height: 20px;
}
.m-lib-cultural-wellbeing__content--action {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 575px) {
  .m-lib-cultural-wellbeing__content--action {
    display: block;
  }
}
.m-lib-cultural-wellbeing__content--action .m-button {
  margin-right: 20px;
}
@media (max-width: 575px) {
  .m-lib-cultural-wellbeing__content--action .m-button {
    width: 100%;
    margin-top: 10px;
  }
}
.m-lib-cultural-wellbeing__content--action .m-button__content {
  line-height: 24px;
  font-weight: 500;
}
.m-lib-cultural-wellbeing__content--action .m-button__icon-right {
  --fill-colour: palette.$colour-ui-accessible-green-110 !important;
}
.m-lib-cultural-wellbeing__content--close {
  position: absolute;
  right: 40px;
  top: 40px;
}
@media (max-width: 575px) {
  .m-lib-cultural-wellbeing__content--close {
    top: 62px;
    right: 35px;
  }
  .m-lib-cultural-wellbeing__content--close svg {
    width: 28px;
    height: 28px;
  }
}
.m-lib-cultural-wellbeing .m-lib-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
}
.m-lib-cultural-wellbeing .m-lib-video__video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-width: 100vw;
  min-height: 100vh;
  z-index: 9;
}
.m-lib-cultural-wellbeing .m-lib-video__controls {
  z-index: 99;
  bottom: 0;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-page-book-a-space .page-title .m-title {
  font-size: 73px;
  line-height: 96px;
  font-weight: 100;
}
.m-page-book-a-space .m-tab__tab {
  padding-top: 16px;
  font-weight: 100;
}
.m-page-book-a-space .m-tab__tab-btn-content {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.m-page-book-a-space .m-dropdown__panel {
  border-bottom: 1px solid #d8dbdd;
}
.m-page-book-a-space .m-booking-panel__m-link {
  margin-top: 20px;
}
.m-page-book-a-space .m-book-desk__form {
  margin-top: 20px;
}
.m-page-book-a-space .m-tab__tab-wrapper {
  max-width: 630px;
  padding: 8px 0 8px 0;
  border: 0;
  border-top: 0;
  gap: 0;
}
@media (max-width: 767px) {
  .m-page-book-a-space .m-tab__tab-wrapper {
    border: none;
  }
}
.m-page-book-a-space .m-tab__tab {
  background: none;
  border: none;
  border-top: 3px solid #FFFFFF;
  padding: 8px 0px;
  width: auto;
  margin-right: 30px;
  color: #717171;
  font-weight: 700;
}
.m-page-book-a-space .m-tab__tab:hover {
  color: #E64626;
}
.m-page-book-a-space .m-tab__tab:last-child {
  margin-right: 0;
}
.m-page-book-a-space .m-tab__tab svg {
  position: relative;
  top: 3px;
}
.m-page-book-a-space .m-tab__tab--selected {
  border-top: 3px solid #E64626;
  color: #141414;
}
.m-page-book-a-space .m-tab__tab--selected:before {
  display: none;
}
.m-page-book-a-space .m-tab__tab--selected svg {
  --fill-colour: white !important;
}
.m-page-book-a-space .m-tab__content-wrapper {
  background: #FFFFFF;
  border: 0;
  border-top: 0;
  border-bottom: 0;
  padding: 24px 0;
}
@media (max-width: 767px) {
  .m-page-book-a-space .m-tab__content-wrapper {
    border: none;
  }
}
.m-page-book-a-space__tabs--old-link {
  margin-top: 20px;
  text-align: right;
}
.m-page-book-a-space__tabs--old-link a {
  display: block;
}
.m-page-book-a-space .m-dropdown__toggle-button {
  background: none;
  padding-right: 40px;
}
.m-page-book-a-space .m-dropdown__toggle-button svg {
  position: absolute;
  right: 20px;
}
.m-page-book-a-space .m-dropdown__option {
  border: none;
}
.m-page-book-a-space .m-text {
  padding: 16px;
  border: 1px solid #d8dbdd;
  margin-bottom: 24px;
}
.m-page-book-a-space .m-input {
  margin-bottom: 24px;
}
.m-page-book-a-space .m-input__label {
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
}
.m-page-book-a-space .m-checkbox-group .m-form-title {
  margin-bottom: 0;
}

.m-booking-panel {
  overflow: hidden;
}
.m-booking-panel__track {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  left: 0;
  transition: left 0.25s linear;
}
.m-booking-panel__track.step2 {
  left: -100%;
  transition: left 0.25s linear;
}
.m-booking-panel__track.step3 {
  left: -200%;
  transition: left 0.25s linear;
}
.m-booking-panel__third, .m-booking-panel__second, .m-booking-panel__first {
  width: 100%;
  flex: 0 0 100%;
}
@media (max-width: 767px) {
  .m-booking-panel__third > .m-grid, .m-booking-panel__second > .m-grid, .m-booking-panel__first > .m-grid {
    display: block;
  }
}
.m-booking-panel .form-control-date .m-input__input, .m-booking-panel .form-control-starttime .m-input__input, .m-booking-panel .form-control-endtime .m-input__input {
  padding-right: 12px;
}
.m-booking-panel .m-link svg {
  position: relative;
  top: 3px;
}
.m-booking-panel__userform {
  padding-right: 120px;
}
.m-booking-panel__result-item {
  border-bottom: 1px solid #D2D2D2;
}
.m-booking-panel__result-item .m-link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.m-booking-panel__result-item .m-link .m-title {
  margin-bottom: 0;
}
.m-booking-panel__result-item .m-link svg {
  --fill-colour: #E64626 !important;
}
.m-booking-panel__conformation h2, .m-booking-panel__conformation h3, .m-booking-panel__conformation h4 {
  font-weight: 100;
  margin-bottom: 10px;
}
.m-booking-panel__conformation .m-booking-panel__m-link {
  margin: 20px 0;
  display: block;
}
.m-booking-panel__conformation .m-booking-panel__form .m-form {
  max-width: 500px;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-exhibition {
  margin: 24px 0 8px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .m-lib-exhibition {
    margin: 32px 0;
  }
}
@media (min-width: 992px) {
  .m-lib-exhibition {
    margin: 48px 0;
  }
}
.m-lib-exhibition__screen {
  display: none;
}
@media (min-width: 992px) {
  .m-lib-exhibition__screen-lg {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m-lib-exhibition__screen-md {
    display: flex;
  }
}
@media (max-width: 767px) {
  .m-lib-exhibition__screen-sm {
    display: flex;
  }
}
.m-lib-exhibition__content-medium--screen .m-grid__cell {
  margin-bottom: 20px;
}
.m-lib-exhibition__gradient-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29.69%, #000000 91.15%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
}
.m-lib-exhibition__caption {
  color: #FFFFFF;
  padding: 16px;
  padding-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.m-lib-exhibition__caption-title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 8px;
}
.m-lib-exhibition__caption-title:hover:after {
  content: "";
  border-bottom: 3px solid #C63A1E;
  width: 30px;
  display: block;
  position: absolute;
  margin-top: 4px;
}
.m-lib-exhibition__caption-sub--title {
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 500;
}
.m-lib-exhibition__caption-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.m-lib-exhibition__tile {
  position: relative;
}
.m-lib-exhibition__tile-common {
  background: #FDF5F0 !important;
  height: 100%;
}
.m-lib-exhibition__tile-common .m-lib-exhibition__caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.m-lib-exhibition__tile-common .m-lib-exhibition__caption-title, .m-lib-exhibition__tile-common .m-lib-exhibition__caption-description {
  color: #141414;
}
.m-lib-exhibition__tile--full-width {
  margin-bottom: 20px;
}
.m-lib-exhibition__tile--full-height {
  height: 100%;
}
.m-lib-exhibition__tile .m-picture--full-height {
  position: static;
  height: 100%;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-cards {
  padding: 16px 0;
}
.m-lib-cards__card {
  padding-bottom: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .m-lib-cards__card:last-child {
    padding-top: 0;
  }
}
.m-lib-cards__item {
  border: 1px solid #D2D2D2;
  box-sizing: border-box;
  display: table;
  height: 100%;
  padding-bottom: 60px;
  position: relative;
  width: 100%;
}
.m-lib-cards__item:hover {
  border-color: #141414;
}
@media (min-width: 768px) {
  .m-lib-cards {
    padding: 24px 0;
  }
}
.m-lib-cards__content {
  padding: 16px;
  padding-top: 0;
}
@media (min-width: 768px) {
  .m-lib-cards__content {
    min-height: 112px;
  }
}
.m-lib-cards__image {
  margin-bottom: 20px;
}
.m-lib-cards__image .m-picture {
  min-height: 200px;
}
.m-lib-cards__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 8px;
}
.m-lib-cards__strapline {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.m-lib-cards__desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
}
.m-lib-cards__bottom-line {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 16px;
}
.m-lib-cards__column-layout {
  flex-direction: column;
  align-items: flex-start;
}
.m-lib-cards__column-layout .m-lib-cards__opening {
  order: 1;
}
.m-lib-cards__column-layout .m-lib-cards__available-seats {
  order: 0;
}
.m-lib-cards__opening {
  padding-left: 20px;
  position: relative;
}
.m-lib-cards__opening:before {
  content: " ";
  position: absolute;
  background: #D2D2D2;
  border-radius: 50%;
  height: 10px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
}
.m-lib-cards__opening-active:before {
  background: #468654;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-heading__description {
  margin-bottom: 24px;
}
.m-lib-heading__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
@media (min-width: 992px) {
  .m-lib-heading__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .m-lib-heading__title {
    font-size: 48px;
    line-height: 48px;
  }
}
.m-lib-heading__strapline {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 992px) {
  .m-lib-heading__strapline {
    font-size: 24px;
    line-height: 32px;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-drpdwn-filter {
  display: flex;
  flex-wrap: wrap;
}
.m-lib-drpdwn-filter--with-department {
  display: block;
}
.m-lib-drpdwn-filter__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 8px;
}
.m-lib-drpdwn-filter__title * {
  display: inline-block;
  margin: 0;
}
.m-lib-drpdwn-filter__title .m-lib__opening {
  position: relative;
}
.m-lib-drpdwn-filter__title .m-lib__opening-active:before {
  content: " ";
  position: absolute;
  background: #468654;
  border-radius: 50%;
  height: 10px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
}
.m-lib-drpdwn-filter__title .m-lib__opening-close:before {
  content: " ";
  position: absolute;
  border: 2px solid #ee3e2b;
  border-radius: 50%;
  height: 8px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 8px;
}
.m-lib-drpdwn-filter__drpdwn {
  position: relative;
  white-space: nowrap;
}
.m-lib-drpdwn-filter .m-link-drpdwn {
  border-bottom: 1px solid #CE3D20;
  display: block;
  align-items: center;
  padding: 0 20px 6px 0;
  width: 100%;
}
.m-lib-drpdwn-filter .m-link-drpdwn span {
  text-decoration: none;
  display: flex;
}
.m-lib-drpdwn-filter .m-link-drpdwn span span {
  display: inline-block;
  padding-right: 3px;
}
.m-lib-drpdwn-filter .m-link-drpdwn span svg {
  position: static;
}
.m-lib-drpdwn-filter .m-link-drpdwn svg {
  right: 0 !important;
  transition: all 0.3s;
  position: absolute;
  top: 5px;
}
.m-lib-drpdwn-filter .m-link-drpdwn.collapse svg {
  transform: rotate(90deg);
}
.m-lib-drpdwn-filter .m-link-drpdwn.expand svg {
  transform: rotate(-90deg);
}
.m-lib-drpdwn-filter .m-link-drpdwn .m-link-drpdwn__icon {
  transform: rotate(0) !important;
  top: 0 !important;
  right: 25px !important;
}
.m-lib-drpdwn-filter__opening-hours {
  background-color: #F7F7F7;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 9;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.m-lib-drpdwn-filter__opening-hours .m-link {
  padding: 5px 8px 0 8px;
  margin: 2px;
  white-space: nowrap;
}
.m-lib-drpdwn-filter__opening-hours .m-link:last-child {
  padding-bottom: 5px;
}
.m-lib-drpdwn-filter__expand {
  max-height: 100px;
}
.m-lib-drpdwn-filter__collapse {
  max-height: 0;
}
.m-lib-drpdwn-filter__department {
  flex-basis: 100%;
}
.m-lib-drpdwn-filter__department-filters {
  display: flex;
  max-width: 360px;
  justify-content: space-between;
  padding: 4px 0;
  margin-top: 16px;
  margin-bottom: 16px;
}
.m-lib-drpdwn-filter__department-filters--department {
  flex: 1;
  padding-right: 4px;
}
.m-lib-drpdwn-filter__department-filters--date {
  position: relative;
  flex: 1;
  padding-left: 4px;
}
.m-lib-drpdwn-filter__department-filters--date svg {
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: #FFFFFF;
}
@-moz-document url-prefix() {
  .m-lib-drpdwn-filter__department-filters--date svg {
    display: none;
  }
}
.m-lib-drpdwn-filter__department-filters .m-dropdown {
  margin-bottom: 0;
  font-size: 14px;
}
.m-lib-drpdwn-filter__department-filters .m-dropdown__toggle-button {
  background: none;
  padding-right: 32px;
}
.m-lib-drpdwn-filter__department-filters .m-dropdown__toggle-button svg {
  position: absolute;
  right: 12px;
}
.m-lib-drpdwn-filter__department-filters .m-dropdown__option {
  border: none;
}
.m-lib-drpdwn-filter__department-filters .m-dropdown__panel {
  border-bottom: 1px solid #d8dbdd;
}
.m-lib-drpdwn-filter__department-filters .m-date {
  padding: 15px 8px;
  font-size: 14px;
  height: 100%;
}
.m-lib-drpdwn-filter__department-hours {
  display: flex;
  max-width: 360px;
  justify-content: space-between;
  padding: 4px 0;
}
.m-lib-drpdwn-filter__department-hours:first-child {
  font-weight: bold;
}
.m-lib-drpdwn-filter__department-hours--day, .m-lib-drpdwn-filter__department-hours--date, .m-lib-drpdwn-filter__department-hours--time {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.m-lib-drpdwn-filter__department-hours--time {
  white-space: nowrap;
}
.m-lib-drpdwn-filter__department-hours--status {
  font-size: 12px;
  color: #717171;
}
.m-lib-drpdwn-filter__department--desc {
  margin-top: 12px;
}
.m-lib-drpdwn-filter__department--desc * {
  display: inline-block;
}
.m-lib-drpdwn-filter__department--desc svg {
  min-height: 19px;
  display: inline;
}
.m-lib-drpdwn-filter__department--desc P {
  display: block;
}
.m-lib-drpdwn-filter__department--desc P:first-of-type {
  display: inline;
  vertical-align: text-bottom;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-address {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "heading" "address-phone" "links" "map-tile";
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .m-lib-address {
    grid-template-columns: 50% 50%;
    grid-template-areas: "heading       heading" "address-phone links" "map-tile      map-tile";
  }
}
@media screen and (min-width: 1200px) {
  .m-lib-address {
    grid-template-columns: 40% 60%;
    grid-template-areas: "heading       map-tile" "address-phone map-tile" "links         map-tile";
  }
}
.m-lib-address.m-lib-address--no-details {
  grid-template-columns: 1fr;
  grid-template-areas: "map-tile";
}
.m-lib-address__heading {
  margin-bottom: 16px;
  grid-area: heading;
}
.m-lib-address__address-phone-container {
  grid-area: address-phone;
}
.m-lib-address__address-phone-container address {
  font-style: normal;
  margin-bottom: 16px;
}
.m-lib-address__links-container {
  display: flex;
  flex-direction: column;
  grid-area: links;
}
.m-lib-address__links-container a {
  margin-bottom: 16px;
  transition: --arrow-offset 100ms ease 0ms;
}
@media (prefers-reduced-motion: no-preference) {
  .m-lib-address__links-container a:hover, .m-lib-address__links-container a:focus {
    --arrow-offset: 3pt;
    transition: --arrow-offset 200ms ease 0ms;
  }
}
.m-lib-address__links-container svg {
  align-self: flex-start;
}
.m-lib-address__map-tile-container {
  grid-area: map-tile;
  min-height: 320px;
  min-width: 300px;
}
.m-lib-address__search-container {
  align-self: flex-start;
  grid-area: map-tile;
  margin: 10px 65px 0 10px;
  z-index: 500;
}
.m-lib-address__search-container--hidden {
  display: none;
}
.m-lib-address__search-form {
  display: flex;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #D2D2D2;
  width: 271px;
}
.m-lib-address__search-input {
  border: none;
  margin: 8px;
}
.m-lib-address__search-button {
  background: none;
  border: none;
}
.m-lib-address__search-button--clear {
  background: #717171;
}
.m-lib-address__search-suggestions {
  background: rgba(255, 255, 255, 0.95);
}
.m-lib-address__search-suggestions .context.floor {
  color: #E64626 !important;
}

.mapboxgl-map .custom-zlevel-bar {
  background: #fff;
  border-color: #fff;
  border-radius: 16px;
  border-width: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  width: 32px;
}
.mapboxgl-map .custom-zlevel-bar button {
  border-color: #fff;
  color: #000;
  height: 30px;
  padding: 2px;
  width: 100%;
}
.mapboxgl-map .custom-zlevel-bar button.active {
  border-radius: 16px !important;
  height: 26px;
  margin-left: 3px;
  width: 26px;
}
.mapboxgl-map .custom-zlevel-bar button:not(.active) {
  border: none;
}
.mapboxgl-map .custom-zlevel-bar .z-scroll.scroll-up {
  border-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-width: 0;
}
.mapboxgl-map .custom-zlevel-bar .z-scroll.scroll-down {
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-color: #fff;
  border-width: 0;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-blurb-wrapper--has-background {
  padding: 32px 0;
}
.m-lib-blurb-wrapper--has-background.grey {
  background-color: #F7F7F7;
}
.m-lib-blurb-wrapper--has-background.sandstone {
  background-color: #FDF5F0;
}
.m-lib-blurb-wrapper--has-background.green .m-lib-blurb__title, .m-lib-blurb-wrapper--has-background.green .m-lib-blurb__title * {
  color: #FFFFFF;
}
.m-lib-blurb-wrapper--has-background.green .m-lib-blurb__description {
  color: #FFFFFF;
}
.m-lib-blurb-wrapper--has-background.green .m-lib-blurb__description a {
  color: #FFFFFF;
}
.m-lib-blurb-wrapper--has-background.green .m-lib-blurb__description a:hover {
  text-decoration: none !important;
}
.m-lib-blurb-wrapper--has-background.green .m-lib-blurb__link-wrapper .m-link--default {
  color: #FFFFFF;
}
.m-lib-blurb-wrapper--has-background.green .m-lib-blurb__link-wrapper .m-link--default svg {
  --fill-colour: #fff !important;
}
.grid__cell .aem-GridColumn .m-lib-blurb-wrapper--has-background {
  padding: 32px 32px;
}
.m-lib-blurb-wrapper--has-background .m-content {
  margin-bottom: 0;
}
.m-lib-blurb-wrapper--has-background .m-lib-blurb {
  padding: 0;
}

.m-lib-blurb {
  padding: 32px 0;
}
.m-lib-blurb.m-lib-blurb__alignment-left {
  display: flex;
}
.grid__cell .aem-GridColumn .m-lib-blurb.m-lib-blurb__alignment-left {
  display: block;
}
.m-lib-blurb.m-lib-blurb__alignment-top {
  display: block;
}
.m-lib-blurb__image-wrapper {
  height: 100px;
  width: 100px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.m-lib-blurb__image-wrapper.align-top {
  height: 30px;
  width: 30px;
}
.m-lib-blurb__image-wrapper img {
  max-height: 100px;
}
.m-lib-blurb__title * {
  margin-bottom: 16px;
}
.m-lib-blurb__description a {
  color: #C63A1E;
}
.m-lib-blurb__description a:hover {
  color: #AF2B11;
}
.m-lib-blurb__link-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 6px;
}
.aem-Grid .aem-GridColumn .m-lib-blurb__link-wrapper {
  display: block;
}
.m-lib-blurb__link-wrapper .m-link {
  display: block;
  width: 49%;
  margin: 5px 5px 5px 0;
}
@media (min-width: 576px) {
  .m-lib-blurb__link-wrapper .m-link {
    min-width: 500px;
  }
}
.aem-Grid .aem-GridColumn .m-lib-blurb__link-wrapper .m-link {
  width: 100%;
}
.m-lib-blurb__link-wrapper .m-link .m-link--button {
  display: inline-block;
  border: solid 2px #000;
}
.m-lib-blurb__link-wrapper .m-link svg {
  top: 4px;
}
.m-lib-blurb__link-wrapper .m-link svg.m-link__type--icon {
  position: relative;
  top: -4px;
}
.m-lib-blurb__link-wrapper .m-link svg.m-link__type--icon.noun-key {
  transform: rotate(180deg);
}
.m-lib-blurb__link-wrapper .m-lib-blurb__button {
  display: inline-block;
  font-weight: normal;
  margin-right: 20px;
  margin-top: 20px;
}
.m-lib-blurb__link-wrapper .m-lib-blurb__button[data-style=secondary], .m-lib-blurb__link-wrapper .m-lib-blurb__button--secondary {
  border: solid 2px #D2D2D2;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-icon-grid--has-background {
  padding: 32px 0;
}
.m-lib-icon-grid--has-background.grey {
  background-color: #F7F7F7;
}
.m-lib-icon-grid--has-background.sandstone {
  background-color: #FDF5F0;
}
.m-lib-icon-grid__icon-list .m-link__content {
  display: flex;
  align-items: center;
}
.m-lib-icon-grid__icon-list--link {
  margin-top: 32px;
}
.m-lib-icon-grid__icon-list--link-icon {
  width: 30px;
}
.m-lib-icon-grid__icon-list--link-text {
  margin-left: 8px;
}
.m-lib-icon-grid__icon-list--link.m-link:focus, .m-lib-icon-grid__icon-list--link.m-link:active, .m-lib-icon-grid__icon-list--link.m-link:hover {
  border-color: #C63A1E;
  border-width: 2px;
  color: #C63A1E;
}
.m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list .m-link__content {
    display: block;
  }
}
.m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list--link {
  padding: 8px;
  margin-bottom: 16px;
  margin-top: 0;
  border: 1px solid #D2D2D2;
}
@media (min-width: 992px) {
  .m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list--link {
    padding: 32px;
    min-height: 268px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
.m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list--link-icon {
  width: 60px;
}
@media (min-width: 992px) {
  .m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list--link-icon {
    margin: auto;
    width: 80px;
  }
}
.m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list--link-icon img {
  left: 0;
}
.m-lib-icon-grid--tiles .m-lib-icon-grid__icon-list--link-text {
  margin-top: 8px;
}
.m-lib-icon-grid .m-grid__cell--full-width {
  width: 100%;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-divider {
  border-top: 1px solid #D2D2D2;
}
.m-lib-divider--spacing {
  visibility: hidden;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-strapline {
  letter-spacing: 0px;
  line-height: 32px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .m-lib-strapline {
    font-size: 22px;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-floatnav {
  position: relative;
  margin-top: 32px;
  overflow: auto;
}
.m-lib-floatnav__mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .m-lib-floatnav__mobile-menu {
    display: block;
  }
}
.m-lib-floatnav__items-container {
  position: relative;
}
.m-lib-floatnav__items {
  background-color: white;
}
@media (max-width: 767px) {
  .m-lib-floatnav__items {
    position: fixed;
    top: 47px;
    left: 0;
    width: 80vw;
    max-height: 90%;
    overflow: auto;
    border-style: solid;
    border-color: #D2D2D2;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    transform: scaleX(0);
    transform-origin: left top;
    transition: transform 0.3s ease-out;
  }
}
@keyframes floatNavMenuAnimateOpen {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes floatNavMenuContentAnimateOpen {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes floatNavMenuAnimateClose {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes floatNavMenuContentAnimateClose {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .m-lib-floatnav__items-open {
    animation-name: floatNavMenuAnimateOpen;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
}
@media (max-width: 767px) {
  .m-lib-floatnav__items-content-open {
    animation-name: floatNavMenuContentAnimateOpen;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
  }
}
@media (max-width: 767px) {
  .m-lib-floatnav__items-close {
    animation-name: floatNavMenuAnimateClose;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
}
@media (max-width: 767px) {
  .m-lib-floatnav__items-content-close {
    animation-name: floatNavMenuContentAnimateClose;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
  }
}
.m-lib-floatnav__item {
  color: #141414;
  font-size: 14px;
  cursor: pointer;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-lib-floatnav__progress {
  background-color: #C63A1E;
  width: 4px;
  position: absolute;
  top: 0px;
  transition: height 0.2s linear;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-pull-quote {
  border-left: 4px solid #C63A1E;
  padding-left: 28px;
}
@media (min-width: 576px) {
  .m-lib-pull-quote {
    max-width: 60%;
  }
}
.m-lib-pull-quote__text-wrapper {
  padding-top: 16px;
  padding-bottom: 16px;
}
.m-lib-pull-quote__quote {
  font-family: "Lyon", Helvetica, sans-serif;
  font-size: 22px;
}
@media (min-width: 992px) {
  .m-lib-pull-quote__quote {
    font-size: 26px;
  }
}
.m-lib-pull-quote__attribution {
  font-family: "Apercu", Helvetica, sans-serif;
  font-style: italic;
  font-size: 18px;
}
@media (min-width: 992px) {
  .m-lib-pull-quote__attribution {
    font-size: 22px;
  }
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-article-listing__text-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.m-lib-article-listing__title-number {
  margin-right: 16px;
  color: #C63A1E;
  font-size: 50px;
}
.m-lib-article-listing__title {
  font-size: 32px;
  font-weight: 100;
}
.m-lib-article-listing__articles {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 32px;
}
@media (min-width: 768px) {
  .m-lib-article-listing__articles {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .m-lib-article-listing__articles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.m-lib-article-listing__article-wrapper {
  position: relative;
}
.m-lib-article-listing__article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.m-lib-article-listing__article .tag {
  background-color: #E64626;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.m-lib-article-listing__article .tag-spacer {
  height: 24px;
  margin-bottom: 8px;
}
.m-lib-article-listing__article .title {
  font-weight: 600;
}
.m-lib-article-listing__article .title-hover {
  text-decoration: underline;
}
.m-lib-article-listing__article p {
  font-size: 14px;
  margin-top: 8px;
}
.m-lib-article-listing__icon-right-hover {
  right: -5px;
}
.m-lib-article-listing__click-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-resource-link {
  border: 1px solid #D2D2D2;
  color: #141414;
  padding: 10px 16px;
  width: 100%;
  min-width: 320px;
  height: 100%;
}
.m-lib-resource-link a {
  text-decoration: none;
}
.m-lib-resource-link--sandstone {
  background-color: #FDF5F0;
}
.m-lib-resource-link__eyebrow {
  font-size: 11px;
  line-height: 24px;
  color: #141414;
  margin-top: 16px;
  min-height: 14px;
  text-transform: uppercase;
}
.m-lib-resource-link__title {
  font-size: 18px;
  line-height: 24px;
  color: #141414;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  margin-bottom: 16px;
}
.m-lib-resource-link__warnings {
  font-size: 12px;
  line-height: 24px;
  color: #141414;
  font-weight: 600;
  display: flex;
  align-items: center;
  position: relative;
  top: -12px;
  min-height: 24px;
}
.m-lib-resource-link__warnings__icon {
  margin-right: 3px;
}
.m-lib-resource-link__warnings.outage {
  color: #CE3D20;
}
.m-lib-resource-link__description {
  font-size: 14px;
  line-height: 24px;
  color: #141414;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  min-height: 48px;
}
.m-lib-resource-link__description.hasWarnings {
  -webkit-line-clamp: 1;
  min-height: 24px;
}
.m-lib-resource-link__preview .m-lib-call-to-action button {
  padding-top: 8px;
  padding-left: 0;
}
.m-lib-resource-link__button {
  display: inline-block;
  margin: 20px 8px 8px 0;
}
.m-lib-resource-link__button[data-style=primary]:hover, .m-lib-resource-link__button[data-style=primary]:active, .m-lib-resource-link__button[data-style=primary]:focus {
  background-color: #AF2B11;
}
.m-lib-resource-link__button[data-style=red-border] {
  color: #C63A1E;
}
.m-lib-resource-link__button[data-style=red-border]:hover, .m-lib-resource-link__button[data-style=red-border]:active, .m-lib-resource-link__button[data-style=red-border]:focus {
  background-color: #FDEDEA;
}
.m-lib-resource-link__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-lib-resource-link__modal__content {
  width: 50%;
  max-height: 50%;
  background-color: #FDF5F0;
  border: 1px solid black;
  padding: 16px;
  overflow: auto;
  position: relative;
}
.m-lib-resource-link__modal__content__dismiss {
  position: absolute;
  top: 16px;
  right: 16px;
}
.m-lib-resource-link__modal__content__dismiss button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-resource-list__tags {
  margin-bottom: 32px;
  display: flex;
  flex-wrap: wrap;
}
.m-lib-resource-list__tags .tag-button {
  margin-right: 8px;
}
.m-lib-resource-list__tags .tag-button a {
  margin-top: 8px;
  margin-bottom: 8px;
}
.m-lib-resource-list .m-grid__cell {
  width: 100%;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-article-gallery__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .m-lib-article-gallery__header {
    flex-direction: row;
    align-items: flex-end;
  }
}
.m-lib-article-gallery__tags {
  margin-bottom: 32px;
  display: flex;
  flex-wrap: wrap;
}
.m-lib-article-gallery__tags .tag-button {
  margin-right: 8px;
}
.m-lib-article-gallery__tags .tag-button a {
  margin-top: 8px;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.m-lib-article-gallery__menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.m-lib-article-gallery__menu .no-highlight {
  border-top: 3px solid transparent;
  margin-left: 16px;
}
.m-lib-article-gallery__menu .highlight {
  border-top: 3px solid #C63A1E;
  margin-left: 16px;
}
.m-lib-article-gallery__articles-list {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 32px;
}
@media (min-width: 992px) {
  .m-lib-article-gallery__articles-list {
    grid-template-columns: 1fr 1fr;
  }
}
.m-lib-video {
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  display: inline-block;
  font-size: 26px;
}
.m-lib-video__video {
  position: relative;
  z-index: 2;
  width: 100%;
}
.m-lib-video__controls {
  display: block;
  cursor: pointer;
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 50px;
  height: 50px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: 0;
  padding: 0;
  box-shadow: 0px 0px 5px transparent;
}
.m-lib-video__controls:hover {
  box-shadow: 0px 0px 5px #fff;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-article-gallery-card {
  position: relative;
}
.m-lib-article-gallery-card__article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article {
    flex-direction: row;
  }
}
.m-lib-article-gallery-card__article .image-wrapper {
  width: 100%;
  margin-right: 20px;
  margin-bottom: 16px;
}
.m-lib-article-gallery-card__article .image-wrapper .m-picture {
  overflow: hidden;
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article .image-wrapper {
    height: 120px;
    width: 168px;
  }
}
.m-lib-article-gallery-card__article .image-wrapper img {
  transition: 0.5s cubic-bezier(0.2, 0, 0.05, 1);
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article .image-wrapper img {
    max-height: 120px;
  }
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article .text-wrapper {
    width: 100%;
    width: calc(100% - 120px);
  }
}
.m-lib-article-gallery-card__article .eyebrow {
  font-size: 11px;
  line-height: 24px;
  color: #141414;
  min-height: 14px;
  text-transform: uppercase;
}
.m-lib-article-gallery-card__article .title-wrapper {
  margin-top: 6px;
}
.m-lib-article-gallery-card__article .title {
  font-weight: 300;
  font-size: 22px;
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article .title {
    font-size: 24px;
  }
}
.m-lib-article-gallery-card__article .title-hover {
  text-decoration: underline;
}
.m-lib-article-gallery-card__article p {
  font-size: 14px;
  margin-top: 8px;
}
.m-lib-article-gallery-card__article--grid:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 91.15%);
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article--grid .image-wrapper {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 576px) {
  .m-lib-article-gallery-card__article--grid .image-wrapper img {
    max-height: initial;
  }
}
.m-lib-article-gallery-card__article--grid .text-wrapper {
  position: absolute;
  bottom: 0;
  color: #FFFFFF;
  width: 100%;
  padding: 20px;
  z-index: 9;
}
.m-lib-article-gallery-card__article--grid .text-wrapper .eyebrow {
  color: #FFFFFF;
}
.m-lib-article-gallery-card__icon-right-hover {
  right: -5px;
}
.m-lib-article-gallery-card__click-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  z-index: 999;
}
.m-lib-article-gallery-card:focus img, .m-lib-article-gallery-card:hover img {
  transform: scale(1.1);
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-livechatbanner__title-wrapper {
  display: flex;
  flex-direction: row;
}
.m-lib-livechatbanner__title-wrapper h2 {
  margin-bottom: 16px;
}
.m-lib-livechatbanner__title-wrapper .dot {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-top: 24px;
  margin-right: 8px;
}
.m-lib-livechatbanner__title-wrapper .online {
  background-color: #00A485;
}
.m-lib-livechatbanner__title-wrapper .offline {
  background-color: #E64626;
}
.m-lib-livechatbanner__description {
  font-size: 22px;
  margin-bottom: 16px;
}
.m-lib-livechatbanner__link-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 6px;
}
.m-lib-livechatbanner__link-wrapper .m-link {
  display: block;
  width: 49%;
  min-width: 500px;
  margin: 5px 5px 5px 0;
}
.m-lib-livechatbanner__click-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-call-to-action__button-block {
  display: inline-block;
}
.m-lib-call-to-action__button__primary-red {
  font-weight: 500 !important;
  background-color: #C63A1E !important;
  color: #FFFFFF !important;
  border: 2px solid #C63A1E !important;
}
.m-lib-call-to-action__button__primary-red:hover, .m-lib-call-to-action__button__primary-red:active, .m-lib-call-to-action__button__primary-red:focus {
  background-color: #AF2B11 !important;
  border: 2px solid #AF2B11 !important;
}
.m-lib-call-to-action__button__primary-black {
  font-weight: 500 !important;
  background-color: black !important;
  color: #FFFFFF !important;
  border: 2px solid black !important;
}
.m-lib-call-to-action__button__primary-black:hover, .m-lib-call-to-action__button__primary-black:active, .m-lib-call-to-action__button__primary-black:focus {
  background-color: #141414 !important;
  color: #FFFFFF !important;
  border: 2px solid #141414 !important;
}
.m-lib-call-to-action__button__primary-white {
  font-weight: 500 !important;
  background-color: #FFFFFF !important;
  color: #141414 !important;
  border: 2px solid #FFFFFF !important;
}
.m-lib-call-to-action__button__primary-white:hover, .m-lib-call-to-action__button__primary-white:active, .m-lib-call-to-action__button__primary-white:focus {
  background-color: #141414 !important;
  color: #FFFFFF !important;
  border: 2px solid #141414 !important;
}
.m-lib-call-to-action__button__primary-green {
  font-weight: 500 !important;
  background-color: #40645C !important;
  color: #FFFFFF !important;
  border: 2px solid #40645C !important;
}
.m-lib-call-to-action__button__primary-green:hover, .m-lib-call-to-action__button__primary-green:active, .m-lib-call-to-action__button__primary-green:focus {
  color: #141414 !important;
  background-color: #71A499 !important;
  border: 2px solid #71A499 !important;
}
.m-lib-call-to-action__button__secondary-red {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: #C63A1E !important;
  border: 2px solid #C63A1E !important;
}
.m-lib-call-to-action__button__secondary-red:hover, .m-lib-call-to-action__button__secondary-red:active, .m-lib-call-to-action__button__secondary-red:focus {
  background-color: rgba(206, 61, 32, 0.1) !important;
}
.m-lib-call-to-action__button__secondary-black {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: black !important;
  border: 2px solid black !important;
}
.m-lib-call-to-action__button__secondary-black:hover, .m-lib-call-to-action__button__secondary-black:active, .m-lib-call-to-action__button__secondary-black:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.m-lib-call-to-action__button__secondary-white {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
}
.m-lib-call-to-action__button__secondary-white:hover, .m-lib-call-to-action__button__secondary-white:active, .m-lib-call-to-action__button__secondary-white:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.m-lib-call-to-action__button__secondary-green {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: #40645C !important;
  border: 2px solid #40645C !important;
}
.m-lib-call-to-action__button__secondary-green:hover, .m-lib-call-to-action__button__secondary-green:active, .m-lib-call-to-action__button__secondary-green:focus {
  background-color: rgba(64, 100, 92, 0.1) !important;
}
.m-lib-call-to-action__button__tertiary-red {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: #C63A1E !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-red:hover, .m-lib-call-to-action__button__tertiary-red:active, .m-lib-call-to-action__button__tertiary-red:focus {
  color: #AF2B11 !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-black {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: black !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-black:hover, .m-lib-call-to-action__button__tertiary-black:active, .m-lib-call-to-action__button__tertiary-black:focus {
  color: #141414 !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-white {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-white:hover, .m-lib-call-to-action__button__tertiary-white:active, .m-lib-call-to-action__button__tertiary-white:focus {
  color: #141414 !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-green {
  font-weight: 500 !important;
  background-color: transparent !important;
  color: #40645C !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
.m-lib-call-to-action__button__tertiary-green:hover, .m-lib-call-to-action__button__tertiary-green:active, .m-lib-call-to-action__button__tertiary-green:focus {
  color: #AF2B11 !important;
  text-decoration: underline !important;
  border: 2px solid transparent !important;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-disclaimer-banner {
  padding-top: 24px;
  padding-bottom: 24px;
}
.m-lib-disclaimer-banner h3 {
  margin-bottom: 16px;
}
.m-lib-disclaimer-banner p {
  margin-bottom: 16px;
}
.m-lib-disclaimer-banner .light {
  color: #FFFFFF;
}
.m-lib-disclaimer-banner .light a {
  color: #FFFFFF;
}
.m-lib-disclaimer-banner .light a:hover {
  text-decoration: none !important;
}
.m-lib-disclaimer-banner .dark {
  color: #141414;
}
.m-lib-disclaimer-banner .dark a {
  color: #141414;
}
.m-lib-disclaimer-banner .dark a:hover {
  text-decoration: none !important;
}
.m-lib-disclaimer-banner .m-link {
  margin-top: 16px;
}
.m-lib-disclaimer-banner .m-button {
  margin-top: 16px;
  font-weight: 500;
  line-height: 24px;
}
.m-lib-disclaimer-banner__actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-search-input {
  display: flex;
  max-width: 70%;
}
@media (max-width: 767px) {
  .m-lib-search-input {
    max-width: initial;
  }
}
.m-lib-search-input input {
  border: 1px solid #D2D2D2;
  padding-left: 16px;
}
.m-lib-search-input__button-container {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
}
.m-lib-search-input .m-button {
  padding: 0;
  display: flex;
  flex: 1;
}
.m-lib-search-input .m-button svg {
  margin: 0;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-article-date span {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #141414;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-open-athens__row {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
  margin-top: 8px;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .m-lib-open-athens__row {
    flex-direction: row;
  }
}
.m-lib-open-athens__tips {
  background-color: #FDF5F0;
  padding: 16px;
}
.m-lib-open-athens__notice {
  font-size: 12px;
  line-height: 16px;
}
.m-lib-open-athens__tooltip {
  position: absolute;
  margin-top: 4px;
  background-color: #FDF5F0;
  padding: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.m-lib-open-athens__problem {
  border: 2px solid #141414;
  background-color: white;
  padding: 16px;
  margin-top: 16px;
}
.m-lib-open-athens input {
  border: 1px solid #D2D2D2;
  padding-left: 16px;
  padding-right: 16px;
  height: 50px;
}
.m-lib-springshare-embed__container iframe {
  min-height: 300px;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-libcal-booking-embed__title {
  margin-bottom: 8px;
}
.m-lib-libcal-booking-embed__description {
  margin-bottom: 32px;
}
.m-lib-libcal-booking-embed__buttons {
  display: inline;
  flex-direction: row;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media (min-width: 768px) {
  .m-lib-libcal-booking-embed__buttons {
    display: flex;
  }
}
.m-lib-libcal-booking-embed__button {
  margin-bottom: 16px;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-youtube-embed {
  position: relative;
}
.m-lib-youtube-embed h3 {
  margin-bottom: 16px;
}
.m-lib-youtube-embed p {
  margin-bottom: 16px;
}
.m-lib-youtube-embed__spacer {
  margin-bottom: 24px;
}
.m-lib-youtube-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
.m-lib-youtube-embed__wrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
:root {
  --usyd-font-primary: 'Apercu';
  --usyd-font-mono: 'Apercu Mono', Courier, monospace;
  --usyd-font-secondary: 'Antwerp', Georgia, serif;
  --usyd-font-teritary: 'Lyon', Helvetica, sans-serif;
}

:root {
  --component-margin-bottom: 40px;
  --zindex-personalization-stripe-panel:1100;
}

:root {
  --component-margin: 32px;
}

/*
Calculating the desired width of a container whist keeping the ratio of width to height fixed. Useful for
calculating the size of containers designed to display images, with the image specified as a background.

This function has two modes:
1. Absolute mode ($baseWidth is specified in px, ems, rems) will calculate the correct height given the width and ratio specified and set fixed values
2. Relative mode ($baseWidth is a percentage) causes the container to scale the height in ratio when the width changes
*/
/*
 * Give elements a nice browser focus appearance (ripped from BS)
 */
/*
 * Reset styles where ul and li elements are being used for semantic meaning, not display. Use sparingly, for compatibility
 * only and take note that this can unintentionally affect nested lists.
 */
.m-lib-sitemap {
  font-size: 16px;
}
.m-lib-sitemap a {
  display: inline-block;
  padding: 2px 0;
  color: #E64626;
  text-decoration: none;
  text-transform: capitalize;
}
.m-lib-sitemap a:before {
  content: "-";
  display: inline-block;
  padding-right: 2px;
}
.m-lib-sitemap a:hover {
  text-decoration: underline;
}
.m-lib-sitemap p {
  font-size: 14px;
}
.m-lib-sitemap div {
  padding-left: 20px;
}
.m-lib-sitemap--level1 p {
  font-size: 18px;
}
.m-lib-sitemap--level2 p {
  font-size: 16px;
}
.m-lib-sitemap--level3 p {
  font-size: 15px;
}
.m-lib-sitemap--level4 p {
  font-size: 14px;
}
:root {
  --sc-dot-size:6px;
  --sc-active-dot-size:8px;
  --sc-dot-size-animation-time:250ms;
}

.sc-carousel-dot__dot.svelte-1uelw0b {
  background-color: var(--sc-color-rgb-light);
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
  transition: opacity 100ms ease, height var(--sc-dot-size-animation-time) ease, width var(--sc-dot-size-animation-time) ease;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  height: var(--sc-dot-size);
  width: var(--sc-dot-size);
}

.sc-carousel-dot__dot.svelte-1uelw0b:hover {
  opacity: 0.9;
}

.sc-carousel-dot__dot_active.svelte-1uelw0b {
  opacity: 0.7;
  height: var(--sc-active-dot-size);
  width: var(--sc-active-dot-size);
}


.sc-carousel-dots__container.svelte-1oj5bge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 30px;
}

.sc-carousel-dots__dot-container.svelte-1oj5bge {
  height: calc(var(--sc-dot-size) + 14px);
  width: calc(var(--sc-dot-size) + 10px);
  display: flex;
  align-items: center;
  justify-content: center;
}


:root {
  --sc-arrow-size:2px;
}

.sc-carousel-arrow__circle.svelte-9ztt4p {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--sc-color-rgb-light-50p);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 100ms ease;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.sc-carousel-arrow__circle.svelte-9ztt4p:hover {
  opacity: 0.9;
}

.sc-carousel-arrow__arrow.svelte-9ztt4p {
  border: solid var(--sc-color-hex-dark);
  border-width: 0 var(--sc-arrow-size) var(--sc-arrow-size) 0;
  padding: var(--sc-arrow-size);
  position: relative;
}

.sc-carousel-arrow__arrow-next.svelte-9ztt4p {
  transform: rotate(-45deg);
  left: calc(var(--sc-arrow-size) / -2);
}

.sc-carousel-arrow__arrow-prev.svelte-9ztt4p {
  transform: rotate(135deg);
  right: calc(var(--sc-arrow-size) / -2);
}

.sc-carousel-arrow__circle_disabled.svelte-9ztt4p, .sc-carousel-arrow__circle_disabled.svelte-9ztt4p:hover {
  opacity: 0.5;
}


.sc-carousel-progress__indicator.svelte-nuyenl {
  height: 100%;
  background-color: var(--sc-color-hex-dark-50p);
}


:root {
  --sc-color-rgb-light-50p:rgba(93, 93, 93, 0.5);
  --sc-color-rgb-light:#5d5d5d;
  --sc-color-hex-dark-50p:rgba(30, 30, 30, 0.5);
  --sc-color-hex-dark:#1e1e1e;
}

.sc-carousel__carousel-container.svelte-h7bw08 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.sc-carousel__content-container.svelte-h7bw08 {
  position: relative;
  display: flex;
  width: 100%;
}

.sc-carousel__pages-window.svelte-h7bw08 {
  flex: 1;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.sc-carousel__pages-container.svelte-h7bw08 {
  width: 100%;
  display: flex;
  transition-property: transform;
}

.sc-carousel__arrow-container.svelte-h7bw08 {
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sc-carousel-progress__container.svelte-h7bw08 {
  width: 100%;
  height: 5px;
  background-color: var(--sc-color-rgb-light-50p);
  position: absolute;
  bottom: 0;
}


.svelte-b2jtby:where(div.masonry) {
  display: flex;
  justify-content: center;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

.svelte-b2jtby:where(div.masonry div.col) {
  display: grid;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}