@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Icons&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap);@import url("/_resources/themes/default/dist/assets/css/main.css");@import url("/_resources/themes/default/dist/assets/css/main.css");


@font-face {
  font-family: "Socicon";
  src: url(/assets/socials.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
}
/**
 * @link https://sass-lang.com/documentation/breaking-changes/css-vars
 */
:root {
  --material-primary-color:#33314e;
  --material-primary-color-dark:#27263d;
  --material-primary-color-light:#27263d;
  --material-secondary-color:#34b1c7;
  --material-secondary-alt:rgb(166.8, 227.1, 217.2);
  --material-secondary-color-dark:rgb(166.8, 227.1, 217.2);
  --material-secondary-color-light:#34b1c7;
  --material-accent-color:#EE4036;
  --material-accent-color-dark:rgb(214.2, 57.6, 48.6);
  --material-text-color:#212121;
  --material-text-color-light:#545454;
  --material-primary-text-color:rgb(255, 255, 255);
  --material-secondary-text-color:#584923;
  --material-divider-color:rgba(0, 0, 0, 0.12);
  --material-neutral-color: rgb(255, 255, 255);
  --material-dark-color: #000000;
  --material-transparent-color: transparent;
  --material-font-size:16px;
  --material-line-height:24px;
  --material-radius:0;
  --material-grid-columns: [fullwidth-start] 1fr [safearea-start contentbefore-start] 1fr [contentcenteralt-start] 1fr [contentmiddle-start] 1fr 1fr [contentcenter-start] 1fr [contentbefore-end contentafter-start] 1fr [contentcenter-end] 1fr 1fr [contentmiddle-end] 1fr [contentcenteralt-end] 1fr [contentafter-end safearea-end] 1fr [fullwidth-end];
}

html,
:host,
:root,
.md-typography {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

html.md-no-scroll body {
  overflow-y: hidden !important;
  height: auto !important;
}
html:has(dialog[open]) {
  height: 100% !important;
  overflow: hidden !important;
}
html body {
  margin: 0;
}
html body * {
  box-sizing: border-box;
}

*[easing] {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

*[elastic] {
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

*[noappearance] {
  all: unset;
  outline: revert;
}

*[stackable] {
  display: grid;
  grid-template-columns: [stack-start] 1fr [stack-end];
  grid-template-rows: [stack-start] 1fr [stack-end];
}

*[stackable-item] {
  grid-area: stack/stack;
}

icon,
[icon],
.md-icon {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

skeleton {
  background-color: cssvar("divider-color", material);
  display: grid;
  place-content: center center;
}
skeleton[aspect-1-1] {
  aspect-ratio: 1/1;
}
skeleton[aspect-1-2] {
  aspect-ratio: 1/2;
}
skeleton[aspect-1-3] {
  aspect-ratio: 1/3;
}
skeleton[aspect-3-1] {
  aspect-ratio: 3/1;
}
skeleton[aspect-4-3] {
  aspect-ratio: 4/3;
}
skeleton[aspect-16-9] {
  aspect-ratio: 16/9;
}
skeleton[aspect-21-9] {
  aspect-ratio: 21/9;
}
skeleton[aspect-6-1] {
  aspect-ratio: 6/1;
}
skeleton[spin] icon[mdicon] {
  animation-name: spin;
  animation-duration: 2800ms;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0, 1.22, 1, -0.18);
}
skeleton icon[mdicon] {
  font-size: 96px;
  opacity: 0.2;
  pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

rs-container,
rs-media,
rs-heading,
rs-content,
rs-actions {
  display: flex;
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

rs-heading [focustext] {
  place-content: cssvar(place-heading-content, content);
}
rs-heading [rs-key][rs-focus] {
  transition: all 512ms cubic-bezier(0.4, 0, 0.2, 1);
  color: cssvar(accent-color, material);
}
rs-heading [rs-key][rs-focus]:nth-child(1) {
  transition-delay: 128ms;
}
rs-heading [rs-key][rs-focus]:nth-child(2) {
  transition-delay: 256ms;
}
rs-heading [rs-key][rs-focus]:nth-child(3) {
  transition-delay: 384ms;
}
rs-heading [rs-key][rs-focus]:nth-child(4) {
  transition-delay: 512ms;
}
rs-heading [rs-key][rs-focus]:nth-child(5) {
  transition-delay: 640ms;
}
rs-heading [rs-key][rs-focus]:nth-child(6) {
  transition-delay: 768ms;
}
rs-heading [rs-key][rs-focus]:nth-child(7) {
  transition-delay: 896ms;
}
rs-heading [rs-key][rs-focus]:nth-child(8) {
  transition-delay: 1024ms;
}
rs-heading [rs-key][rs-focus]:nth-child(9) {
  transition-delay: 1152ms;
}
rs-heading [rs-key][rs-focus]:nth-child(10) {
  transition-delay: 1280ms;
}
rs-heading [rs-key][rs-focus]:nth-child(11) {
  transition-delay: 1408ms;
}
rs-heading [rs-key][rs-focus]:nth-child(12) {
  transition-delay: 1536ms;
}
rs-heading [rs-key]:not([rs-focus]) {
  transition: all 1500ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: cssvar(wrap-opacity, content);
}
rs-heading [rs-key]:after {
  content: " ";
  white-space: pre;
}
rs-heading [rs-key]:last-of-type:after {
  content: none;
}

rs-container {
  display: grid;
  grid-template-columns: var(--material-grid-columns);
  grid-template-rows: min-content;
  place-content: center;
  gap: clamp(12px, 8px + 0.0125 * 100vw, 24px) clamp(12px, 8px + 0.0125 * 100vw, 24px);
}

rs-actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  gap: clamp(6px, 0px + 0.01875 * 100vw, 24px);
}
@media only screen and (min-width: 768px) {
  rs-actions {
    grid-template-columns: min-content;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
  }
}

[rs-elemental] {
  --content-heading-columns: safearea;
  --content-content-columns: safearea;
  --content-actions-columns: safearea;
  --content-content-justify: left;
  --content-place-content: center start;
  --content-place-heading-content: center start;
  --content-text-align: left;
  --content-wrap-opacity: 1;
  position: relative;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  [rs-elemental] {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
[rs-elemental][alignment], [rs-elemental][alignment*=default] {
  --content-heading-columns: safearea;
  --content-content-columns: safearea;
  --content-actions-columns: safearea;
}
[rs-elemental][alignment] rs-container, [rs-elemental][alignment*=default] rs-container {
  place-content: cssvar("place-content", content);
}
[rs-elemental][alignment] rs-container rs-heading,
[rs-elemental][alignment] rs-container rs-content, [rs-elemental][alignment*=default] rs-container rs-heading,
[rs-elemental][alignment*=default] rs-container rs-content {
  grid-column: cssvar("content-columns", content);
}
[rs-elemental][alignment] rs-container rs-heading > *,
[rs-elemental][alignment] rs-container rs-content > *, [rs-elemental][alignment*=default] rs-container rs-heading > *,
[rs-elemental][alignment*=default] rs-container rs-content > * {
  text-align: cssvar("text-align", content);
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment] rs-container[alignment*=left] rs-heading,
  [rs-elemental][alignment] rs-container[alignment*=left] rs-content,
  [rs-elemental][alignment] rs-container[alignment*=left] rs-actions, [rs-elemental][alignment*=default] rs-container[alignment*=left] rs-heading,
  [rs-elemental][alignment*=default] rs-container[alignment*=left] rs-content,
  [rs-elemental][alignment*=default] rs-container[alignment*=left] rs-actions {
    grid-column-start: contentbefore;
    grid-column-end: contentbefore;
  }
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment] rs-container[alignment*=right] rs-heading,
  [rs-elemental][alignment] rs-container[alignment*=right] rs-content,
  [rs-elemental][alignment] rs-container[alignment*=right] rs-actions, [rs-elemental][alignment*=default] rs-container[alignment*=right] rs-heading,
  [rs-elemental][alignment*=default] rs-container[alignment*=right] rs-content,
  [rs-elemental][alignment*=default] rs-container[alignment*=right] rs-actions {
    grid-column-start: contentafter;
    grid-column-end: contentafter;
  }
}
[rs-elemental][alignment*=center] {
  --content-heading-columns: contentcenteralt;
  --content-content-columns: contentcenteralt;
  --content-actions-columns: contentcenteralt;
  --content-content-justify: center;
  --content-place-content: center center;
  --content-text-align: center;
  --content-place-heading-content: center center;
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment*=middle] {
    --content-heading-columns: contentmiddle;
    --content-content-columns: contentmiddle;
    --content-actions-columns: contentmiddle;
    --content-place-content: center center;
  }
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment*=left] {
    --content-heading-columns: contentbefore;
    --content-content-columns: contentbefore;
    --content-actions-columns: contentbefore;
  }
}
[rs-elemental][alignment*=right] {
  --content-heading-columns: contentcenter/contentafter;
  --content-content-columns: contentcenter/contentafter;
  --content-actions-columns: contentcenter/contentafter;
  --content-place-content: center end;
  --content-place-heading-content: center end;
}
@media only screen and (min-width: 1280px) {
  [rs-elemental][alignment*=right] {
    --content-heading-columns: contentafter;
    --content-content-columns: contentafter;
    --content-actions-columns: contentafter;
  }
}
[rs-elemental][alignment*=top], [rs-elemental][alignment*=bottom] {
  --content-heading-columns: safearea;
  --content-content-columns: safearea;
  --content-actions-columns: safearea;
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment*=top] rs-container[alignment*=left] rs-heading,
  [rs-elemental][alignment*=top] rs-container[alignment*=left] rs-content,
  [rs-elemental][alignment*=top] rs-container[alignment*=left] rs-actions, [rs-elemental][alignment*=bottom] rs-container[alignment*=left] rs-heading,
  [rs-elemental][alignment*=bottom] rs-container[alignment*=left] rs-content,
  [rs-elemental][alignment*=bottom] rs-container[alignment*=left] rs-actions {
    grid-column-start: contentbefore;
    grid-column-end: contentbefore;
  }
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment*=top] rs-container[alignment*=right] rs-heading,
  [rs-elemental][alignment*=top] rs-container[alignment*=right] rs-content,
  [rs-elemental][alignment*=top] rs-container[alignment*=right] rs-actions, [rs-elemental][alignment*=bottom] rs-container[alignment*=right] rs-heading,
  [rs-elemental][alignment*=bottom] rs-container[alignment*=right] rs-content,
  [rs-elemental][alignment*=bottom] rs-container[alignment*=right] rs-actions {
    grid-column-start: contentafter;
    grid-column-end: contentafter;
  }
}
[rs-elemental][alignment*=top] rs-container {
  --content-place-content: start start;
  margin-top: 48px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment*=top] rs-container {
    margin-top: 96px;
    margin-bottom: 0px;
  }
}
[rs-elemental][alignment*=bottom] rs-container {
  --content-place-content: end start;
  margin-top: 0px;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  [rs-elemental][alignment*=bottom] rs-container {
    margin-top: 0px;
    margin-bottom: 96px;
  }
}
[rs-elemental][aligncontent=left] {
  --content-content-justify: left;
  --content-place-heading-content: center start;
}
[rs-elemental][aligncontent=right] {
  --content-content-justify: right;
  --content-text-align: right;
  --content-place-heading-content: center end;
}
[rs-elemental][aligncontent=center] {
  --content-content-justify: center;
  --content-text-align: center;
  --content-place-heading-content: center center;
}
[rs-elemental][collapsetop="1"] {
  margin-top: 0 !important;
}
[rs-elemental][collapsebottom="1"] {
  margin-bottom: 0 !important;
}

.md-definitions--root {
  display: grid;
  grid-template-columns: [label-start] min-content [label-end value-start] 1fr [value-end];
  grid-column-gap: 6px;
}
.md-definitions dt, .md-definitions dd {
  margin: 0;
}
.md-definitions dt {
  grid-column: label;
}
.md-definitions dt:after {
  content: ":";
}
.md-definitions dd {
  grid-column: value;
}

dl[event-details] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: clamp(6px, 4px + 0.00625 * 100vw, 12px);
}
dl[event-details] dt, dl[event-details] dd {
  margin: 0 !important;
  padding: 0;
  grid-column: auto/span 1;
}
dl[event-details] dt {
  opacity: 1;
  color: cssvar("accent-color", material);
}
dl[event-details] dd[casing*=display-] {
  line-height: 1.1em;
}

hr[event-separator] {
  height: 0;
  border-top: 1px solid cssvar("divider-color", material);
  margin: 48px 0;
}

[fpo] {
  position: relative;
  display: block;
  aspect-ratio: 9/16;
  border: 1px dashed #ff00ff;
  box-sizing: border-box;
  width: 100%;
  background-image: linear-gradient(45deg, #ebebeb 25%, #e6e6e6 25%, #e6e6e6 50%, #ebebeb 50%, #ebebeb 75%, #e6e6e6 75%, #e6e6e6 100%);
  background-size: 45.25px 45.25px;
}
@media only screen and (min-width: 768px) {
  [fpo] {
    aspect-ratio: 16/9;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
}
[fpo]:before {
  content: attr(ctype);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
  padding: 0 12px;
  background-color: #ff00ff;
  color: cssvar("neutral-color", material);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

*[overline] {
  position: relative;
  line-height: 12px;
}
*[overline][underlined] {
  padding-bottom: 12px;
}
*[overline][underlined]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: 2px solid cssvar(accent-color, material);
}

*[rounded] {
  overflow: hidden;
}
*[rounded][radius-xs] {
  border-radius: 3px;
}
*[rounded][radius-sm] {
  border-radius: 6px;
}
*[rounded][radius-mm] {
  border-radius: 12px;
}
*[rounded][radius-lg] {
  border-radius: 18px;
}
*[rounded][radius-xl] {
  border-radius: 24px;
}

*[e] {
  position: relative;
}

*[e="0"] {
  z-index: 0;
}

*[e="1"] {
  z-index: 1;
}

*[e="2"] {
  z-index: 2;
}

*[e="3"] {
  z-index: 3;
}

*[e="4"] {
  z-index: 4;
}

*[e="5"] {
  z-index: 5;
}

*[e="6"] {
  z-index: 6;
}

*[e="7"] {
  z-index: 7;
}

*[e="8"] {
  z-index: 8;
}

*[e="9"] {
  z-index: 9;
}

*[e="10"] {
  z-index: 10;
}

*[e="11"] {
  z-index: 11;
}

*[e="12"] {
  z-index: 12;
}

*[e="13"] {
  z-index: 13;
}

*[e="14"] {
  z-index: 14;
}

*[e="15"] {
  z-index: 15;
}

*[e="16"] {
  z-index: 16;
}

*[e="17"] {
  z-index: 17;
}

*[e="18"] {
  z-index: 18;
}

*[e="19"] {
  z-index: 19;
}

*[e="20"] {
  z-index: 20;
}

*[e="21"] {
  z-index: 21;
}

*[e="22"] {
  z-index: 22;
}

*[e="23"] {
  z-index: 23;
}

*[e="24"] {
  z-index: 24;
}

*[e=max] {
  z-index: 9999;
}

#BetterNavigator {
  z-index: 99999 !important;
}

#chat-widget-container {
  z-index: 88888 !important;
}

html[data-environment=dev] #chat-widget-container {
  display: none I !important;
}
html:not([data-environment=dev]) #BetterNavigator {
  z-index: 99999 !important;
  bottom: 96px !important;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active {
  outline: 0;
}
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.md-icon {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

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

html, body {
  margin: 0;
}

body, .typography {
  font-family: Helvetica, Roboto, Ariel, sans-serif;
  line-height: 24px;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
body.baselinegrid, .typography.baselinegrid {
  background-size: rgb(74.2, 179.8, 255) rgb(74.2, 179.8, 255);
  background: linear-gradient(true 1px, transparent 1px) repeat left top/rgb(74.2, 179.8, 255) rgb(74.2, 179.8, 255);
}

.p, dt, dd, li, dl dl, dl ul, dl, ol, ul ul, ol ol, ul ol, ol ul, p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.p-small {
  font-weight: 400;
  font-size: 12px !important;
  line-height: 24px;
}

a:not(.md-button).md-typography-body-1, a:not(.md-button).md-typography-body-2 {
  color: #33314e;
  text-decoration: none;
}

p, dl, ul, ol, pre, blockquote {
  font-family: "Poppins", sans-serif;
}

p, dl, ul, ol, pre, table, blockquote {
  margin-top: 0px;
  margin-bottom: 24px;
}

dl dl, dl ul, dl, ol, ul ul, ol ol, ul ol, ol ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
dl dl.nomargin-bottom, dl ul.nomargin-bottom, dl.nomargin-bottom, ol.nomargin-bottom, ul ul.nomargin-bottom, ol ol.nomargin-bottom, ul ol.nomargin-bottom, ol ul.nomargin-bottom {
  margin-bottom: 0 !important;
}

dl, ol, ul {
  margin-bottom: 24px;
}
dl.nomargin-bottom, ol.nomargin-bottom, ul.nomargin-bottom {
  margin-bottom: 0 !important;
}
dl.md-typography--unstyled, ol.md-typography--unstyled, ul.md-typography--unstyled {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
dl.md-typography--unstyled li, ol.md-typography--unstyled li, ul.md-typography--unstyled li {
  box-sizing: border-box;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

hr, .hr {
  line-height: 24px;
  height: 24px;
  max-height: 24px;
  overflow: hidden;
  border: none;
  position: relative;
  margin: 24px 0;
  width: 100%;
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  -moz-user-select: none;
       user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
hr:before, hr:after, .hr:before, .hr:after {
  display: block;
  color: rgb(40.8, 40.8, 40.8);
}
hr:before, .hr:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 12px;
  right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
hr:after, .hr:after {
  content: "§";
  z-index: 2;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  font-style: italic;
  font-size: 12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
  color: rgb(137.7, 137.7, 137.7);
}

a, b, i, strong, em, small, code {
  line-height: 0;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a,
.a,
p a:not(.md-button) {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}

p {
  color: rgb(40.8, 40.8, 40.8);
  font-weight: 400;
}
p a:not(.md-button) {
  color: rgb(242.25, 111.75, 104.25);
  border-color: rgb(242.25, 111.75, 104.25);
  transition: all 300ms ease;
}

strong {
  font-weight: 700;
}

small,
.text-small {
  font-size: 9px;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #999999;
}

.uppercase {
  text-transform: uppercase;
}

abbr {
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 0.1rem;
  cursor: help;
}

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

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

address {
  margin: 24px 0;
}

blockquote {
  position: relative;
  margin: 24px 0;
}

code, pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.code {
  font-size: 14px;
  line-height: 24px;
  background: fade(#000000, 5%);
}

code:extend(.code) {
  display: inline-block;
  padding: 0 24px;
}

pre:extend(.code) {
  margin: 24px 0;
  padding: 24px;
  white-space: pre-wrap;
  overflow: hidden;
}

form,
form *:not(.md-icon) {
  font-family: "Poppins", sans-serif;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 24px;
  margin: 24px 0;
}
fieldset legend {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 5em;
}

label {
  display: inline-block;
}

button,
input,
textarea {
  line-height: 24px;
}

form {
  margin: 24px 0;
}

table, td, th {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.5em;
  width: 100%;
}
table th, table td {
  font-size: 15px;
  line-height: 1.1;
  padding: 8px;
  text-align: left;
  border-width: 0 1px 1px 0;
  overflow-wrap: break-word;
}
table th {
  font-weight: 600;
}
table td {
  color: #545454;
}

.md-typography--root {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 24px;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  color: #212121;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
.md-typography--nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.md-typography-gutter-top {
  margin-top: 24px;
}
.md-typography-gutter-bottom {
  margin-bottom: 24px;
}
.md-typography-gutter-topbottom {
  margin-top: 24px;
  margin-bottom: 24px;
}
.md-typography-gutter-none {
  margin-top: 0;
  margin-bottom: 0;
}
.md-typography-gutter-none-top {
  margin-top: 0;
}
.md-typography-gutter-none-bottom {
  margin-bottom: 0;
}
.md-typography-h1, .md-typography h1, .md-typography *.h1, .md-typography-h2, .md-typography h2, .md-typography *.h2, .md-typography-h3, .md-typography h3, .md-typography *.h3, .md-typography-h4, .md-typography h4, .md-typography *.h4, .md-typography-h5, .md-typography h5, .md-typography *.h5, .md-typography-h6, .md-typography h6, .md-typography *.h6 {
  font-family: "Poppins", sans-serif;
}
.md-typography-h2, .md-typography h2, .md-typography *.h2, .md-typography-h3, .md-typography h3, .md-typography *.h3, .md-typography-h4, .md-typography h4, .md-typography *.h4, .md-typography-h5, .md-typography h5, .md-typography *.h5, .md-typography-h6, .md-typography h6, .md-typography *.h6 {
  font-weight: 700;
}
.md-typography-h1, .md-typography h1, .md-typography *.h1 {
  font-size: clamp(32px, 13.7142857143px + 0.0571428571 * 100vw, 96px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.01562em;
}
.md-typography-h1.md-typography--display, .md-typography h1.md-typography--display, .md-typography *.h1.md-typography--display {
  font-weight: 900;
  text-transform: uppercase;
}
.md-typography-h2, .md-typography h2, .md-typography *.h2 {
  font-size: clamp(28px, 18.8571428571px + 0.0285714286 * 100vw, 60px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.00833em;
}
.md-typography-h3, .md-typography h3, .md-typography *.h3 {
  font-size: clamp(18px, 9.4285714286px + 0.0267857143 * 100vw, 48px);
  font-weight: 700;
  line-height: 1.167;
  letter-spacing: 0em;
}
.md-typography-h4, .md-typography h4, .md-typography *.h4 {
  font-size: clamp(16px, 10.8571428571px + 0.0160714286 * 100vw, 34px);
  font-weight: 700;
  line-height: 1.235;
  letter-spacing: 0.00735em;
}
.md-typography-h5, .md-typography h5, .md-typography *.h5 {
  font-size: clamp(16px, 13.7142857143px + 0.0071428571 * 100vw, 24px);
  font-weight: 700;
  line-height: 1.334;
  letter-spacing: 0em;
}
.md-typography-h6, .md-typography h6, .md-typography *.h6 {
  font-size: clamp(14px, 13.4285714286px + 0.0017857143 * 100vw, 16px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.0075em;
}
.md-typography-display, .md-typography--display {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}
.md-typography--align-centre, .md-typography--align-center {
  text-align: center;
}
.md-typography--align-left {
  text-align: left;
}
.md-typography--align-right {
  text-align: right;
}
.md-typography-title, .md-typography-subheader {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: 0.01071em;
}
.md-typography-subheader {
  color: #584923;
}
.md-typography-subtitle-1, .md-typography-subtitle-2, .md-typography-subtitle-3 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.md-typography-subtitle-2, .md-typography-subtitle-3 {
  font-weight: 500;
  letter-spacing: 0.00714em;
}
.md-typography-subtitle-1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.md-typography-subtitle-2 {
  font-size: 0.875rem;
  line-height: 1.57;
}
.md-typography-subtitle-3 {
  font-size: 1.25rem;
  line-height: 1.57;
}
.md-typography-ruled {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.md-typography-nomargin {
  margin: 0;
}
.md-typography-nopadding {
  padding: 0;
}
.md-typography-fullwidth {
  display: block;
}
.md-typography-body-1, .md-typography-body-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.md-typography-body-1 {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
}
.md-typography-body-2 {
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: 0.01071em;
}
.md-typography-button, .md-typography-caption, .md-typography-overline {
  font-family: "Poppins", sans-serif;
}
.md-typography-button {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
}
.md-typography-caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
}
.md-typography-leadcopy, .md-typography--copydeck {
  font-size: clamp(18px, 16.8571428571px + 0.0035714286 * 100vw, 22px);
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0.03333em;
  opacity: 0.7;
}
.md-typography--emphasis {
  font-style: italic;
}
.md-typography-overline {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2.66;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
}
.md-typography-overline-secondary {
  color: #584923;
}
.md-typography--leading-x-1, .md-typography--leading-x-2, .md-typography--leading-x-3 {
  line-height: 24px;
}
@media only screen and (min-width: 1280px) {
  .md-typography--leading-x-1 {
    line-height: 27.984px;
  }
}
@media only screen and (min-width: 1440px) {
  .md-typography--leading-x-1 {
    line-height: 31.992px;
  }
}
@media only screen and (min-width: 1280px) {
  .md-typography--leading-x-2 {
    line-height: 31.992px;
  }
}
@media only screen and (min-width: 1440px) {
  .md-typography--leading-x-2 {
    line-height: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  .md-typography--leading-x-3 {
    line-height: 36px;
  }
}
@media only screen and (min-width: 1440px) {
  .md-typography--leading-x-3 {
    line-height: 42px;
  }
}
.md-typography--weight-100 {
  font-weight: 100 !important;
}
.md-typography--weight-200 {
  font-weight: 200 !important;
}
.md-typography--weight-300, .md-typography--weight-light {
  font-weight: 300 !important;
}
.md-typography--weight-400, .md-typography--weight-normal {
  font-weight: 400 !important;
}
.md-typography--weight-500, .md-typography--weight-medium {
  font-weight: 500 !important;
}
.md-typography--weight-600, .md-typography--weight-semibold {
  font-weight: 600 !important;
}
.md-typography--weight-700, .md-typography--weight-bold {
  font-weight: 700 !important;
}
.md-typography--weight-800 {
  font-weight: 800 !important;
}
.md-typography--weight-900, .md-typography--weight-heavy {
  font-weight: 900 !important;
}
.md-typography--titlecase {
  text-transform: capitalize;
}
.md-typography--caps {
  text-transform: uppercase;
}
.md-typography--semibold-caps {
  font-weight: 600;
  text-transform: uppercase;
}
.md-typography--bold-caps {
  font-weight: 700;
  text-transform: uppercase;
}
.md-typography--heavy-caps {
  font-weight: 900;
  text-transform: uppercase;
}
.md-typography--color-primary, .md-typography-color-primary {
  color: #212121;
}
.md-typography--color-secondary, .md-typography-color-secondary {
  color: rgb(117.3, 117.3, 117.3);
}
.md-typography--color-secondary-alt, .md-typography-color-secondary-alt {
  color: rgb(166.8, 227.1, 217.2);
}
.md-typography--color-accent, .md-typography-color-accent {
  color: #EE4036;
}
.md-typography--color-brand-primary, .md-typography-color-brand-primary {
  color: #33314e;
}
.md-typography--color-brand-secondary, .md-typography-color-brand-secondary {
  color: #34b1c7 !important;
}
.md-typography--color-brand-secondary-alt, .md-typography-color-brand-secondary-alt {
  color: rgb(166.8, 227.1, 217.2) !important;
}
.md-typography--color-brand-secondary-light, .md-typography-color-brand-secondary-light {
  color: #34b1c7 !important;
}
.md-typography--color-reverse, .md-typography--color-white, .md-typography-color-reverse, .md-typography-color-white {
  color: rgb(255, 255, 255);
}
.md-typography--color-reverse > *, .md-typography--color-white > *, .md-typography-color-reverse > *, .md-typography-color-white > * {
  color: inherit;
}

[class^=socicon-], [class*=" socicon-"] {
  font-family: "Socicon" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-facebook:before {
  content: "\e903";
}
.socicon-facebook-round:before {
  content: "\e902";
}
.socicon-instagram:before {
  content: "\e905";
}
.socicon-instagram-round:before {
  content: "\e904";
}
.socicon-twitter:before {
  content: "\e90d";
}
.socicon-twitter-round:before {
  content: "\e90c";
}
.socicon-youtube:before {
  content: "\e90f";
}
.socicon-youtube-round:before {
  content: "\e90e";
}
.socicon-linkedin:before {
  content: "\e907";
}
.socicon-linkedin-round:before {
  content: "\e906";
}
.socicon-pinterest:before {
  content: "\e909";
}
.socicon-pinterest-round:before {
  content: "\e908";
}
.socicon-tripadvisor:before {
  content: "\e90b";
}
.socicon-tripadvisor-round:before {
  content: "\e90a";
}
.socicon-email:before {
  content: "\e901";
}
.socicon-email-round:before {
  content: "\e900";
}

body:before, body:after {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  pointer-events: none;
}
html[data-grid="1"] body:before {
  content: "MOBILE";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  pointer-events: none;
  padding: 0 12px;
  background-color: rgba(255, 0, 255, 0.5);
  color: rgb(255, 255, 255);
  height: 24px;
  line-height: 24px;
  font-size: 10.5px;
}
@media only screen and (min-width: 320px) {
  html[data-grid="1"] body:before {
    content: "PHONE - XSMALL";
  }
}
@media only screen and (min-width: 400px) {
  html[data-grid="1"] body:before {
    content: "PHONE";
  }
}
@media only screen and (min-width: 480px) {
  html[data-grid="1"] body:before {
    content: "PHONE - WIDE";
  }
}
@media only screen and (min-width: 560px) {
  html[data-grid="1"] body:before {
    content: "PHABLET";
  }
}
@media only screen and (min-width: 768px) {
  html[data-grid="1"] body:before {
    content: "TABLET";
  }
}
@media only screen and (min-width: 1024px) {
  html[data-grid="1"] body:before {
    content: "TABLET - WIDE";
  }
}
@media only screen and (min-width: 1280px) {
  html[data-grid="1"] body:before {
    content: "DESKTOP";
  }
}
@media only screen and (min-width: 1440px) {
  html[data-grid="1"] body:before {
    content: "DESKTOP - MEDIUM";
  }
}
@media only screen and (min-width: 1600px) {
  html[data-grid="1"] body:before {
    content: "DESKTOP - LARGE";
  }
}
@media only screen and (min-width: 1920px) {
  html[data-grid="1"] body:before {
    content: "DESKTOP - XLARGE";
  }
}
@media only screen and (min-width: 2500px) {
  html[data-grid="1"] body:before {
    content: "DESKTOP - XXLARGE";
  }
}
html[data-grid="1"] body:after {
  left: 50%;
  display: block;
  content: "";
  width: 100vw;
  max-width: 1284px;
  height: 100vh;
  max-height: 100%;
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (min-width: 768px) {
  html[data-grid="1"] body:after {
    max-width: 720px;
    background-image: linear-gradient(90deg, rgba(0, 255, 255, 0.5) 0px, rgba(0, 255, 255, 0.5) 1px, rgba(0, 255, 255, 0.25) 1px, rgba(0, 255, 255, 0.25) 49px, rgba(0, 255, 255, 0.5) 49px, rgba(0, 255, 255, 0.25) 50px, transparent 50px, transparent 62px);
    background-size: 61px 61px;
  }
}
@media only screen and (min-width: 1024px) {
  html[data-grid="1"] body:after {
    max-width: 960px;
    background-image: linear-gradient(90deg, rgba(0, 255, 255, 0.5) 0px, rgba(0, 255, 255, 0.5) 1px, rgba(0, 255, 255, 0.25) 1px, rgba(0, 255, 255, 0.25) 68px, rgba(0, 255, 255, 0.5) 68px, rgba(0, 255, 255, 0.5) 69px, transparent 69px, transparent 81px);
    background-size: 81px 81px;
  }
}
@media only screen and (min-width: 1280px) {
  html[data-grid="1"] body:after {
    max-width: 1284px;
    background-image: linear-gradient(90deg, rgba(0, 255, 255, 0.5) 0px, rgba(0, 255, 255, 0.5) 1px, rgba(0, 255, 255, 0.25) 1px, rgba(0, 255, 255, 0.25) 95px, rgba(0, 255, 255, 0.5) 95px, rgba(0, 255, 255, 0.25) 96px, transparent 96px, transparent 108px);
    background-size: 108px 108px;
  }
}

.md-grid--root {
  display: flex;
  padding: 0;
  margin: 0;
  flex: 1;
  box-sizing: border-box;
}
.md-grid--static {
  flex-grow: 0 !important;
}
.md-grid--container, .md-grid--item {
  box-sizing: border-box;
}
.md-grid--content {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  max-width: 100%;
}
.md-grid--content-block {
  display: block;
}
.md-grid--content-column {
  flex-flow: column nowrap;
}
.md-grid--content-column > * {
  width: 100%;
  max-width: 100%;
}
.md-grid--wrapper {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .md-grid--wrapper {
    flex-flow: row;
  }
}
.md-grid--container {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .md-grid--container-sm {
    max-width: 720px;
  }
}
@media only screen and (min-width: 1024px) {
  .md-grid--container-mm {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1280px) {
  .md-grid--container-lg {
    max-width: 1284px;
  }
}
@media only screen and (min-width: 1280px) {
  .md-grid--container-lg-x {
    max-width: 1068px;
  }
}
.md-grid-gutters-leftright-xs {
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (min-width: 600px) {
  .md-grid-gutters-leftright-sm {
    padding-left: 0;
    padding-right: 0;
  }
}
.md-grid-gutters-topbottom-xs {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 600px) {
  .md-grid-gutters-topbottom-sm {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.md-grid--item {
  position: relative;
  display: flex;
  margin: 0;
}
.md-grid--item-nogrow {
  flex-grow: 0 !important;
}
.md-grid--item-noshrink {
  flex-shrink: 0 !important;
}
.md-grid--itemcontent {
  width: 100%;
  max-width: 100%;
}
.md-grid--flow-column {
  flex-flow: column nowrap;
}
.md-grid--flow-column > * {
  width: 100%;
}
.md-grid--flow-row {
  flex-flow: row wrap;
}
.md-grid-xs-auto, .md-grid-sm-auto, .md-grid-lg-auto {
  flex: 0 0 auto;
}
.md-grid-spacing-xs-0, .md-grid-spacing-sm-0, .md-grid-spacing-mm-0, .md-grid-spacing-lg-0 {
  margin: 0;
}
.md-grid-spacing-xs-12 {
  width: calc(100% + 96px);
  margin: -48px;
}
.md-grid-spacing-xs-12 > .md-grid--item {
  padding: 48px;
}
.md-grid-spacing-xs-11 {
  width: calc(100% + 88px);
  margin: -44px;
}
.md-grid-spacing-xs-11 > .md-grid--item {
  padding: 44px;
}
.md-grid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px;
}
.md-grid-spacing-xs-10 > .md-grid--item {
  padding: 40px;
}
.md-grid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px;
}
.md-grid-spacing-xs-9 > .md-grid--item {
  padding: 36px;
}
.md-grid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px;
}
.md-grid-spacing-xs-8 > .md-grid--item {
  padding: 32px;
}
.md-grid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px;
}
.md-grid-spacing-xs-7 > .md-grid--item {
  padding: 28px;
}
.md-grid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px;
}
.md-grid-spacing-xs-6 > .md-grid--item {
  padding: 24px;
}
.md-grid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px;
}
.md-grid-spacing-xs-5 > .md-grid--item {
  padding: 20px;
}
.md-grid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px;
}
.md-grid-spacing-xs-4 > .md-grid--item {
  padding: 16px;
}
.md-grid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px;
}
.md-grid-spacing-xs-3 > .md-grid--item {
  padding: 12px;
}
.md-grid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px;
}
.md-grid-spacing-xs-2 > .md-grid--item {
  padding: 8px;
}
.md-grid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px;
}
.md-grid-spacing-xs-1 > .md-grid--item {
  padding: 4px;
}
@media only screen and (min-width: 768px) {
  .md-grid-spacing-sm-12 {
    width: calc(100% + 96px);
    margin: -48px;
  }
  .md-grid-spacing-sm-12 > .md-grid--item {
    padding: 48px;
  }
  .md-grid-spacing-sm-11 {
    width: calc(100% + 88px);
    margin: -44px;
  }
  .md-grid-spacing-sm-11 > .md-grid--item {
    padding: 44px;
  }
  .md-grid-spacing-sm-10 {
    width: calc(100% + 80px);
    margin: -40px;
  }
  .md-grid-spacing-sm-10 > .md-grid--item {
    padding: 40px;
  }
  .md-grid-spacing-sm-9 {
    width: calc(100% + 72px);
    margin: -36px;
  }
  .md-grid-spacing-sm-9 > .md-grid--item {
    padding: 36px;
  }
  .md-grid-spacing-sm-8 {
    width: calc(100% + 64px);
    margin: -32px;
  }
  .md-grid-spacing-sm-8 > .md-grid--item {
    padding: 32px;
  }
  .md-grid-spacing-sm-7 {
    width: calc(100% + 56px);
    margin: -28px;
  }
  .md-grid-spacing-sm-7 > .md-grid--item {
    padding: 28px;
  }
  .md-grid-spacing-sm-6 {
    width: calc(100% + 48px);
    margin: -24px;
  }
  .md-grid-spacing-sm-6 > .md-grid--item {
    padding: 24px;
  }
  .md-grid-spacing-sm-5 {
    width: calc(100% + 40px);
    margin: -20px;
  }
  .md-grid-spacing-sm-5 > .md-grid--item {
    padding: 20px;
  }
  .md-grid-spacing-sm-4 {
    width: calc(100% + 32px);
    margin: -16px;
  }
  .md-grid-spacing-sm-4 > .md-grid--item {
    padding: 16px;
  }
  .md-grid-spacing-sm-3 {
    width: calc(100% + 24px);
    margin: -12px;
  }
  .md-grid-spacing-sm-3 > .md-grid--item {
    padding: 12px;
  }
  .md-grid-spacing-sm-2 {
    width: calc(100% + 16px);
    margin: -8px;
  }
  .md-grid-spacing-sm-2 > .md-grid--item {
    padding: 8px;
  }
  .md-grid-spacing-sm-1 {
    width: calc(100% + 8px);
    margin: -4px;
  }
  .md-grid-spacing-sm-1 > .md-grid--item {
    padding: 4px;
  }
}
@media only screen and (min-width: 1024px) {
  .md-grid-spacing-mm-12, .md-grid-spacing-medium-12 {
    width: calc(100% + 96px);
    margin: -48px;
  }
  .md-grid-spacing-mm-12 > .md-grid--item, .md-grid-spacing-medium-12 > .md-grid--item {
    padding: 48px;
  }
  .md-grid-spacing-mm-11, .md-grid-spacing-medium-11 {
    width: calc(100% + 88px);
    margin: -44px;
  }
  .md-grid-spacing-mm-11 > .md-grid--item, .md-grid-spacing-medium-11 > .md-grid--item {
    padding: 44px;
  }
  .md-grid-spacing-mm-10, .md-grid-spacing-medium-10 {
    width: calc(100% + 80px);
    margin: -40px;
  }
  .md-grid-spacing-mm-10 > .md-grid--item, .md-grid-spacing-medium-10 > .md-grid--item {
    padding: 40px;
  }
  .md-grid-spacing-mm-9, .md-grid-spacing-medium-9 {
    width: calc(100% + 72px);
    margin: -36px;
  }
  .md-grid-spacing-mm-9 > .md-grid--item, .md-grid-spacing-medium-9 > .md-grid--item {
    padding: 36px;
  }
  .md-grid-spacing-mm-8, .md-grid-spacing-medium-8 {
    width: calc(100% + 64px);
    margin: -32px;
  }
  .md-grid-spacing-mm-8 > .md-grid--item, .md-grid-spacing-medium-8 > .md-grid--item {
    padding: 32px;
  }
  .md-grid-spacing-mm-7, .md-grid-spacing-medium-7 {
    width: calc(100% + 56px);
    margin: -28px;
  }
  .md-grid-spacing-mm-7 > .md-grid--item, .md-grid-spacing-medium-7 > .md-grid--item {
    padding: 28px;
  }
  .md-grid-spacing-mm-6, .md-grid-spacing-medium-6 {
    width: calc(100% + 48px);
    margin: -24px;
  }
  .md-grid-spacing-mm-6 > .md-grid--item, .md-grid-spacing-medium-6 > .md-grid--item {
    padding: 24px;
  }
  .md-grid-spacing-mm-5, .md-grid-spacing-medium-5 {
    width: calc(100% + 40px);
    margin: -20px;
  }
  .md-grid-spacing-mm-5 > .md-grid--item, .md-grid-spacing-medium-5 > .md-grid--item {
    padding: 20px;
  }
  .md-grid-spacing-mm-4, .md-grid-spacing-medium-4 {
    width: calc(100% + 32px);
    margin: -16px;
  }
  .md-grid-spacing-mm-4 > .md-grid--item, .md-grid-spacing-medium-4 > .md-grid--item {
    padding: 16px;
  }
  .md-grid-spacing-mm-3, .md-grid-spacing-medium-3 {
    width: calc(100% + 24px);
    margin: -12px;
  }
  .md-grid-spacing-mm-3 > .md-grid--item, .md-grid-spacing-medium-3 > .md-grid--item {
    padding: 12px;
  }
  .md-grid-spacing-mm-2, .md-grid-spacing-medium-2 {
    width: calc(100% + 16px);
    margin: -8px;
  }
  .md-grid-spacing-mm-2 > .md-grid--item, .md-grid-spacing-medium-2 > .md-grid--item {
    padding: 8px;
  }
  .md-grid-spacing-mm-1, .md-grid-spacing-medium-1 {
    width: calc(100% + 8px);
    margin: -4px;
  }
  .md-grid-spacing-mm-1 > .md-grid--item, .md-grid-spacing-medium-1 > .md-grid--item {
    padding: 4px;
  }
}
@media only screen and (min-width: 1280px) {
  .md-grid-spacing-lg-12 {
    width: calc(100% + 96px);
    margin: -48px;
  }
  .md-grid-spacing-lg-12 > .md-grid--item {
    padding: 48px;
  }
  .md-grid-spacing-lg-11 {
    width: calc(100% + 88px);
    margin: -44px;
  }
  .md-grid-spacing-lg-11 > .md-grid--item {
    padding: 44px;
  }
  .md-grid-spacing-lg-10 {
    width: calc(100% + 80px);
    margin: -40px;
  }
  .md-grid-spacing-lg-10 > .md-grid--item {
    padding: 40px;
  }
  .md-grid-spacing-lg-9 {
    width: calc(100% + 72px);
    margin: -36px;
  }
  .md-grid-spacing-lg-9 > .md-grid--item {
    padding: 36px;
  }
  .md-grid-spacing-lg-8 {
    width: calc(100% + 64px);
    margin: -32px;
  }
  .md-grid-spacing-lg-8 > .md-grid--item {
    padding: 32px;
  }
  .md-grid-spacing-lg-7 {
    width: calc(100% + 56px);
    margin: -28px;
  }
  .md-grid-spacing-lg-7 > .md-grid--item {
    padding: 28px;
  }
  .md-grid-spacing-lg-6 {
    width: calc(100% + 48px);
    margin: -24px;
  }
  .md-grid-spacing-lg-6 > .md-grid--item {
    padding: 24px;
  }
  .md-grid-spacing-lg-5 {
    width: calc(100% + 40px);
    margin: -20px;
  }
  .md-grid-spacing-lg-5 > .md-grid--item {
    padding: 20px;
  }
  .md-grid-spacing-lg-4 {
    width: calc(100% + 32px);
    margin: -16px;
  }
  .md-grid-spacing-lg-4 > .md-grid--item {
    padding: 16px;
  }
  .md-grid-spacing-lg-3 {
    width: calc(100% + 24px);
    margin: -12px;
  }
  .md-grid-spacing-lg-3 > .md-grid--item {
    padding: 12px;
  }
  .md-grid-spacing-lg-2 {
    width: calc(100% + 16px);
    margin: -8px;
  }
  .md-grid-spacing-lg-2 > .md-grid--item {
    padding: 8px;
  }
  .md-grid-spacing-lg-1 {
    width: calc(100% + 8px);
    margin: -4px;
  }
  .md-grid-spacing-lg-1 > .md-grid--item {
    padding: 4px;
  }
}
.md-grid--noflex {
  flex: 0;
}

@media only screen and (min-width: 320px) {
  .md-grid--xs-1 {
    flex: 1 1 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-grid--xs-2 {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-grid--xs-3 {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .md-grid--xs-4 {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-grid--xs-5 {
    flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-grid--xs-6 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .md-grid--xs-7 {
    flex: 1 1 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-grid--xs-8 {
    flex: 1 1 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-grid--xs-9 {
    flex: 1 1 75%;
    max-width: 75%;
  }
  .md-grid--xs-10 {
    flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-grid--xs-11 {
    flex: 1 1 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-grid--xs-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .md-grid--sm-1 {
    flex: 1 1 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-grid--sm-2 {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-grid--sm-3 {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .md-grid--sm-4 {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-grid--sm-5 {
    flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-grid--sm-6 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .md-grid--sm-7 {
    flex: 1 1 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-grid--sm-8 {
    flex: 1 1 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-grid--sm-9 {
    flex: 1 1 75%;
    max-width: 75%;
  }
  .md-grid--sm-10 {
    flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-grid--sm-11 {
    flex: 1 1 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-grid--sm-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .md-grid--mm-1 {
    flex: 1 1 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-grid--mm-2 {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-grid--mm-3 {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .md-grid--mm-4 {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-grid--mm-5 {
    flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-grid--mm-6 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .md-grid--mm-7 {
    flex: 1 1 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-grid--mm-8 {
    flex: 1 1 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-grid--mm-9 {
    flex: 1 1 75%;
    max-width: 75%;
  }
  .md-grid--mm-10 {
    flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-grid--mm-11 {
    flex: 1 1 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-grid--mm-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .md-grid--lg-1 {
    flex: 1 1 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-grid--lg-2 {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-grid--lg-3 {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .md-grid--lg-4 {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-grid--lg-5 {
    flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-grid--lg-6 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .md-grid--lg-7 {
    flex: 1 1 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-grid--lg-8 {
    flex: 1 1 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-grid--lg-9 {
    flex: 1 1 75%;
    max-width: 75%;
  }
  .md-grid--lg-10 {
    flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-grid--lg-11 {
    flex: 1 1 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-grid--lg-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .md-grid--xl-1 {
    flex: 1 1 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-grid--xl-2 {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-grid--xl-3 {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .md-grid--xl-4 {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-grid--xl-5 {
    flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-grid--xl-6 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .md-grid--xl-7 {
    flex: 1 1 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-grid--xl-8 {
    flex: 1 1 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-grid--xl-9 {
    flex: 1 1 75%;
    max-width: 75%;
  }
  .md-grid--xl-10 {
    flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-grid--xl-11 {
    flex: 1 1 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-grid--xl-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 2500px) {
  .md-grid--xxl-1 {
    flex: 1 1 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-grid--xxl-2 {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-grid--xxl-3 {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .md-grid--xxl-4 {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-grid--xxl-5 {
    flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-grid--xxl-6 {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .md-grid--xxl-7 {
    flex: 1 1 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-grid--xxl-8 {
    flex: 1 1 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-grid--xxl-9 {
    flex: 1 1 75%;
    max-width: 75%;
  }
  .md-grid--xxl-10 {
    flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-grid--xxl-11 {
    flex: 1 1 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-grid--xxl-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.gridcontainer,
gridcontainer {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
  width: 100%;
}
.gridcontainer.grid--spacing-0,
gridcontainer.grid--spacing-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
  row-gap: 0px;
}
.gridcontainer.grid--spacing-1,
gridcontainer.grid--spacing-1 {
  -moz-column-gap: 4px;
       column-gap: 4px;
  row-gap: 4px;
}
.gridcontainer.grid--spacing-2,
gridcontainer.grid--spacing-2 {
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
}
.gridcontainer.grid--spacing-3,
gridcontainer.grid--spacing-3 {
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
}
.gridcontainer.grid--spacing-4,
gridcontainer.grid--spacing-4 {
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
.gridcontainer.grid--spacing-5,
gridcontainer.grid--spacing-5 {
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
.gridcontainer.grid--spacing-6,
gridcontainer.grid--spacing-6 {
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
}
.gridcontainer.grid--spacing-7,
gridcontainer.grid--spacing-7 {
  -moz-column-gap: 28px;
       column-gap: 28px;
  row-gap: 28px;
}
.gridcontainer.grid--spacing-8,
gridcontainer.grid--spacing-8 {
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 32px;
}
.gridcontainer.grid--spacing-9,
gridcontainer.grid--spacing-9 {
  -moz-column-gap: 36px;
       column-gap: 36px;
  row-gap: 36px;
}
.gridcontainer.grid--spacing-10,
gridcontainer.grid--spacing-10 {
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 40px;
}
.gridcontainer.grid--spacing-11,
gridcontainer.grid--spacing-11 {
  -moz-column-gap: 44px;
       column-gap: 44px;
  row-gap: 44px;
}
.gridcontainer.grid--spacing-12,
gridcontainer.grid--spacing-12 {
  -moz-column-gap: 48px;
       column-gap: 48px;
  row-gap: 48px;
}
.gridcontainer.grid--spacing-13,
gridcontainer.grid--spacing-13 {
  -moz-column-gap: 52px;
       column-gap: 52px;
  row-gap: 52px;
}
.gridcontainer.grid--spacing-14,
gridcontainer.grid--spacing-14 {
  -moz-column-gap: 56px;
       column-gap: 56px;
  row-gap: 56px;
}
.gridcontainer.grid--spacing-15,
gridcontainer.grid--spacing-15 {
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 60px;
}
.gridcontainer.grid--spacing-16,
gridcontainer.grid--spacing-16 {
  -moz-column-gap: 64px;
       column-gap: 64px;
  row-gap: 64px;
}
.gridcontainer.grid--spacing-17,
gridcontainer.grid--spacing-17 {
  -moz-column-gap: 68px;
       column-gap: 68px;
  row-gap: 68px;
}
.gridcontainer.grid--spacing-18,
gridcontainer.grid--spacing-18 {
  -moz-column-gap: 72px;
       column-gap: 72px;
  row-gap: 72px;
}
.gridcontainer.grid--spacing-19,
gridcontainer.grid--spacing-19 {
  -moz-column-gap: 76px;
       column-gap: 76px;
  row-gap: 76px;
}
.gridcontainer.grid--spacing-20,
gridcontainer.grid--spacing-20 {
  -moz-column-gap: 80px;
       column-gap: 80px;
  row-gap: 80px;
}
.gridcontainer.grid--spacing-21,
gridcontainer.grid--spacing-21 {
  -moz-column-gap: 84px;
       column-gap: 84px;
  row-gap: 84px;
}
.gridcontainer.grid--spacing-22,
gridcontainer.grid--spacing-22 {
  -moz-column-gap: 88px;
       column-gap: 88px;
  row-gap: 88px;
}
.gridcontainer.grid--spacing-23,
gridcontainer.grid--spacing-23 {
  -moz-column-gap: 92px;
       column-gap: 92px;
  row-gap: 92px;
}
.gridcontainer.grid--spacing-24,
gridcontainer.grid--spacing-24 {
  -moz-column-gap: 96px;
       column-gap: 96px;
  row-gap: 96px;
}
@media only screen and (min-width: 320px) {
  .gridcontainer.grid--spacing-xs-0,
  gridcontainer.grid--spacing-xs-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 0px;
  }
  .gridcontainer.grid--spacing-xs-1,
  gridcontainer.grid--spacing-xs-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .gridcontainer.grid--spacing-xs-2,
  gridcontainer.grid--spacing-xs-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
  .gridcontainer.grid--spacing-xs-3,
  gridcontainer.grid--spacing-xs-3 {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  .gridcontainer.grid--spacing-xs-4,
  gridcontainer.grid--spacing-xs-4 {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
  .gridcontainer.grid--spacing-xs-5,
  gridcontainer.grid--spacing-xs-5 {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .gridcontainer.grid--spacing-xs-6,
  gridcontainer.grid--spacing-xs-6 {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
  .gridcontainer.grid--spacing-xs-7,
  gridcontainer.grid--spacing-xs-7 {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 28px;
  }
  .gridcontainer.grid--spacing-xs-8,
  gridcontainer.grid--spacing-xs-8 {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 32px;
  }
  .gridcontainer.grid--spacing-xs-9,
  gridcontainer.grid--spacing-xs-9 {
    -moz-column-gap: 36px;
         column-gap: 36px;
    row-gap: 36px;
  }
  .gridcontainer.grid--spacing-xs-10,
  gridcontainer.grid--spacing-xs-10 {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .gridcontainer.grid--spacing-xs-11,
  gridcontainer.grid--spacing-xs-11 {
    -moz-column-gap: 44px;
         column-gap: 44px;
    row-gap: 44px;
  }
  .gridcontainer.grid--spacing-xs-12,
  gridcontainer.grid--spacing-xs-12 {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 48px;
  }
  .gridcontainer.grid--spacing-xs-13,
  gridcontainer.grid--spacing-xs-13 {
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 52px;
  }
  .gridcontainer.grid--spacing-xs-14,
  gridcontainer.grid--spacing-xs-14 {
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 56px;
  }
  .gridcontainer.grid--spacing-xs-15,
  gridcontainer.grid--spacing-xs-15 {
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
  .gridcontainer.grid--spacing-xs-16,
  gridcontainer.grid--spacing-xs-16 {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 64px;
  }
  .gridcontainer.grid--spacing-xs-17,
  gridcontainer.grid--spacing-xs-17 {
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 68px;
  }
  .gridcontainer.grid--spacing-xs-18,
  gridcontainer.grid--spacing-xs-18 {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 72px;
  }
  .gridcontainer.grid--spacing-xs-19,
  gridcontainer.grid--spacing-xs-19 {
    -moz-column-gap: 76px;
         column-gap: 76px;
    row-gap: 76px;
  }
  .gridcontainer.grid--spacing-xs-20,
  gridcontainer.grid--spacing-xs-20 {
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 80px;
  }
  .gridcontainer.grid--spacing-xs-21,
  gridcontainer.grid--spacing-xs-21 {
    -moz-column-gap: 84px;
         column-gap: 84px;
    row-gap: 84px;
  }
  .gridcontainer.grid--spacing-xs-22,
  gridcontainer.grid--spacing-xs-22 {
    -moz-column-gap: 88px;
         column-gap: 88px;
    row-gap: 88px;
  }
  .gridcontainer.grid--spacing-xs-23,
  gridcontainer.grid--spacing-xs-23 {
    -moz-column-gap: 92px;
         column-gap: 92px;
    row-gap: 92px;
  }
  .gridcontainer.grid--spacing-xs-24,
  gridcontainer.grid--spacing-xs-24 {
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 96px;
  }
}
@media only screen and (min-width: 768px) {
  .gridcontainer.grid--spacing-sm-0,
  gridcontainer.grid--spacing-sm-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 0px;
  }
  .gridcontainer.grid--spacing-sm-1,
  gridcontainer.grid--spacing-sm-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .gridcontainer.grid--spacing-sm-2,
  gridcontainer.grid--spacing-sm-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
  .gridcontainer.grid--spacing-sm-3,
  gridcontainer.grid--spacing-sm-3 {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  .gridcontainer.grid--spacing-sm-4,
  gridcontainer.grid--spacing-sm-4 {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
  .gridcontainer.grid--spacing-sm-5,
  gridcontainer.grid--spacing-sm-5 {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .gridcontainer.grid--spacing-sm-6,
  gridcontainer.grid--spacing-sm-6 {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
  .gridcontainer.grid--spacing-sm-7,
  gridcontainer.grid--spacing-sm-7 {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 28px;
  }
  .gridcontainer.grid--spacing-sm-8,
  gridcontainer.grid--spacing-sm-8 {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 32px;
  }
  .gridcontainer.grid--spacing-sm-9,
  gridcontainer.grid--spacing-sm-9 {
    -moz-column-gap: 36px;
         column-gap: 36px;
    row-gap: 36px;
  }
  .gridcontainer.grid--spacing-sm-10,
  gridcontainer.grid--spacing-sm-10 {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .gridcontainer.grid--spacing-sm-11,
  gridcontainer.grid--spacing-sm-11 {
    -moz-column-gap: 44px;
         column-gap: 44px;
    row-gap: 44px;
  }
  .gridcontainer.grid--spacing-sm-12,
  gridcontainer.grid--spacing-sm-12 {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 48px;
  }
  .gridcontainer.grid--spacing-sm-13,
  gridcontainer.grid--spacing-sm-13 {
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 52px;
  }
  .gridcontainer.grid--spacing-sm-14,
  gridcontainer.grid--spacing-sm-14 {
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 56px;
  }
  .gridcontainer.grid--spacing-sm-15,
  gridcontainer.grid--spacing-sm-15 {
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
  .gridcontainer.grid--spacing-sm-16,
  gridcontainer.grid--spacing-sm-16 {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 64px;
  }
  .gridcontainer.grid--spacing-sm-17,
  gridcontainer.grid--spacing-sm-17 {
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 68px;
  }
  .gridcontainer.grid--spacing-sm-18,
  gridcontainer.grid--spacing-sm-18 {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 72px;
  }
  .gridcontainer.grid--spacing-sm-19,
  gridcontainer.grid--spacing-sm-19 {
    -moz-column-gap: 76px;
         column-gap: 76px;
    row-gap: 76px;
  }
  .gridcontainer.grid--spacing-sm-20,
  gridcontainer.grid--spacing-sm-20 {
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 80px;
  }
  .gridcontainer.grid--spacing-sm-21,
  gridcontainer.grid--spacing-sm-21 {
    -moz-column-gap: 84px;
         column-gap: 84px;
    row-gap: 84px;
  }
  .gridcontainer.grid--spacing-sm-22,
  gridcontainer.grid--spacing-sm-22 {
    -moz-column-gap: 88px;
         column-gap: 88px;
    row-gap: 88px;
  }
  .gridcontainer.grid--spacing-sm-23,
  gridcontainer.grid--spacing-sm-23 {
    -moz-column-gap: 92px;
         column-gap: 92px;
    row-gap: 92px;
  }
  .gridcontainer.grid--spacing-sm-24,
  gridcontainer.grid--spacing-sm-24 {
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 96px;
  }
}
@media only screen and (min-width: 1024px) {
  .gridcontainer.grid--spacing-mm-0,
  gridcontainer.grid--spacing-mm-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 0px;
  }
  .gridcontainer.grid--spacing-mm-1,
  gridcontainer.grid--spacing-mm-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .gridcontainer.grid--spacing-mm-2,
  gridcontainer.grid--spacing-mm-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
  .gridcontainer.grid--spacing-mm-3,
  gridcontainer.grid--spacing-mm-3 {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  .gridcontainer.grid--spacing-mm-4,
  gridcontainer.grid--spacing-mm-4 {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
  .gridcontainer.grid--spacing-mm-5,
  gridcontainer.grid--spacing-mm-5 {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .gridcontainer.grid--spacing-mm-6,
  gridcontainer.grid--spacing-mm-6 {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
  .gridcontainer.grid--spacing-mm-7,
  gridcontainer.grid--spacing-mm-7 {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 28px;
  }
  .gridcontainer.grid--spacing-mm-8,
  gridcontainer.grid--spacing-mm-8 {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 32px;
  }
  .gridcontainer.grid--spacing-mm-9,
  gridcontainer.grid--spacing-mm-9 {
    -moz-column-gap: 36px;
         column-gap: 36px;
    row-gap: 36px;
  }
  .gridcontainer.grid--spacing-mm-10,
  gridcontainer.grid--spacing-mm-10 {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .gridcontainer.grid--spacing-mm-11,
  gridcontainer.grid--spacing-mm-11 {
    -moz-column-gap: 44px;
         column-gap: 44px;
    row-gap: 44px;
  }
  .gridcontainer.grid--spacing-mm-12,
  gridcontainer.grid--spacing-mm-12 {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 48px;
  }
  .gridcontainer.grid--spacing-mm-13,
  gridcontainer.grid--spacing-mm-13 {
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 52px;
  }
  .gridcontainer.grid--spacing-mm-14,
  gridcontainer.grid--spacing-mm-14 {
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 56px;
  }
  .gridcontainer.grid--spacing-mm-15,
  gridcontainer.grid--spacing-mm-15 {
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
  .gridcontainer.grid--spacing-mm-16,
  gridcontainer.grid--spacing-mm-16 {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 64px;
  }
  .gridcontainer.grid--spacing-mm-17,
  gridcontainer.grid--spacing-mm-17 {
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 68px;
  }
  .gridcontainer.grid--spacing-mm-18,
  gridcontainer.grid--spacing-mm-18 {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 72px;
  }
  .gridcontainer.grid--spacing-mm-19,
  gridcontainer.grid--spacing-mm-19 {
    -moz-column-gap: 76px;
         column-gap: 76px;
    row-gap: 76px;
  }
  .gridcontainer.grid--spacing-mm-20,
  gridcontainer.grid--spacing-mm-20 {
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 80px;
  }
  .gridcontainer.grid--spacing-mm-21,
  gridcontainer.grid--spacing-mm-21 {
    -moz-column-gap: 84px;
         column-gap: 84px;
    row-gap: 84px;
  }
  .gridcontainer.grid--spacing-mm-22,
  gridcontainer.grid--spacing-mm-22 {
    -moz-column-gap: 88px;
         column-gap: 88px;
    row-gap: 88px;
  }
  .gridcontainer.grid--spacing-mm-23,
  gridcontainer.grid--spacing-mm-23 {
    -moz-column-gap: 92px;
         column-gap: 92px;
    row-gap: 92px;
  }
  .gridcontainer.grid--spacing-mm-24,
  gridcontainer.grid--spacing-mm-24 {
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 96px;
  }
}
@media only screen and (min-width: 1280px) {
  .gridcontainer.grid--spacing-lg-0,
  gridcontainer.grid--spacing-lg-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 0px;
  }
  .gridcontainer.grid--spacing-lg-1,
  gridcontainer.grid--spacing-lg-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .gridcontainer.grid--spacing-lg-2,
  gridcontainer.grid--spacing-lg-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
  .gridcontainer.grid--spacing-lg-3,
  gridcontainer.grid--spacing-lg-3 {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  .gridcontainer.grid--spacing-lg-4,
  gridcontainer.grid--spacing-lg-4 {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
  .gridcontainer.grid--spacing-lg-5,
  gridcontainer.grid--spacing-lg-5 {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .gridcontainer.grid--spacing-lg-6,
  gridcontainer.grid--spacing-lg-6 {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
  .gridcontainer.grid--spacing-lg-7,
  gridcontainer.grid--spacing-lg-7 {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 28px;
  }
  .gridcontainer.grid--spacing-lg-8,
  gridcontainer.grid--spacing-lg-8 {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 32px;
  }
  .gridcontainer.grid--spacing-lg-9,
  gridcontainer.grid--spacing-lg-9 {
    -moz-column-gap: 36px;
         column-gap: 36px;
    row-gap: 36px;
  }
  .gridcontainer.grid--spacing-lg-10,
  gridcontainer.grid--spacing-lg-10 {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .gridcontainer.grid--spacing-lg-11,
  gridcontainer.grid--spacing-lg-11 {
    -moz-column-gap: 44px;
         column-gap: 44px;
    row-gap: 44px;
  }
  .gridcontainer.grid--spacing-lg-12,
  gridcontainer.grid--spacing-lg-12 {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 48px;
  }
  .gridcontainer.grid--spacing-lg-13,
  gridcontainer.grid--spacing-lg-13 {
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 52px;
  }
  .gridcontainer.grid--spacing-lg-14,
  gridcontainer.grid--spacing-lg-14 {
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 56px;
  }
  .gridcontainer.grid--spacing-lg-15,
  gridcontainer.grid--spacing-lg-15 {
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
  .gridcontainer.grid--spacing-lg-16,
  gridcontainer.grid--spacing-lg-16 {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 64px;
  }
  .gridcontainer.grid--spacing-lg-17,
  gridcontainer.grid--spacing-lg-17 {
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 68px;
  }
  .gridcontainer.grid--spacing-lg-18,
  gridcontainer.grid--spacing-lg-18 {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 72px;
  }
  .gridcontainer.grid--spacing-lg-19,
  gridcontainer.grid--spacing-lg-19 {
    -moz-column-gap: 76px;
         column-gap: 76px;
    row-gap: 76px;
  }
  .gridcontainer.grid--spacing-lg-20,
  gridcontainer.grid--spacing-lg-20 {
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 80px;
  }
  .gridcontainer.grid--spacing-lg-21,
  gridcontainer.grid--spacing-lg-21 {
    -moz-column-gap: 84px;
         column-gap: 84px;
    row-gap: 84px;
  }
  .gridcontainer.grid--spacing-lg-22,
  gridcontainer.grid--spacing-lg-22 {
    -moz-column-gap: 88px;
         column-gap: 88px;
    row-gap: 88px;
  }
  .gridcontainer.grid--spacing-lg-23,
  gridcontainer.grid--spacing-lg-23 {
    -moz-column-gap: 92px;
         column-gap: 92px;
    row-gap: 92px;
  }
  .gridcontainer.grid--spacing-lg-24,
  gridcontainer.grid--spacing-lg-24 {
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 96px;
  }
}
@media only screen and (min-width: 1920px) {
  .gridcontainer.grid--spacing-xl-0,
  gridcontainer.grid--spacing-xl-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 0px;
  }
  .gridcontainer.grid--spacing-xl-1,
  gridcontainer.grid--spacing-xl-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .gridcontainer.grid--spacing-xl-2,
  gridcontainer.grid--spacing-xl-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
  .gridcontainer.grid--spacing-xl-3,
  gridcontainer.grid--spacing-xl-3 {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  .gridcontainer.grid--spacing-xl-4,
  gridcontainer.grid--spacing-xl-4 {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
  .gridcontainer.grid--spacing-xl-5,
  gridcontainer.grid--spacing-xl-5 {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .gridcontainer.grid--spacing-xl-6,
  gridcontainer.grid--spacing-xl-6 {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
  .gridcontainer.grid--spacing-xl-7,
  gridcontainer.grid--spacing-xl-7 {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 28px;
  }
  .gridcontainer.grid--spacing-xl-8,
  gridcontainer.grid--spacing-xl-8 {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 32px;
  }
  .gridcontainer.grid--spacing-xl-9,
  gridcontainer.grid--spacing-xl-9 {
    -moz-column-gap: 36px;
         column-gap: 36px;
    row-gap: 36px;
  }
  .gridcontainer.grid--spacing-xl-10,
  gridcontainer.grid--spacing-xl-10 {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .gridcontainer.grid--spacing-xl-11,
  gridcontainer.grid--spacing-xl-11 {
    -moz-column-gap: 44px;
         column-gap: 44px;
    row-gap: 44px;
  }
  .gridcontainer.grid--spacing-xl-12,
  gridcontainer.grid--spacing-xl-12 {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 48px;
  }
  .gridcontainer.grid--spacing-xl-13,
  gridcontainer.grid--spacing-xl-13 {
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 52px;
  }
  .gridcontainer.grid--spacing-xl-14,
  gridcontainer.grid--spacing-xl-14 {
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 56px;
  }
  .gridcontainer.grid--spacing-xl-15,
  gridcontainer.grid--spacing-xl-15 {
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
  .gridcontainer.grid--spacing-xl-16,
  gridcontainer.grid--spacing-xl-16 {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 64px;
  }
  .gridcontainer.grid--spacing-xl-17,
  gridcontainer.grid--spacing-xl-17 {
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 68px;
  }
  .gridcontainer.grid--spacing-xl-18,
  gridcontainer.grid--spacing-xl-18 {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 72px;
  }
  .gridcontainer.grid--spacing-xl-19,
  gridcontainer.grid--spacing-xl-19 {
    -moz-column-gap: 76px;
         column-gap: 76px;
    row-gap: 76px;
  }
  .gridcontainer.grid--spacing-xl-20,
  gridcontainer.grid--spacing-xl-20 {
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 80px;
  }
  .gridcontainer.grid--spacing-xl-21,
  gridcontainer.grid--spacing-xl-21 {
    -moz-column-gap: 84px;
         column-gap: 84px;
    row-gap: 84px;
  }
  .gridcontainer.grid--spacing-xl-22,
  gridcontainer.grid--spacing-xl-22 {
    -moz-column-gap: 88px;
         column-gap: 88px;
    row-gap: 88px;
  }
  .gridcontainer.grid--spacing-xl-23,
  gridcontainer.grid--spacing-xl-23 {
    -moz-column-gap: 92px;
         column-gap: 92px;
    row-gap: 92px;
  }
  .gridcontainer.grid--spacing-xl-24,
  gridcontainer.grid--spacing-xl-24 {
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 96px;
  }
}
@media only screen and (min-width: 2500px) {
  .gridcontainer.grid--spacing-xxl-0,
  gridcontainer.grid--spacing-xxl-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
    row-gap: 0px;
  }
  .gridcontainer.grid--spacing-xxl-1,
  gridcontainer.grid--spacing-xxl-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
  }
  .gridcontainer.grid--spacing-xxl-2,
  gridcontainer.grid--spacing-xxl-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 8px;
  }
  .gridcontainer.grid--spacing-xxl-3,
  gridcontainer.grid--spacing-xxl-3 {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
  .gridcontainer.grid--spacing-xxl-4,
  gridcontainer.grid--spacing-xxl-4 {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 16px;
  }
  .gridcontainer.grid--spacing-xxl-5,
  gridcontainer.grid--spacing-xxl-5 {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .gridcontainer.grid--spacing-xxl-6,
  gridcontainer.grid--spacing-xxl-6 {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
  .gridcontainer.grid--spacing-xxl-7,
  gridcontainer.grid--spacing-xxl-7 {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 28px;
  }
  .gridcontainer.grid--spacing-xxl-8,
  gridcontainer.grid--spacing-xxl-8 {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 32px;
  }
  .gridcontainer.grid--spacing-xxl-9,
  gridcontainer.grid--spacing-xxl-9 {
    -moz-column-gap: 36px;
         column-gap: 36px;
    row-gap: 36px;
  }
  .gridcontainer.grid--spacing-xxl-10,
  gridcontainer.grid--spacing-xxl-10 {
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .gridcontainer.grid--spacing-xxl-11,
  gridcontainer.grid--spacing-xxl-11 {
    -moz-column-gap: 44px;
         column-gap: 44px;
    row-gap: 44px;
  }
  .gridcontainer.grid--spacing-xxl-12,
  gridcontainer.grid--spacing-xxl-12 {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 48px;
  }
  .gridcontainer.grid--spacing-xxl-13,
  gridcontainer.grid--spacing-xxl-13 {
    -moz-column-gap: 52px;
         column-gap: 52px;
    row-gap: 52px;
  }
  .gridcontainer.grid--spacing-xxl-14,
  gridcontainer.grid--spacing-xxl-14 {
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 56px;
  }
  .gridcontainer.grid--spacing-xxl-15,
  gridcontainer.grid--spacing-xxl-15 {
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 60px;
  }
  .gridcontainer.grid--spacing-xxl-16,
  gridcontainer.grid--spacing-xxl-16 {
    -moz-column-gap: 64px;
         column-gap: 64px;
    row-gap: 64px;
  }
  .gridcontainer.grid--spacing-xxl-17,
  gridcontainer.grid--spacing-xxl-17 {
    -moz-column-gap: 68px;
         column-gap: 68px;
    row-gap: 68px;
  }
  .gridcontainer.grid--spacing-xxl-18,
  gridcontainer.grid--spacing-xxl-18 {
    -moz-column-gap: 72px;
         column-gap: 72px;
    row-gap: 72px;
  }
  .gridcontainer.grid--spacing-xxl-19,
  gridcontainer.grid--spacing-xxl-19 {
    -moz-column-gap: 76px;
         column-gap: 76px;
    row-gap: 76px;
  }
  .gridcontainer.grid--spacing-xxl-20,
  gridcontainer.grid--spacing-xxl-20 {
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 80px;
  }
  .gridcontainer.grid--spacing-xxl-21,
  gridcontainer.grid--spacing-xxl-21 {
    -moz-column-gap: 84px;
         column-gap: 84px;
    row-gap: 84px;
  }
  .gridcontainer.grid--spacing-xxl-22,
  gridcontainer.grid--spacing-xxl-22 {
    -moz-column-gap: 88px;
         column-gap: 88px;
    row-gap: 88px;
  }
  .gridcontainer.grid--spacing-xxl-23,
  gridcontainer.grid--spacing-xxl-23 {
    -moz-column-gap: 92px;
         column-gap: 92px;
    row-gap: 92px;
  }
  .gridcontainer.grid--spacing-xxl-24,
  gridcontainer.grid--spacing-xxl-24 {
    -moz-column-gap: 96px;
         column-gap: 96px;
    row-gap: 96px;
  }
}
.gridcontainer.grid--auto,
gridcontainer.grid--auto {
  grid-template-columns: auto 1fr;
}
@media only screen and (min-width: 320px) {
  .gridcontainer.grid--xs-1,
  gridcontainer.grid--xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridcontainer.grid--xs-2,
  gridcontainer.grid--xs-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gridcontainer.grid--xs-3,
  gridcontainer.grid--xs-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gridcontainer.grid--xs-4,
  gridcontainer.grid--xs-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gridcontainer.grid--xs-5,
  gridcontainer.grid--xs-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gridcontainer.grid--xs-6,
  gridcontainer.grid--xs-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gridcontainer.grid--xs-7,
  gridcontainer.grid--xs-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gridcontainer.grid--xs-8,
  gridcontainer.grid--xs-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gridcontainer.grid--xs-9,
  gridcontainer.grid--xs-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gridcontainer.grid--xs-10,
  gridcontainer.grid--xs-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gridcontainer.grid--xs-11,
  gridcontainer.grid--xs-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .gridcontainer.grid--xs-12,
  gridcontainer.grid--xs-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .gridcontainer.grid--sm-1,
  gridcontainer.grid--sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridcontainer.grid--sm-2,
  gridcontainer.grid--sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gridcontainer.grid--sm-3,
  gridcontainer.grid--sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gridcontainer.grid--sm-4,
  gridcontainer.grid--sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gridcontainer.grid--sm-5,
  gridcontainer.grid--sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gridcontainer.grid--sm-6,
  gridcontainer.grid--sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gridcontainer.grid--sm-7,
  gridcontainer.grid--sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gridcontainer.grid--sm-8,
  gridcontainer.grid--sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gridcontainer.grid--sm-9,
  gridcontainer.grid--sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gridcontainer.grid--sm-10,
  gridcontainer.grid--sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gridcontainer.grid--sm-11,
  gridcontainer.grid--sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .gridcontainer.grid--sm-12,
  gridcontainer.grid--sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .gridcontainer.grid--mm-1,
  gridcontainer.grid--mm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridcontainer.grid--mm-2,
  gridcontainer.grid--mm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gridcontainer.grid--mm-3,
  gridcontainer.grid--mm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gridcontainer.grid--mm-4,
  gridcontainer.grid--mm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gridcontainer.grid--mm-5,
  gridcontainer.grid--mm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gridcontainer.grid--mm-6,
  gridcontainer.grid--mm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gridcontainer.grid--mm-7,
  gridcontainer.grid--mm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gridcontainer.grid--mm-8,
  gridcontainer.grid--mm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gridcontainer.grid--mm-9,
  gridcontainer.grid--mm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gridcontainer.grid--mm-10,
  gridcontainer.grid--mm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gridcontainer.grid--mm-11,
  gridcontainer.grid--mm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .gridcontainer.grid--mm-12,
  gridcontainer.grid--mm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  .gridcontainer.grid--lg-1,
  gridcontainer.grid--lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridcontainer.grid--lg-2,
  gridcontainer.grid--lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gridcontainer.grid--lg-3,
  gridcontainer.grid--lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gridcontainer.grid--lg-4,
  gridcontainer.grid--lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gridcontainer.grid--lg-5,
  gridcontainer.grid--lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gridcontainer.grid--lg-6,
  gridcontainer.grid--lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gridcontainer.grid--lg-7,
  gridcontainer.grid--lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gridcontainer.grid--lg-8,
  gridcontainer.grid--lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gridcontainer.grid--lg-9,
  gridcontainer.grid--lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gridcontainer.grid--lg-10,
  gridcontainer.grid--lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gridcontainer.grid--lg-11,
  gridcontainer.grid--lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .gridcontainer.grid--lg-12,
  gridcontainer.grid--lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1920px) {
  .gridcontainer.grid--xl-1,
  gridcontainer.grid--xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridcontainer.grid--xl-2,
  gridcontainer.grid--xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gridcontainer.grid--xl-3,
  gridcontainer.grid--xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gridcontainer.grid--xl-4,
  gridcontainer.grid--xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gridcontainer.grid--xl-5,
  gridcontainer.grid--xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gridcontainer.grid--xl-6,
  gridcontainer.grid--xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gridcontainer.grid--xl-7,
  gridcontainer.grid--xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gridcontainer.grid--xl-8,
  gridcontainer.grid--xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gridcontainer.grid--xl-9,
  gridcontainer.grid--xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gridcontainer.grid--xl-10,
  gridcontainer.grid--xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gridcontainer.grid--xl-11,
  gridcontainer.grid--xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .gridcontainer.grid--xl-12,
  gridcontainer.grid--xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 2500px) {
  .gridcontainer.grid--xxl-1,
  gridcontainer.grid--xxl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridcontainer.grid--xxl-2,
  gridcontainer.grid--xxl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gridcontainer.grid--xxl-3,
  gridcontainer.grid--xxl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gridcontainer.grid--xxl-4,
  gridcontainer.grid--xxl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gridcontainer.grid--xxl-5,
  gridcontainer.grid--xxl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gridcontainer.grid--xxl-6,
  gridcontainer.grid--xxl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gridcontainer.grid--xxl-7,
  gridcontainer.grid--xxl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gridcontainer.grid--xxl-8,
  gridcontainer.grid--xxl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gridcontainer.grid--xxl-9,
  gridcontainer.grid--xxl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gridcontainer.grid--xxl-10,
  gridcontainer.grid--xxl-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gridcontainer.grid--xxl-11,
  gridcontainer.grid--xxl-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .gridcontainer.grid--xxl-12,
  gridcontainer.grid--xxl-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
.gridcontainer[elevation="0"],
gridcontainer[elevation="0"] {
  z-index: 0;
}
.gridcontainer[elevation="1"],
gridcontainer[elevation="1"] {
  z-index: 1;
}
.gridcontainer[elevation="2"],
gridcontainer[elevation="2"] {
  z-index: 2;
}
.gridcontainer[elevation="3"],
gridcontainer[elevation="3"] {
  z-index: 3;
}
.gridcontainer[elevation="4"],
gridcontainer[elevation="4"] {
  z-index: 4;
}
.gridcontainer[elevation="5"],
gridcontainer[elevation="5"] {
  z-index: 5;
}
.gridcontainer[elevation="6"],
gridcontainer[elevation="6"] {
  z-index: 6;
}
.gridcontainer[elevation="7"],
gridcontainer[elevation="7"] {
  z-index: 7;
}
.gridcontainer[elevation="8"],
gridcontainer[elevation="8"] {
  z-index: 8;
}
.gridcontainer[elevation="9"],
gridcontainer[elevation="9"] {
  z-index: 9;
}
.gridcontainer[elevation="10"],
gridcontainer[elevation="10"] {
  z-index: 10;
}
.gridcontainer[elevation="11"],
gridcontainer[elevation="11"] {
  z-index: 11;
}
.gridcontainer[elevation="12"],
gridcontainer[elevation="12"] {
  z-index: 12;
}
.gridcontainer[elevation="13"],
gridcontainer[elevation="13"] {
  z-index: 13;
}
.gridcontainer[elevation="14"],
gridcontainer[elevation="14"] {
  z-index: 14;
}
.gridcontainer[elevation="15"],
gridcontainer[elevation="15"] {
  z-index: 15;
}
.gridcontainer[elevation="16"],
gridcontainer[elevation="16"] {
  z-index: 16;
}
.gridcontainer[elevation="17"],
gridcontainer[elevation="17"] {
  z-index: 17;
}
.gridcontainer[elevation="18"],
gridcontainer[elevation="18"] {
  z-index: 18;
}
.gridcontainer[elevation="19"],
gridcontainer[elevation="19"] {
  z-index: 19;
}
.gridcontainer[elevation="20"],
gridcontainer[elevation="20"] {
  z-index: 20;
}
.gridcontainer[elevation="21"],
gridcontainer[elevation="21"] {
  z-index: 21;
}
.gridcontainer[elevation="22"],
gridcontainer[elevation="22"] {
  z-index: 22;
}
.gridcontainer[elevation="23"],
gridcontainer[elevation="23"] {
  z-index: 23;
}
.gridcontainer[elevation="24"],
gridcontainer[elevation="24"] {
  z-index: 24;
}
.gridcontainer[elevation="99999"],
gridcontainer[elevation="99999"] {
  z-index: 99999;
}
.gridcontainer--justify-left,
gridcontainer--justify-left {
  justify-items: start;
}
.gridcontainer--justify-right,
gridcontainer--justify-right {
  justify-items: end;
}
.gridcontainer--justify-center,
gridcontainer--justify-center {
  justify-items: center;
}
.gridcontainer--justify-stretch,
gridcontainer--justify-stretch {
  justify-items: stretch;
}
.gridcontainer--align-left,
gridcontainer--align-left {
  align-items: start;
}
.gridcontainer--align-right,
gridcontainer--align-right {
  align-items: end;
}
.gridcontainer--align-center,
gridcontainer--align-center {
  align-items: center;
}
.gridcontainer--align-stretch,
gridcontainer--align-stretch {
  align-items: stretch;
}
.gridcontainer .griditem,
.gridcontainer griditem,
gridcontainer .griditem,
gridcontainer griditem {
  min-width: 0;
}
.gridcontainer .griditem.griditem--span-1,
.gridcontainer griditem.griditem--span-1,
gridcontainer .griditem.griditem--span-1,
gridcontainer griditem.griditem--span-1 {
  grid-column: auto/span 1;
}
.gridcontainer .griditem.griditem--span-2,
.gridcontainer griditem.griditem--span-2,
gridcontainer .griditem.griditem--span-2,
gridcontainer griditem.griditem--span-2 {
  grid-column: auto/span 2;
}
.gridcontainer .griditem.griditem--span-3,
.gridcontainer griditem.griditem--span-3,
gridcontainer .griditem.griditem--span-3,
gridcontainer griditem.griditem--span-3 {
  grid-column: auto/span 3;
}
.gridcontainer .griditem.griditem--span-4,
.gridcontainer griditem.griditem--span-4,
gridcontainer .griditem.griditem--span-4,
gridcontainer griditem.griditem--span-4 {
  grid-column: auto/span 4;
}
.gridcontainer .griditem.griditem--span-5,
.gridcontainer griditem.griditem--span-5,
gridcontainer .griditem.griditem--span-5,
gridcontainer griditem.griditem--span-5 {
  grid-column: auto/span 5;
}
.gridcontainer .griditem.griditem--span-6,
.gridcontainer griditem.griditem--span-6,
gridcontainer .griditem.griditem--span-6,
gridcontainer griditem.griditem--span-6 {
  grid-column: auto/span 6;
}
.gridcontainer .griditem.griditem--span-7,
.gridcontainer griditem.griditem--span-7,
gridcontainer .griditem.griditem--span-7,
gridcontainer griditem.griditem--span-7 {
  grid-column: auto/span 7;
}
.gridcontainer .griditem.griditem--span-8,
.gridcontainer griditem.griditem--span-8,
gridcontainer .griditem.griditem--span-8,
gridcontainer griditem.griditem--span-8 {
  grid-column: auto/span 8;
}
.gridcontainer .griditem.griditem--span-9,
.gridcontainer griditem.griditem--span-9,
gridcontainer .griditem.griditem--span-9,
gridcontainer griditem.griditem--span-9 {
  grid-column: auto/span 9;
}
.gridcontainer .griditem.griditem--span-10,
.gridcontainer griditem.griditem--span-10,
gridcontainer .griditem.griditem--span-10,
gridcontainer griditem.griditem--span-10 {
  grid-column: auto/span 10;
}
.gridcontainer .griditem.griditem--span-11,
.gridcontainer griditem.griditem--span-11,
gridcontainer .griditem.griditem--span-11,
gridcontainer griditem.griditem--span-11 {
  grid-column: auto/span 11;
}
.gridcontainer .griditem.griditem--span-12,
.gridcontainer griditem.griditem--span-12,
gridcontainer .griditem.griditem--span-12,
gridcontainer griditem.griditem--span-12 {
  grid-column: auto/span 12;
}
@media only screen and (min-width: 320px) {
  .gridcontainer .griditem.griditem--span-xs-1,
  .gridcontainer griditem.griditem--span-xs-1,
  gridcontainer .griditem.griditem--span-xs-1,
  gridcontainer griditem.griditem--span-xs-1 {
    grid-column: auto/span 1;
  }
  .gridcontainer .griditem.griditem--span-xs-2,
  .gridcontainer griditem.griditem--span-xs-2,
  gridcontainer .griditem.griditem--span-xs-2,
  gridcontainer griditem.griditem--span-xs-2 {
    grid-column: auto/span 2;
  }
  .gridcontainer .griditem.griditem--span-xs-3,
  .gridcontainer griditem.griditem--span-xs-3,
  gridcontainer .griditem.griditem--span-xs-3,
  gridcontainer griditem.griditem--span-xs-3 {
    grid-column: auto/span 3;
  }
  .gridcontainer .griditem.griditem--span-xs-4,
  .gridcontainer griditem.griditem--span-xs-4,
  gridcontainer .griditem.griditem--span-xs-4,
  gridcontainer griditem.griditem--span-xs-4 {
    grid-column: auto/span 4;
  }
  .gridcontainer .griditem.griditem--span-xs-5,
  .gridcontainer griditem.griditem--span-xs-5,
  gridcontainer .griditem.griditem--span-xs-5,
  gridcontainer griditem.griditem--span-xs-5 {
    grid-column: auto/span 5;
  }
  .gridcontainer .griditem.griditem--span-xs-6,
  .gridcontainer griditem.griditem--span-xs-6,
  gridcontainer .griditem.griditem--span-xs-6,
  gridcontainer griditem.griditem--span-xs-6 {
    grid-column: auto/span 6;
  }
  .gridcontainer .griditem.griditem--span-xs-7,
  .gridcontainer griditem.griditem--span-xs-7,
  gridcontainer .griditem.griditem--span-xs-7,
  gridcontainer griditem.griditem--span-xs-7 {
    grid-column: auto/span 7;
  }
  .gridcontainer .griditem.griditem--span-xs-8,
  .gridcontainer griditem.griditem--span-xs-8,
  gridcontainer .griditem.griditem--span-xs-8,
  gridcontainer griditem.griditem--span-xs-8 {
    grid-column: auto/span 8;
  }
  .gridcontainer .griditem.griditem--span-xs-9,
  .gridcontainer griditem.griditem--span-xs-9,
  gridcontainer .griditem.griditem--span-xs-9,
  gridcontainer griditem.griditem--span-xs-9 {
    grid-column: auto/span 9;
  }
  .gridcontainer .griditem.griditem--span-xs-10,
  .gridcontainer griditem.griditem--span-xs-10,
  gridcontainer .griditem.griditem--span-xs-10,
  gridcontainer griditem.griditem--span-xs-10 {
    grid-column: auto/span 10;
  }
  .gridcontainer .griditem.griditem--span-xs-11,
  .gridcontainer griditem.griditem--span-xs-11,
  gridcontainer .griditem.griditem--span-xs-11,
  gridcontainer griditem.griditem--span-xs-11 {
    grid-column: auto/span 11;
  }
  .gridcontainer .griditem.griditem--span-xs-12,
  .gridcontainer griditem.griditem--span-xs-12,
  gridcontainer .griditem.griditem--span-xs-12,
  gridcontainer griditem.griditem--span-xs-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 768px) {
  .gridcontainer .griditem.griditem--span-sm-1,
  .gridcontainer griditem.griditem--span-sm-1,
  gridcontainer .griditem.griditem--span-sm-1,
  gridcontainer griditem.griditem--span-sm-1 {
    grid-column: auto/span 1;
  }
  .gridcontainer .griditem.griditem--span-sm-2,
  .gridcontainer griditem.griditem--span-sm-2,
  gridcontainer .griditem.griditem--span-sm-2,
  gridcontainer griditem.griditem--span-sm-2 {
    grid-column: auto/span 2;
  }
  .gridcontainer .griditem.griditem--span-sm-3,
  .gridcontainer griditem.griditem--span-sm-3,
  gridcontainer .griditem.griditem--span-sm-3,
  gridcontainer griditem.griditem--span-sm-3 {
    grid-column: auto/span 3;
  }
  .gridcontainer .griditem.griditem--span-sm-4,
  .gridcontainer griditem.griditem--span-sm-4,
  gridcontainer .griditem.griditem--span-sm-4,
  gridcontainer griditem.griditem--span-sm-4 {
    grid-column: auto/span 4;
  }
  .gridcontainer .griditem.griditem--span-sm-5,
  .gridcontainer griditem.griditem--span-sm-5,
  gridcontainer .griditem.griditem--span-sm-5,
  gridcontainer griditem.griditem--span-sm-5 {
    grid-column: auto/span 5;
  }
  .gridcontainer .griditem.griditem--span-sm-6,
  .gridcontainer griditem.griditem--span-sm-6,
  gridcontainer .griditem.griditem--span-sm-6,
  gridcontainer griditem.griditem--span-sm-6 {
    grid-column: auto/span 6;
  }
  .gridcontainer .griditem.griditem--span-sm-7,
  .gridcontainer griditem.griditem--span-sm-7,
  gridcontainer .griditem.griditem--span-sm-7,
  gridcontainer griditem.griditem--span-sm-7 {
    grid-column: auto/span 7;
  }
  .gridcontainer .griditem.griditem--span-sm-8,
  .gridcontainer griditem.griditem--span-sm-8,
  gridcontainer .griditem.griditem--span-sm-8,
  gridcontainer griditem.griditem--span-sm-8 {
    grid-column: auto/span 8;
  }
  .gridcontainer .griditem.griditem--span-sm-9,
  .gridcontainer griditem.griditem--span-sm-9,
  gridcontainer .griditem.griditem--span-sm-9,
  gridcontainer griditem.griditem--span-sm-9 {
    grid-column: auto/span 9;
  }
  .gridcontainer .griditem.griditem--span-sm-10,
  .gridcontainer griditem.griditem--span-sm-10,
  gridcontainer .griditem.griditem--span-sm-10,
  gridcontainer griditem.griditem--span-sm-10 {
    grid-column: auto/span 10;
  }
  .gridcontainer .griditem.griditem--span-sm-11,
  .gridcontainer griditem.griditem--span-sm-11,
  gridcontainer .griditem.griditem--span-sm-11,
  gridcontainer griditem.griditem--span-sm-11 {
    grid-column: auto/span 11;
  }
  .gridcontainer .griditem.griditem--span-sm-12,
  .gridcontainer griditem.griditem--span-sm-12,
  gridcontainer .griditem.griditem--span-sm-12,
  gridcontainer griditem.griditem--span-sm-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 1024px) {
  .gridcontainer .griditem.griditem--span-mm-1,
  .gridcontainer griditem.griditem--span-mm-1,
  gridcontainer .griditem.griditem--span-mm-1,
  gridcontainer griditem.griditem--span-mm-1 {
    grid-column: auto/span 1;
  }
  .gridcontainer .griditem.griditem--span-mm-2,
  .gridcontainer griditem.griditem--span-mm-2,
  gridcontainer .griditem.griditem--span-mm-2,
  gridcontainer griditem.griditem--span-mm-2 {
    grid-column: auto/span 2;
  }
  .gridcontainer .griditem.griditem--span-mm-3,
  .gridcontainer griditem.griditem--span-mm-3,
  gridcontainer .griditem.griditem--span-mm-3,
  gridcontainer griditem.griditem--span-mm-3 {
    grid-column: auto/span 3;
  }
  .gridcontainer .griditem.griditem--span-mm-4,
  .gridcontainer griditem.griditem--span-mm-4,
  gridcontainer .griditem.griditem--span-mm-4,
  gridcontainer griditem.griditem--span-mm-4 {
    grid-column: auto/span 4;
  }
  .gridcontainer .griditem.griditem--span-mm-5,
  .gridcontainer griditem.griditem--span-mm-5,
  gridcontainer .griditem.griditem--span-mm-5,
  gridcontainer griditem.griditem--span-mm-5 {
    grid-column: auto/span 5;
  }
  .gridcontainer .griditem.griditem--span-mm-6,
  .gridcontainer griditem.griditem--span-mm-6,
  gridcontainer .griditem.griditem--span-mm-6,
  gridcontainer griditem.griditem--span-mm-6 {
    grid-column: auto/span 6;
  }
  .gridcontainer .griditem.griditem--span-mm-7,
  .gridcontainer griditem.griditem--span-mm-7,
  gridcontainer .griditem.griditem--span-mm-7,
  gridcontainer griditem.griditem--span-mm-7 {
    grid-column: auto/span 7;
  }
  .gridcontainer .griditem.griditem--span-mm-8,
  .gridcontainer griditem.griditem--span-mm-8,
  gridcontainer .griditem.griditem--span-mm-8,
  gridcontainer griditem.griditem--span-mm-8 {
    grid-column: auto/span 8;
  }
  .gridcontainer .griditem.griditem--span-mm-9,
  .gridcontainer griditem.griditem--span-mm-9,
  gridcontainer .griditem.griditem--span-mm-9,
  gridcontainer griditem.griditem--span-mm-9 {
    grid-column: auto/span 9;
  }
  .gridcontainer .griditem.griditem--span-mm-10,
  .gridcontainer griditem.griditem--span-mm-10,
  gridcontainer .griditem.griditem--span-mm-10,
  gridcontainer griditem.griditem--span-mm-10 {
    grid-column: auto/span 10;
  }
  .gridcontainer .griditem.griditem--span-mm-11,
  .gridcontainer griditem.griditem--span-mm-11,
  gridcontainer .griditem.griditem--span-mm-11,
  gridcontainer griditem.griditem--span-mm-11 {
    grid-column: auto/span 11;
  }
  .gridcontainer .griditem.griditem--span-mm-12,
  .gridcontainer griditem.griditem--span-mm-12,
  gridcontainer .griditem.griditem--span-mm-12,
  gridcontainer griditem.griditem--span-mm-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 1280px) {
  .gridcontainer .griditem.griditem--span-lg-1,
  .gridcontainer griditem.griditem--span-lg-1,
  gridcontainer .griditem.griditem--span-lg-1,
  gridcontainer griditem.griditem--span-lg-1 {
    grid-column: auto/span 1;
  }
  .gridcontainer .griditem.griditem--span-lg-2,
  .gridcontainer griditem.griditem--span-lg-2,
  gridcontainer .griditem.griditem--span-lg-2,
  gridcontainer griditem.griditem--span-lg-2 {
    grid-column: auto/span 2;
  }
  .gridcontainer .griditem.griditem--span-lg-3,
  .gridcontainer griditem.griditem--span-lg-3,
  gridcontainer .griditem.griditem--span-lg-3,
  gridcontainer griditem.griditem--span-lg-3 {
    grid-column: auto/span 3;
  }
  .gridcontainer .griditem.griditem--span-lg-4,
  .gridcontainer griditem.griditem--span-lg-4,
  gridcontainer .griditem.griditem--span-lg-4,
  gridcontainer griditem.griditem--span-lg-4 {
    grid-column: auto/span 4;
  }
  .gridcontainer .griditem.griditem--span-lg-5,
  .gridcontainer griditem.griditem--span-lg-5,
  gridcontainer .griditem.griditem--span-lg-5,
  gridcontainer griditem.griditem--span-lg-5 {
    grid-column: auto/span 5;
  }
  .gridcontainer .griditem.griditem--span-lg-6,
  .gridcontainer griditem.griditem--span-lg-6,
  gridcontainer .griditem.griditem--span-lg-6,
  gridcontainer griditem.griditem--span-lg-6 {
    grid-column: auto/span 6;
  }
  .gridcontainer .griditem.griditem--span-lg-7,
  .gridcontainer griditem.griditem--span-lg-7,
  gridcontainer .griditem.griditem--span-lg-7,
  gridcontainer griditem.griditem--span-lg-7 {
    grid-column: auto/span 7;
  }
  .gridcontainer .griditem.griditem--span-lg-8,
  .gridcontainer griditem.griditem--span-lg-8,
  gridcontainer .griditem.griditem--span-lg-8,
  gridcontainer griditem.griditem--span-lg-8 {
    grid-column: auto/span 8;
  }
  .gridcontainer .griditem.griditem--span-lg-9,
  .gridcontainer griditem.griditem--span-lg-9,
  gridcontainer .griditem.griditem--span-lg-9,
  gridcontainer griditem.griditem--span-lg-9 {
    grid-column: auto/span 9;
  }
  .gridcontainer .griditem.griditem--span-lg-10,
  .gridcontainer griditem.griditem--span-lg-10,
  gridcontainer .griditem.griditem--span-lg-10,
  gridcontainer griditem.griditem--span-lg-10 {
    grid-column: auto/span 10;
  }
  .gridcontainer .griditem.griditem--span-lg-11,
  .gridcontainer griditem.griditem--span-lg-11,
  gridcontainer .griditem.griditem--span-lg-11,
  gridcontainer griditem.griditem--span-lg-11 {
    grid-column: auto/span 11;
  }
  .gridcontainer .griditem.griditem--span-lg-12,
  .gridcontainer griditem.griditem--span-lg-12,
  gridcontainer .griditem.griditem--span-lg-12,
  gridcontainer griditem.griditem--span-lg-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 1920px) {
  .gridcontainer .griditem.griditem--span-xl-1,
  .gridcontainer griditem.griditem--span-xl-1,
  gridcontainer .griditem.griditem--span-xl-1,
  gridcontainer griditem.griditem--span-xl-1 {
    grid-column: auto/span 1;
  }
  .gridcontainer .griditem.griditem--span-xl-2,
  .gridcontainer griditem.griditem--span-xl-2,
  gridcontainer .griditem.griditem--span-xl-2,
  gridcontainer griditem.griditem--span-xl-2 {
    grid-column: auto/span 2;
  }
  .gridcontainer .griditem.griditem--span-xl-3,
  .gridcontainer griditem.griditem--span-xl-3,
  gridcontainer .griditem.griditem--span-xl-3,
  gridcontainer griditem.griditem--span-xl-3 {
    grid-column: auto/span 3;
  }
  .gridcontainer .griditem.griditem--span-xl-4,
  .gridcontainer griditem.griditem--span-xl-4,
  gridcontainer .griditem.griditem--span-xl-4,
  gridcontainer griditem.griditem--span-xl-4 {
    grid-column: auto/span 4;
  }
  .gridcontainer .griditem.griditem--span-xl-5,
  .gridcontainer griditem.griditem--span-xl-5,
  gridcontainer .griditem.griditem--span-xl-5,
  gridcontainer griditem.griditem--span-xl-5 {
    grid-column: auto/span 5;
  }
  .gridcontainer .griditem.griditem--span-xl-6,
  .gridcontainer griditem.griditem--span-xl-6,
  gridcontainer .griditem.griditem--span-xl-6,
  gridcontainer griditem.griditem--span-xl-6 {
    grid-column: auto/span 6;
  }
  .gridcontainer .griditem.griditem--span-xl-7,
  .gridcontainer griditem.griditem--span-xl-7,
  gridcontainer .griditem.griditem--span-xl-7,
  gridcontainer griditem.griditem--span-xl-7 {
    grid-column: auto/span 7;
  }
  .gridcontainer .griditem.griditem--span-xl-8,
  .gridcontainer griditem.griditem--span-xl-8,
  gridcontainer .griditem.griditem--span-xl-8,
  gridcontainer griditem.griditem--span-xl-8 {
    grid-column: auto/span 8;
  }
  .gridcontainer .griditem.griditem--span-xl-9,
  .gridcontainer griditem.griditem--span-xl-9,
  gridcontainer .griditem.griditem--span-xl-9,
  gridcontainer griditem.griditem--span-xl-9 {
    grid-column: auto/span 9;
  }
  .gridcontainer .griditem.griditem--span-xl-10,
  .gridcontainer griditem.griditem--span-xl-10,
  gridcontainer .griditem.griditem--span-xl-10,
  gridcontainer griditem.griditem--span-xl-10 {
    grid-column: auto/span 10;
  }
  .gridcontainer .griditem.griditem--span-xl-11,
  .gridcontainer griditem.griditem--span-xl-11,
  gridcontainer .griditem.griditem--span-xl-11,
  gridcontainer griditem.griditem--span-xl-11 {
    grid-column: auto/span 11;
  }
  .gridcontainer .griditem.griditem--span-xl-12,
  .gridcontainer griditem.griditem--span-xl-12,
  gridcontainer .griditem.griditem--span-xl-12,
  gridcontainer griditem.griditem--span-xl-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 2500px) {
  .gridcontainer .griditem.griditem--span-xxl-1,
  .gridcontainer griditem.griditem--span-xxl-1,
  gridcontainer .griditem.griditem--span-xxl-1,
  gridcontainer griditem.griditem--span-xxl-1 {
    grid-column: auto/span 1;
  }
  .gridcontainer .griditem.griditem--span-xxl-2,
  .gridcontainer griditem.griditem--span-xxl-2,
  gridcontainer .griditem.griditem--span-xxl-2,
  gridcontainer griditem.griditem--span-xxl-2 {
    grid-column: auto/span 2;
  }
  .gridcontainer .griditem.griditem--span-xxl-3,
  .gridcontainer griditem.griditem--span-xxl-3,
  gridcontainer .griditem.griditem--span-xxl-3,
  gridcontainer griditem.griditem--span-xxl-3 {
    grid-column: auto/span 3;
  }
  .gridcontainer .griditem.griditem--span-xxl-4,
  .gridcontainer griditem.griditem--span-xxl-4,
  gridcontainer .griditem.griditem--span-xxl-4,
  gridcontainer griditem.griditem--span-xxl-4 {
    grid-column: auto/span 4;
  }
  .gridcontainer .griditem.griditem--span-xxl-5,
  .gridcontainer griditem.griditem--span-xxl-5,
  gridcontainer .griditem.griditem--span-xxl-5,
  gridcontainer griditem.griditem--span-xxl-5 {
    grid-column: auto/span 5;
  }
  .gridcontainer .griditem.griditem--span-xxl-6,
  .gridcontainer griditem.griditem--span-xxl-6,
  gridcontainer .griditem.griditem--span-xxl-6,
  gridcontainer griditem.griditem--span-xxl-6 {
    grid-column: auto/span 6;
  }
  .gridcontainer .griditem.griditem--span-xxl-7,
  .gridcontainer griditem.griditem--span-xxl-7,
  gridcontainer .griditem.griditem--span-xxl-7,
  gridcontainer griditem.griditem--span-xxl-7 {
    grid-column: auto/span 7;
  }
  .gridcontainer .griditem.griditem--span-xxl-8,
  .gridcontainer griditem.griditem--span-xxl-8,
  gridcontainer .griditem.griditem--span-xxl-8,
  gridcontainer griditem.griditem--span-xxl-8 {
    grid-column: auto/span 8;
  }
  .gridcontainer .griditem.griditem--span-xxl-9,
  .gridcontainer griditem.griditem--span-xxl-9,
  gridcontainer .griditem.griditem--span-xxl-9,
  gridcontainer griditem.griditem--span-xxl-9 {
    grid-column: auto/span 9;
  }
  .gridcontainer .griditem.griditem--span-xxl-10,
  .gridcontainer griditem.griditem--span-xxl-10,
  gridcontainer .griditem.griditem--span-xxl-10,
  gridcontainer griditem.griditem--span-xxl-10 {
    grid-column: auto/span 10;
  }
  .gridcontainer .griditem.griditem--span-xxl-11,
  .gridcontainer griditem.griditem--span-xxl-11,
  gridcontainer .griditem.griditem--span-xxl-11,
  gridcontainer griditem.griditem--span-xxl-11 {
    grid-column: auto/span 11;
  }
  .gridcontainer .griditem.griditem--span-xxl-12,
  .gridcontainer griditem.griditem--span-xxl-12,
  gridcontainer .griditem.griditem--span-xxl-12,
  gridcontainer griditem.griditem--span-xxl-12 {
    grid-column: auto/span 12;
  }
}
.gridcontainer .griditem.griditem--flow--column,
.gridcontainer griditem.griditem--flow--column,
gridcontainer .griditem.griditem--flow--column,
gridcontainer griditem.griditem--flow--column {
  flex-flow: column nowrap;
}
.gridcontainer .griditem.griditem--flow--column > *,
.gridcontainer griditem.griditem--flow--column > *,
gridcontainer .griditem.griditem--flow--column > *,
gridcontainer griditem.griditem--flow--column > * {
  width: 100%;
}
.gridcontainer .griditem.griditem--flex,
.gridcontainer griditem.griditem--flex,
gridcontainer .griditem.griditem--flex,
gridcontainer griditem.griditem--flex {
  display: flex;
}
.gridcontainer .griditem.griditem--block,
.gridcontainer griditem.griditem--block,
gridcontainer .griditem.griditem--block,
gridcontainer griditem.griditem--block {
  display: flex;
}
.gridcontainer griditem,
.gridcontainer gridcontent,
.gridcontainer gridactions,
gridcontainer griditem,
gridcontainer gridcontent,
gridcontainer gridactions {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.gridcontainer griditem,
.gridcontainer gridcontent,
gridcontainer griditem,
gridcontainer gridcontent {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.gridcontainer griditem[contentalign],
.gridcontainer gridcontent[contentalign],
gridcontainer griditem[contentalign],
gridcontainer gridcontent[contentalign] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.gridcontainer griditem[contentalign=left],
.gridcontainer gridcontent[contentalign=left],
gridcontainer griditem[contentalign=left],
gridcontainer gridcontent[contentalign=left] {
  justify-content: flex-start;
}
.gridcontainer griditem[contentalign=right],
.gridcontainer gridcontent[contentalign=right],
gridcontainer griditem[contentalign=right],
gridcontainer gridcontent[contentalign=right] {
  justify-content: flex-end;
}
.gridcontainer griditem[contentalign=center],
.gridcontainer gridcontent[contentalign=center],
gridcontainer griditem[contentalign=center],
gridcontainer gridcontent[contentalign=center] {
  justify-content: center;
}
.gridcontainer gridcontent[inset="0"],
gridcontainer gridcontent[inset="0"] {
  padding: 0px;
}
.gridcontainer gridcontent[inset="1"],
gridcontainer gridcontent[inset="1"] {
  padding: 8px;
}
.gridcontainer gridcontent[inset="2"],
gridcontainer gridcontent[inset="2"] {
  padding: 16px;
}
.gridcontainer gridcontent[inset="3"],
gridcontainer gridcontent[inset="3"] {
  padding: 24px;
}
.gridcontainer gridcontent[inset="4"],
gridcontainer gridcontent[inset="4"] {
  padding: 32px;
}
.gridcontainer gridcontent[inset="5"],
gridcontainer gridcontent[inset="5"] {
  padding: 40px;
}
.gridcontainer gridcontent[inset="6"],
gridcontainer gridcontent[inset="6"] {
  padding: 48px;
}
.gridcontainer gridcontent[inset="7"],
gridcontainer gridcontent[inset="7"] {
  padding: 56px;
}
.gridcontainer gridcontent[inset="8"],
gridcontainer gridcontent[inset="8"] {
  padding: 64px;
}
.gridcontainer gridcontent[inset="9"],
gridcontainer gridcontent[inset="9"] {
  padding: 72px;
}
.gridcontainer gridcontent[inset="10"],
gridcontainer gridcontent[inset="10"] {
  padding: 80px;
}
.gridcontainer gridcontent[inset="11"],
gridcontainer gridcontent[inset="11"] {
  padding: 88px;
}
.gridcontainer gridcontent[inset="12"],
gridcontainer gridcontent[inset="12"] {
  padding: 96px;
}
.gridcontainer gridactions,
gridcontainer gridactions {
  display: flex;
  flex-flow: column nowrap;
  grid-gap: 12px;
}
.gridcontainer gridactions > a.md-button,
gridcontainer gridactions > a.md-button {
  width: 100%;
  max-width: 100%;
}

.md-section--root {
  position: relative;
  z-index: 1;
  display: flex;
  padding: 0;
  margin: 0;
  flex: 1;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

@layer grid {
  :root {
    --grid-cols: repeat(12, 1fr);
    --grid-gap: 24px 24px;
    --grid-width: 100%;
  }
  *[rs-grid],
  rs-grid {
    display: grid;
    grid-template-columns: var(--grid-cols);
    grid-column: var(--span-cols);
    gap: var(--grid-gap);
    width: var(--grid-width);
  }
  *[rs-griditem],
  rs-griditem {
    grid-column: var(--span-cols);
  }
  *[rs-grid],
  rs-grid,
  *[rs-griditem],
  rs-griditem {
    z-index: var(--grid-dp);
  }
  *[rs-grid][center-center],
  rs-grid[center-center],
  *[rs-griditem][center-center],
  rs-griditem[center-center] {
    place-content: center center;
  }
  *[rs-grid][center-start],
  rs-grid[center-start],
  *[rs-griditem][center-start],
  rs-griditem[center-start] {
    place-content: center start;
  }
  *[rs-grid][center-end],
  rs-grid[center-end],
  *[rs-griditem][center-end],
  rs-griditem[center-end] {
    place-content: center end;
  }
  [gap-0] {
    --grid-gap: 0px;
  }
  [gap-2] {
    --grid-gap: 2px;
  }
  [gap-4] {
    --grid-gap: 4px;
  }
  [gap-6] {
    --grid-gap: 6px;
  }
  [gap-8] {
    --grid-gap: 8px;
  }
  [gap-10] {
    --grid-gap: 10px;
  }
  [gap-12] {
    --grid-gap: 12px;
  }
  [gap-14] {
    --grid-gap: 14px;
  }
  [gap-16] {
    --grid-gap: 16px;
  }
  [gap-18] {
    --grid-gap: 18px;
  }
  [gap-20] {
    --grid-gap: 20px;
  }
  [gap-22] {
    --grid-gap: 22px;
  }
  [gap-24] {
    --grid-gap: 24px;
  }
  [gap-26] {
    --grid-gap: 26px;
  }
  [gap-28] {
    --grid-gap: 28px;
  }
  [gap-30] {
    --grid-gap: 30px;
  }
  [gap-32] {
    --grid-gap: 32px;
  }
  [gap-34] {
    --grid-gap: 34px;
  }
  [gap-36] {
    --grid-gap: 36px;
  }
  [gap-38] {
    --grid-gap: 38px;
  }
  [gap-40] {
    --grid-gap: 40px;
  }
  [gap-42] {
    --grid-gap: 42px;
  }
  [gap-44] {
    --grid-gap: 44px;
  }
  [gap-46] {
    --grid-gap: 46px;
  }
  [gap-48] {
    --grid-gap: 48px;
  }
  [dp-0] {
    --grid-dp: 0;
  }
  [dp-2] {
    --grid-dp: 2;
  }
  [dp-4] {
    --grid-dp: 4;
  }
  [dp-6] {
    --grid-dp: 6;
  }
  [dp-8] {
    --grid-dp: 8;
  }
  [dp-10] {
    --grid-dp: 10;
  }
  [dp-12] {
    --grid-dp: 12;
  }
  [dp-14] {
    --grid-dp: 14;
  }
  [dp-16] {
    --grid-dp: 16;
  }
  [dp-18] {
    --grid-dp: 18;
  }
  [dp-20] {
    --grid-dp: 20;
  }
  [dp-22] {
    --grid-dp: 22;
  }
  [dp-24] {
    --grid-dp: 24;
  }
  @media only screen and (min-width: 24px) {
    [xxs-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [xxs-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [xxs-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [xxs-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [xxs-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [xxs-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [xxs-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [xxs-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [xxs-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [xxs-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [xxs-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [xxs-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 320px) {
    [xxs-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [xxs-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [xxs-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [xxs-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [xxs-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [xxs-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [xxs-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [xxs-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [xxs-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [xxs-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [xxs-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [xxs-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 768px) {
    [sm-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [sm-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [sm-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [sm-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [sm-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [sm-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [sm-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [sm-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [sm-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [sm-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [sm-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [sm-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 1024px) {
    [mm-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [mm-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [mm-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [mm-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [mm-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [mm-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [mm-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [mm-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [mm-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [mm-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [mm-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [mm-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 1280px) {
    [lg-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [lg-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [lg-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [lg-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [lg-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [lg-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [lg-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [lg-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [lg-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [lg-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [lg-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [lg-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 1920px) {
    [xl-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [xl-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [xl-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [xl-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [xl-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [xl-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [xl-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [xl-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [xl-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [xl-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [xl-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [xl-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 2500px) {
    [xxl-1] {
      --grid-cols: repeat(1, 1fr);
    }
    [xxl-2] {
      --grid-cols: repeat(2, 1fr);
    }
    [xxl-3] {
      --grid-cols: repeat(3, 1fr);
    }
    [xxl-4] {
      --grid-cols: repeat(4, 1fr);
    }
    [xxl-5] {
      --grid-cols: repeat(5, 1fr);
    }
    [xxl-6] {
      --grid-cols: repeat(6, 1fr);
    }
    [xxl-7] {
      --grid-cols: repeat(7, 1fr);
    }
    [xxl-8] {
      --grid-cols: repeat(8, 1fr);
    }
    [xxl-9] {
      --grid-cols: repeat(9, 1fr);
    }
    [xxl-10] {
      --grid-cols: repeat(10, 1fr);
    }
    [xxl-11] {
      --grid-cols: repeat(11, 1fr);
    }
    [xxl-12] {
      --grid-cols: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 24px) {
    [span-xxs-1] {
      --span-cols: auto/span 1;
    }
    [span-xxs-2] {
      --span-cols: auto/span 2;
    }
    [span-xxs-3] {
      --span-cols: auto/span 3;
    }
    [span-xxs-4] {
      --span-cols: auto/span 4;
    }
    [span-xxs-5] {
      --span-cols: auto/span 5;
    }
    [span-xxs-6] {
      --span-cols: auto/span 6;
    }
    [span-xxs-7] {
      --span-cols: auto/span 7;
    }
    [span-xxs-8] {
      --span-cols: auto/span 8;
    }
    [span-xxs-9] {
      --span-cols: auto/span 9;
    }
    [span-xxs-10] {
      --span-cols: auto/span 10;
    }
    [span-xxs-11] {
      --span-cols: auto/span 11;
    }
    [span-xxs-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 320px) {
    [span-xs-1] {
      --span-cols: auto/span 1;
    }
    [span-xs-2] {
      --span-cols: auto/span 2;
    }
    [span-xs-3] {
      --span-cols: auto/span 3;
    }
    [span-xs-4] {
      --span-cols: auto/span 4;
    }
    [span-xs-5] {
      --span-cols: auto/span 5;
    }
    [span-xs-6] {
      --span-cols: auto/span 6;
    }
    [span-xs-7] {
      --span-cols: auto/span 7;
    }
    [span-xs-8] {
      --span-cols: auto/span 8;
    }
    [span-xs-9] {
      --span-cols: auto/span 9;
    }
    [span-xs-10] {
      --span-cols: auto/span 10;
    }
    [span-xs-11] {
      --span-cols: auto/span 11;
    }
    [span-xs-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 768px) {
    [span-sm-1] {
      --span-cols: auto/span 1;
    }
    [span-sm-2] {
      --span-cols: auto/span 2;
    }
    [span-sm-3] {
      --span-cols: auto/span 3;
    }
    [span-sm-4] {
      --span-cols: auto/span 4;
    }
    [span-sm-5] {
      --span-cols: auto/span 5;
    }
    [span-sm-6] {
      --span-cols: auto/span 6;
    }
    [span-sm-7] {
      --span-cols: auto/span 7;
    }
    [span-sm-8] {
      --span-cols: auto/span 8;
    }
    [span-sm-9] {
      --span-cols: auto/span 9;
    }
    [span-sm-10] {
      --span-cols: auto/span 10;
    }
    [span-sm-11] {
      --span-cols: auto/span 11;
    }
    [span-sm-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 1024px) {
    [span-mm-1] {
      --span-cols: auto/span 1;
    }
    [span-mm-2] {
      --span-cols: auto/span 2;
    }
    [span-mm-3] {
      --span-cols: auto/span 3;
    }
    [span-mm-4] {
      --span-cols: auto/span 4;
    }
    [span-mm-5] {
      --span-cols: auto/span 5;
    }
    [span-mm-6] {
      --span-cols: auto/span 6;
    }
    [span-mm-7] {
      --span-cols: auto/span 7;
    }
    [span-mm-8] {
      --span-cols: auto/span 8;
    }
    [span-mm-9] {
      --span-cols: auto/span 9;
    }
    [span-mm-10] {
      --span-cols: auto/span 10;
    }
    [span-mm-11] {
      --span-cols: auto/span 11;
    }
    [span-mm-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 1280px) {
    [span-lg-1] {
      --span-cols: auto/span 1;
    }
    [span-lg-2] {
      --span-cols: auto/span 2;
    }
    [span-lg-3] {
      --span-cols: auto/span 3;
    }
    [span-lg-4] {
      --span-cols: auto/span 4;
    }
    [span-lg-5] {
      --span-cols: auto/span 5;
    }
    [span-lg-6] {
      --span-cols: auto/span 6;
    }
    [span-lg-7] {
      --span-cols: auto/span 7;
    }
    [span-lg-8] {
      --span-cols: auto/span 8;
    }
    [span-lg-9] {
      --span-cols: auto/span 9;
    }
    [span-lg-10] {
      --span-cols: auto/span 10;
    }
    [span-lg-11] {
      --span-cols: auto/span 11;
    }
    [span-lg-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 1920px) {
    [span-xl-1] {
      --span-cols: auto/span 1;
    }
    [span-xl-2] {
      --span-cols: auto/span 2;
    }
    [span-xl-3] {
      --span-cols: auto/span 3;
    }
    [span-xl-4] {
      --span-cols: auto/span 4;
    }
    [span-xl-5] {
      --span-cols: auto/span 5;
    }
    [span-xl-6] {
      --span-cols: auto/span 6;
    }
    [span-xl-7] {
      --span-cols: auto/span 7;
    }
    [span-xl-8] {
      --span-cols: auto/span 8;
    }
    [span-xl-9] {
      --span-cols: auto/span 9;
    }
    [span-xl-10] {
      --span-cols: auto/span 10;
    }
    [span-xl-11] {
      --span-cols: auto/span 11;
    }
    [span-xl-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 2500px) {
    [span-xxl-1] {
      --span-cols: auto/span 1;
    }
    [span-xxl-2] {
      --span-cols: auto/span 2;
    }
    [span-xxl-3] {
      --span-cols: auto/span 3;
    }
    [span-xxl-4] {
      --span-cols: auto/span 4;
    }
    [span-xxl-5] {
      --span-cols: auto/span 5;
    }
    [span-xxl-6] {
      --span-cols: auto/span 6;
    }
    [span-xxl-7] {
      --span-cols: auto/span 7;
    }
    [span-xxl-8] {
      --span-cols: auto/span 8;
    }
    [span-xxl-9] {
      --span-cols: auto/span 9;
    }
    [span-xxl-10] {
      --span-cols: auto/span 10;
    }
    [span-xxl-11] {
      --span-cols: auto/span 11;
    }
    [span-xxl-12] {
      --span-cols: auto/span 12;
    }
  }
  @media only screen and (min-width: 24px) {
    *[aspect-xxs="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xxs="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xxs="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xxs="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xxs="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-xxs="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-xxs="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-xxs="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-xxs="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xxs="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xxs="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xxs="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xxs="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-xxs="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-xxs="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-xxs="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-xxs="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-xxs="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 320px) {
    *[aspect-xs="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xs="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xs="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xs="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xs="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-xs="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-xs="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-xs="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-xs="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xs="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xs="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xs="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xs="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-xs="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-xs="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-xs="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-xs="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-xs="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 768px) {
    *[aspect-sm="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-sm="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-sm="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-sm="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-sm="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-sm="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-sm="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-sm="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-sm="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-sm="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-sm="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-sm="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-sm="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-sm="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-sm="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-sm="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-sm="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-sm="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 1024px) {
    *[aspect-mm="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-mm="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-mm="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-mm="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-mm="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-mm="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-mm="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-mm="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-mm="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-mm="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-mm="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-mm="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-mm="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-mm="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-mm="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-mm="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-mm="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-mm="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 1280px) {
    *[aspect-lg="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-lg="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-lg="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-lg="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-lg="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-lg="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-lg="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-lg="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-lg="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-lg="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-lg="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-lg="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-lg="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-lg="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-lg="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-lg="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-lg="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-lg="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 1920px) {
    *[aspect-xl="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xl="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xl="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xl="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xl="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-xl="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-xl="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-xl="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-xl="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xl="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xl="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xl="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xl="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-xl="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-xl="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-xl="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-xl="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-xl="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 2500px) {
    *[aspect-xxl="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xxl="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    *[aspect-xxl="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xxl="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xxl="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    *[aspect-xxl="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    *[aspect-xxl="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    *[aspect-xxl="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    *[aspect-xxl="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    *[aspect-xxl="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    *[aspect-xxl="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xxl="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    *[aspect-xxl="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    *[aspect-xxl="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    *[aspect-xxl="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    *[aspect-xxl="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    *[aspect-xxl="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    *[aspect-xxl="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  gridcontainer {
    display: grid;
    grid-template-columns: var(--grid-cols);
    gap: var(--grid-gap);
    width: var(--grid-width);
  }
  gridcontainer[gap="0"] {
    gap: 0px 0px;
  }
  gridcontainer[gap="4"] {
    gap: 4px 4px;
  }
  gridcontainer[gap="8"] {
    gap: 8px 8px;
  }
  gridcontainer[gap="12"] {
    gap: 12px 12px;
  }
  gridcontainer[gap="16"] {
    gap: 16px 16px;
  }
  gridcontainer[gap="20"] {
    gap: 20px 20px;
  }
  gridcontainer[gap="24"] {
    gap: 24px 24px;
  }
  gridcontainer[gap="28"] {
    gap: 28px 28px;
  }
  gridcontainer[gap="32"] {
    gap: 32px 32px;
  }
  gridcontainer[gap="36"] {
    gap: 36px 36px;
  }
  gridcontainer[gap="40"] {
    gap: 40px 40px;
  }
  gridcontainer[gap="44"] {
    gap: 44px 44px;
  }
  gridcontainer[gap="48"] {
    gap: 48px 48px;
  }
  @media only screen and (min-width: 24px) {
    gridcontainer [xxs-1], gridcontainer[xxs="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [xxs-2], gridcontainer[xxs="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [xxs-3], gridcontainer[xxs="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [xxs-4], gridcontainer[xxs="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [xxs-5], gridcontainer[xxs="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [xxs-6], gridcontainer[xxs="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [xxs-7], gridcontainer[xxs="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [xxs-8], gridcontainer[xxs="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [xxs-9], gridcontainer[xxs="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [xxs-10], gridcontainer[xxs="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [xxs-11], gridcontainer[xxs="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [xxs-12], gridcontainer[xxs="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 320px) {
    gridcontainer [xs-1], gridcontainer[xs="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [xs-2], gridcontainer[xs="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [xs-3], gridcontainer[xs="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [xs-4], gridcontainer[xs="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [xs-5], gridcontainer[xs="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [xs-6], gridcontainer[xs="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [xs-7], gridcontainer[xs="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [xs-8], gridcontainer[xs="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [xs-9], gridcontainer[xs="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [xs-10], gridcontainer[xs="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [xs-11], gridcontainer[xs="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [xs-12], gridcontainer[xs="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 768px) {
    gridcontainer [sm-1], gridcontainer[sm="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [sm-2], gridcontainer[sm="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [sm-3], gridcontainer[sm="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [sm-4], gridcontainer[sm="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [sm-5], gridcontainer[sm="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [sm-6], gridcontainer[sm="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [sm-7], gridcontainer[sm="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [sm-8], gridcontainer[sm="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [sm-9], gridcontainer[sm="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [sm-10], gridcontainer[sm="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [sm-11], gridcontainer[sm="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [sm-12], gridcontainer[sm="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 1024px) {
    gridcontainer [mm-1], gridcontainer[mm="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [mm-2], gridcontainer[mm="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [mm-3], gridcontainer[mm="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [mm-4], gridcontainer[mm="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [mm-5], gridcontainer[mm="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [mm-6], gridcontainer[mm="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [mm-7], gridcontainer[mm="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [mm-8], gridcontainer[mm="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [mm-9], gridcontainer[mm="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [mm-10], gridcontainer[mm="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [mm-11], gridcontainer[mm="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [mm-12], gridcontainer[mm="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 1280px) {
    gridcontainer [lg-1], gridcontainer[lg="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [lg-2], gridcontainer[lg="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [lg-3], gridcontainer[lg="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [lg-4], gridcontainer[lg="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [lg-5], gridcontainer[lg="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [lg-6], gridcontainer[lg="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [lg-7], gridcontainer[lg="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [lg-8], gridcontainer[lg="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [lg-9], gridcontainer[lg="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [lg-10], gridcontainer[lg="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [lg-11], gridcontainer[lg="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [lg-12], gridcontainer[lg="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 1920px) {
    gridcontainer [xl-1], gridcontainer[xl="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [xl-2], gridcontainer[xl="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [xl-3], gridcontainer[xl="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [xl-4], gridcontainer[xl="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [xl-5], gridcontainer[xl="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [xl-6], gridcontainer[xl="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [xl-7], gridcontainer[xl="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [xl-8], gridcontainer[xl="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [xl-9], gridcontainer[xl="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [xl-10], gridcontainer[xl="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [xl-11], gridcontainer[xl="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [xl-12], gridcontainer[xl="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  @media only screen and (min-width: 2500px) {
    gridcontainer [xxl-1], gridcontainer[xxl="1"] {
      grid-template-columns: repeat(1, 1fr);
    }
    gridcontainer [xxl-2], gridcontainer[xxl="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    gridcontainer [xxl-3], gridcontainer[xxl="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    gridcontainer [xxl-4], gridcontainer[xxl="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    gridcontainer [xxl-5], gridcontainer[xxl="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    gridcontainer [xxl-6], gridcontainer[xxl="6"] {
      grid-template-columns: repeat(6, 1fr);
    }
    gridcontainer [xxl-7], gridcontainer[xxl="7"] {
      grid-template-columns: repeat(7, 1fr);
    }
    gridcontainer [xxl-8], gridcontainer[xxl="8"] {
      grid-template-columns: repeat(8, 1fr);
    }
    gridcontainer [xxl-9], gridcontainer[xxl="9"] {
      grid-template-columns: repeat(9, 1fr);
    }
    gridcontainer [xxl-10], gridcontainer[xxl="10"] {
      grid-template-columns: repeat(10, 1fr);
    }
    gridcontainer [xxl-11], gridcontainer[xxl="11"] {
      grid-template-columns: repeat(11, 1fr);
    }
    gridcontainer [xxl-12], gridcontainer[xxl="12"] {
      grid-template-columns: repeat(12, 1fr);
    }
  }
  gridcontainer[elevation="0"] {
    z-index: 0;
  }
  gridcontainer[elevation="1"] {
    z-index: 1;
  }
  gridcontainer[elevation="2"] {
    z-index: 2;
  }
  gridcontainer[elevation="3"] {
    z-index: 3;
  }
  gridcontainer[elevation="4"] {
    z-index: 4;
  }
  gridcontainer[elevation="5"] {
    z-index: 5;
  }
  gridcontainer[elevation="6"] {
    z-index: 6;
  }
  gridcontainer[elevation="7"] {
    z-index: 7;
  }
  gridcontainer[elevation="8"] {
    z-index: 8;
  }
  gridcontainer[elevation="9"] {
    z-index: 9;
  }
  gridcontainer[elevation="10"] {
    z-index: 10;
  }
  gridcontainer[elevation="11"] {
    z-index: 11;
  }
  gridcontainer[elevation="12"] {
    z-index: 12;
  }
  gridcontainer[elevation="13"] {
    z-index: 13;
  }
  gridcontainer[elevation="14"] {
    z-index: 14;
  }
  gridcontainer[elevation="15"] {
    z-index: 15;
  }
  gridcontainer[elevation="16"] {
    z-index: 16;
  }
  gridcontainer[elevation="17"] {
    z-index: 17;
  }
  gridcontainer[elevation="18"] {
    z-index: 18;
  }
  gridcontainer[elevation="19"] {
    z-index: 19;
  }
  gridcontainer[elevation="20"] {
    z-index: 20;
  }
  gridcontainer[elevation="21"] {
    z-index: 21;
  }
  gridcontainer[elevation="22"] {
    z-index: 22;
  }
  gridcontainer[elevation="23"] {
    z-index: 23;
  }
  gridcontainer[elevation="24"] {
    z-index: 24;
  }
  gridcontainer[elevation="99999"] {
    z-index: 99999;
  }
  gridcontainer griditem {
    min-width: 0;
  }
  gridcontainer griditem[xs="1"], gridcontainer griditem[span-xs="1"] {
    grid-column: auto/span 1;
  }
  gridcontainer griditem[xs="2"], gridcontainer griditem[span-xs="2"] {
    grid-column: auto/span 2;
  }
  gridcontainer griditem[xs="3"], gridcontainer griditem[span-xs="3"] {
    grid-column: auto/span 3;
  }
  gridcontainer griditem[xs="4"], gridcontainer griditem[span-xs="4"] {
    grid-column: auto/span 4;
  }
  gridcontainer griditem[xs="5"], gridcontainer griditem[span-xs="5"] {
    grid-column: auto/span 5;
  }
  gridcontainer griditem[xs="6"], gridcontainer griditem[span-xs="6"] {
    grid-column: auto/span 6;
  }
  gridcontainer griditem[xs="7"], gridcontainer griditem[span-xs="7"] {
    grid-column: auto/span 7;
  }
  gridcontainer griditem[xs="8"], gridcontainer griditem[span-xs="8"] {
    grid-column: auto/span 8;
  }
  gridcontainer griditem[xs="9"], gridcontainer griditem[span-xs="9"] {
    grid-column: auto/span 9;
  }
  gridcontainer griditem[xs="10"], gridcontainer griditem[span-xs="10"] {
    grid-column: auto/span 10;
  }
  gridcontainer griditem[xs="11"], gridcontainer griditem[span-xs="11"] {
    grid-column: auto/span 11;
  }
  gridcontainer griditem[xs="12"], gridcontainer griditem[span-xs="12"] {
    grid-column: auto/span 12;
  }
  @media only screen and (min-width: 24px) {
    gridcontainer griditem[xxs="1"], gridcontainer griditem[span-xxs="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[xxs="2"], gridcontainer griditem[span-xxs="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[xxs="3"], gridcontainer griditem[span-xxs="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[xxs="4"], gridcontainer griditem[span-xxs="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[xxs="5"], gridcontainer griditem[span-xxs="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[xxs="6"], gridcontainer griditem[span-xxs="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[xxs="7"], gridcontainer griditem[span-xxs="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[xxs="8"], gridcontainer griditem[span-xxs="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[xxs="9"], gridcontainer griditem[span-xxs="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[xxs="10"], gridcontainer griditem[span-xxs="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[xxs="11"], gridcontainer griditem[span-xxs="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[xxs="12"], gridcontainer griditem[span-xxs="12"] {
      grid-column: auto/span 12;
    }
  }
  @media only screen and (min-width: 320px) {
    gridcontainer griditem[xs="1"], gridcontainer griditem[span-xs="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[xs="2"], gridcontainer griditem[span-xs="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[xs="3"], gridcontainer griditem[span-xs="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[xs="4"], gridcontainer griditem[span-xs="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[xs="5"], gridcontainer griditem[span-xs="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[xs="6"], gridcontainer griditem[span-xs="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[xs="7"], gridcontainer griditem[span-xs="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[xs="8"], gridcontainer griditem[span-xs="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[xs="9"], gridcontainer griditem[span-xs="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[xs="10"], gridcontainer griditem[span-xs="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[xs="11"], gridcontainer griditem[span-xs="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[xs="12"], gridcontainer griditem[span-xs="12"] {
      grid-column: auto/span 12;
    }
  }
  @media only screen and (min-width: 768px) {
    gridcontainer griditem[sm="1"], gridcontainer griditem[span-sm="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[sm="2"], gridcontainer griditem[span-sm="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[sm="3"], gridcontainer griditem[span-sm="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[sm="4"], gridcontainer griditem[span-sm="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[sm="5"], gridcontainer griditem[span-sm="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[sm="6"], gridcontainer griditem[span-sm="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[sm="7"], gridcontainer griditem[span-sm="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[sm="8"], gridcontainer griditem[span-sm="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[sm="9"], gridcontainer griditem[span-sm="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[sm="10"], gridcontainer griditem[span-sm="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[sm="11"], gridcontainer griditem[span-sm="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[sm="12"], gridcontainer griditem[span-sm="12"] {
      grid-column: auto/span 12;
    }
  }
  @media only screen and (min-width: 1024px) {
    gridcontainer griditem[mm="1"], gridcontainer griditem[span-mm="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[mm="2"], gridcontainer griditem[span-mm="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[mm="3"], gridcontainer griditem[span-mm="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[mm="4"], gridcontainer griditem[span-mm="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[mm="5"], gridcontainer griditem[span-mm="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[mm="6"], gridcontainer griditem[span-mm="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[mm="7"], gridcontainer griditem[span-mm="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[mm="8"], gridcontainer griditem[span-mm="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[mm="9"], gridcontainer griditem[span-mm="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[mm="10"], gridcontainer griditem[span-mm="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[mm="11"], gridcontainer griditem[span-mm="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[mm="12"], gridcontainer griditem[span-mm="12"] {
      grid-column: auto/span 12;
    }
  }
  @media only screen and (min-width: 1280px) {
    gridcontainer griditem[lg="1"], gridcontainer griditem[span-lg="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[lg="2"], gridcontainer griditem[span-lg="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[lg="3"], gridcontainer griditem[span-lg="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[lg="4"], gridcontainer griditem[span-lg="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[lg="5"], gridcontainer griditem[span-lg="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[lg="6"], gridcontainer griditem[span-lg="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[lg="7"], gridcontainer griditem[span-lg="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[lg="8"], gridcontainer griditem[span-lg="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[lg="9"], gridcontainer griditem[span-lg="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[lg="10"], gridcontainer griditem[span-lg="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[lg="11"], gridcontainer griditem[span-lg="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[lg="12"], gridcontainer griditem[span-lg="12"] {
      grid-column: auto/span 12;
    }
  }
  @media only screen and (min-width: 1920px) {
    gridcontainer griditem[xl="1"], gridcontainer griditem[span-xl="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[xl="2"], gridcontainer griditem[span-xl="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[xl="3"], gridcontainer griditem[span-xl="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[xl="4"], gridcontainer griditem[span-xl="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[xl="5"], gridcontainer griditem[span-xl="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[xl="6"], gridcontainer griditem[span-xl="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[xl="7"], gridcontainer griditem[span-xl="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[xl="8"], gridcontainer griditem[span-xl="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[xl="9"], gridcontainer griditem[span-xl="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[xl="10"], gridcontainer griditem[span-xl="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[xl="11"], gridcontainer griditem[span-xl="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[xl="12"], gridcontainer griditem[span-xl="12"] {
      grid-column: auto/span 12;
    }
  }
  @media only screen and (min-width: 2500px) {
    gridcontainer griditem[xxl="1"], gridcontainer griditem[span-xxl="1"] {
      grid-column: auto/span 1;
    }
    gridcontainer griditem[xxl="2"], gridcontainer griditem[span-xxl="2"] {
      grid-column: auto/span 2;
    }
    gridcontainer griditem[xxl="3"], gridcontainer griditem[span-xxl="3"] {
      grid-column: auto/span 3;
    }
    gridcontainer griditem[xxl="4"], gridcontainer griditem[span-xxl="4"] {
      grid-column: auto/span 4;
    }
    gridcontainer griditem[xxl="5"], gridcontainer griditem[span-xxl="5"] {
      grid-column: auto/span 5;
    }
    gridcontainer griditem[xxl="6"], gridcontainer griditem[span-xxl="6"] {
      grid-column: auto/span 6;
    }
    gridcontainer griditem[xxl="7"], gridcontainer griditem[span-xxl="7"] {
      grid-column: auto/span 7;
    }
    gridcontainer griditem[xxl="8"], gridcontainer griditem[span-xxl="8"] {
      grid-column: auto/span 8;
    }
    gridcontainer griditem[xxl="9"], gridcontainer griditem[span-xxl="9"] {
      grid-column: auto/span 9;
    }
    gridcontainer griditem[xxl="10"], gridcontainer griditem[span-xxl="10"] {
      grid-column: auto/span 10;
    }
    gridcontainer griditem[xxl="11"], gridcontainer griditem[span-xxl="11"] {
      grid-column: auto/span 11;
    }
    gridcontainer griditem[xxl="12"], gridcontainer griditem[span-xxl="12"] {
      grid-column: auto/span 12;
    }
  }
  gridcontainer griditem[rows="1"] {
    grid-template-rows: repeat(1, 1fr);
  }
  gridcontainer griditem[rows="2"] {
    grid-template-rows: repeat(2, 1fr);
  }
  gridcontainer griditem[rows="3"] {
    grid-template-rows: repeat(3, 1fr);
  }
  gridcontainer griditem[rows="4"] {
    grid-template-rows: repeat(4, 1fr);
  }
  gridcontainer griditem[rows="5"] {
    grid-template-rows: repeat(5, 1fr);
  }
  gridcontainer griditem[rows="6"] {
    grid-template-rows: repeat(6, 1fr);
  }
  gridcontainer griditem[rows="7"] {
    grid-template-rows: repeat(7, 1fr);
  }
  gridcontainer griditem[rows="8"] {
    grid-template-rows: repeat(8, 1fr);
  }
  gridcontainer griditem[rows="9"] {
    grid-template-rows: repeat(9, 1fr);
  }
  gridcontainer griditem[rows="10"] {
    grid-template-rows: repeat(10, 1fr);
  }
  gridcontainer griditem[rows="11"] {
    grid-template-rows: repeat(11, 1fr);
  }
  gridcontainer griditem[rows="12"] {
    grid-template-rows: repeat(12, 1fr);
  }
  @media only screen and (min-width: 24px) {
    gridcontainer griditem[row-xxs="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-xxs="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-xxs="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-xxs="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-xxs="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-xxs="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-xxs="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-xxs="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-xxs="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-xxs="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-xxs="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-xxs="12"] {
      grid-row: span 12/auto;
    }
  }
  @media only screen and (min-width: 320px) {
    gridcontainer griditem[row-xs="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-xs="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-xs="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-xs="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-xs="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-xs="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-xs="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-xs="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-xs="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-xs="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-xs="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-xs="12"] {
      grid-row: span 12/auto;
    }
  }
  @media only screen and (min-width: 768px) {
    gridcontainer griditem[row-sm="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-sm="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-sm="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-sm="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-sm="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-sm="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-sm="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-sm="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-sm="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-sm="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-sm="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-sm="12"] {
      grid-row: span 12/auto;
    }
  }
  @media only screen and (min-width: 1024px) {
    gridcontainer griditem[row-mm="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-mm="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-mm="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-mm="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-mm="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-mm="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-mm="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-mm="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-mm="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-mm="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-mm="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-mm="12"] {
      grid-row: span 12/auto;
    }
  }
  @media only screen and (min-width: 1280px) {
    gridcontainer griditem[row-lg="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-lg="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-lg="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-lg="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-lg="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-lg="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-lg="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-lg="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-lg="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-lg="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-lg="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-lg="12"] {
      grid-row: span 12/auto;
    }
  }
  @media only screen and (min-width: 1920px) {
    gridcontainer griditem[row-xl="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-xl="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-xl="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-xl="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-xl="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-xl="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-xl="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-xl="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-xl="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-xl="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-xl="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-xl="12"] {
      grid-row: span 12/auto;
    }
  }
  @media only screen and (min-width: 2500px) {
    gridcontainer griditem[row-xxl="1"] {
      grid-row: span 1/auto;
    }
    gridcontainer griditem[row-xxl="2"] {
      grid-row: span 2/auto;
    }
    gridcontainer griditem[row-xxl="3"] {
      grid-row: span 3/auto;
    }
    gridcontainer griditem[row-xxl="4"] {
      grid-row: span 4/auto;
    }
    gridcontainer griditem[row-xxl="5"] {
      grid-row: span 5/auto;
    }
    gridcontainer griditem[row-xxl="6"] {
      grid-row: span 6/auto;
    }
    gridcontainer griditem[row-xxl="7"] {
      grid-row: span 7/auto;
    }
    gridcontainer griditem[row-xxl="8"] {
      grid-row: span 8/auto;
    }
    gridcontainer griditem[row-xxl="9"] {
      grid-row: span 9/auto;
    }
    gridcontainer griditem[row-xxl="10"] {
      grid-row: span 10/auto;
    }
    gridcontainer griditem[row-xxl="11"] {
      grid-row: span 11/auto;
    }
    gridcontainer griditem[row-xxl="12"] {
      grid-row: span 12/auto;
    }
  }
  gridcontainer griditem[aspect="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  gridcontainer griditem[aspect="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  gridcontainer griditem[aspect="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  gridcontainer griditem[aspect="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  gridcontainer griditem[aspect="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  gridcontainer griditem[aspect="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  gridcontainer griditem[aspect="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  gridcontainer griditem[aspect="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  gridcontainer griditem[aspect="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  gridcontainer griditem[aspect="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  gridcontainer griditem[aspect="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  gridcontainer griditem[aspect="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  gridcontainer griditem[aspect="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  gridcontainer griditem[aspect="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  gridcontainer griditem[aspect="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  gridcontainer griditem[aspect="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  gridcontainer griditem[aspect="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  gridcontainer griditem[aspect="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  @media only screen and (min-width: 24px) {
    gridcontainer griditem[aspect-xxs="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xxs="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xxs="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xxs="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xxs="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-xxs="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-xxs="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-xxs="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-xxs="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xxs="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xxs="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xxs="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xxs="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-xxs="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-xxs="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-xxs="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-xxs="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-xxs="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 320px) {
    gridcontainer griditem[aspect-xs="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xs="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xs="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xs="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xs="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-xs="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-xs="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-xs="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-xs="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xs="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xs="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xs="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xs="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-xs="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-xs="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-xs="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-xs="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-xs="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 768px) {
    gridcontainer griditem[aspect-sm="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-sm="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-sm="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-sm="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-sm="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-sm="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-sm="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-sm="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-sm="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-sm="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-sm="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-sm="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-sm="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-sm="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-sm="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-sm="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-sm="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-sm="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 1024px) {
    gridcontainer griditem[aspect-mm="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-mm="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-mm="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-mm="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-mm="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-mm="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-mm="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-mm="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-mm="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-mm="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-mm="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-mm="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-mm="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-mm="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-mm="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-mm="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-mm="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-mm="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 1280px) {
    gridcontainer griditem[aspect-lg="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-lg="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-lg="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-lg="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-lg="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-lg="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-lg="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-lg="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-lg="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-lg="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-lg="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-lg="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-lg="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-lg="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-lg="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-lg="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-lg="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-lg="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 1920px) {
    gridcontainer griditem[aspect-xl="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xl="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xl="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xl="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xl="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-xl="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-xl="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-xl="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-xl="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xl="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xl="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xl="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xl="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-xl="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-xl="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-xl="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-xl="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-xl="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
  @media only screen and (min-width: 2500px) {
    gridcontainer griditem[aspect-xxl="1:1 portrait" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xxl="1:1 landscape" i] {
      aspect-ratio: 1 / 1;
    }
    gridcontainer griditem[aspect-xxl="1:3 portrait" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xxl="1:3 landscape" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xxl="2:3 portrait" i] {
      aspect-ratio: 3 / 2;
    }
    gridcontainer griditem[aspect-xxl="2:3 landscape" i] {
      aspect-ratio: 2 / 3;
    }
    gridcontainer griditem[aspect-xxl="2:1 portrait" i] {
      aspect-ratio: 1 / 2;
    }
    gridcontainer griditem[aspect-xxl="2:1 landscape" i] {
      aspect-ratio: 2 / 1;
    }
    gridcontainer griditem[aspect-xxl="3:1 portrait" i] {
      aspect-ratio: 1 / 3;
    }
    gridcontainer griditem[aspect-xxl="3:1 landscape" i] {
      aspect-ratio: 3 / 1;
    }
    gridcontainer griditem[aspect-xxl="3:3 portrait" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xxl="3:3 landscape" i] {
      aspect-ratio: 3 / 3;
    }
    gridcontainer griditem[aspect-xxl="4:3 portrait" i] {
      aspect-ratio: 3 / 4;
    }
    gridcontainer griditem[aspect-xxl="4:3 landscape" i] {
      aspect-ratio: 4 / 3;
    }
    gridcontainer griditem[aspect-xxl="16:9 portrait" i] {
      aspect-ratio: 9 / 16;
    }
    gridcontainer griditem[aspect-xxl="16:9 landscape" i] {
      aspect-ratio: 16 / 9;
    }
    gridcontainer griditem[aspect-xxl="21:9 portrait" i] {
      aspect-ratio: 9 / 21;
    }
    gridcontainer griditem[aspect-xxl="21:9 landscape" i] {
      aspect-ratio: 21 / 9;
    }
  }
}
.md-notice {
  display: block;
  width: 100%;
}
.md-notice-inline {
  display: inline-block;
  width: auto;
}
.md-notice--root {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  border-radius: 3px;
  border: 1px solid transparent;
}
.md-notice--impact-normal {
  padding: 12px 12px;
}
.md-notice--impact-low {
  padding: 18px 24px;
}
.md-notice--impact-medium {
  padding: 24px 30px;
}
.md-notice--impact-high {
  padding: 30px 36px;
}
.md-notice--type-warning {
  background-color: tint(#ff9800, 87%);
  border-color: tint(#ff9800, 85%);
  color: shade(#ff9800, 25%);
}
.md-notice--type-error {
  background-color: tint(#f44336, 87%);
  border-color: tint(#f44336, 85%);
  color: shade(#f44336, 25%);
}
.md-notice--type-info {
  background-color: tint(#2196f3, 87%);
  border-color: tint(#2196f3, 85%);
  color: shade(#2196f3, 25%);
}
.md-notice--type-success {
  background-color: tint(#4caf50, 87%);
  border-color: tint(#4caf50, 85%);
  color: shade(#4caf50, 25%);
}

.md-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  min-width: 32px;
  line-height: 42px;
  color: var(--material-text-color);
  padding: 0 30px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: var(--material-radius);
  letter-spacing: 0.0625em;
  font-size: clamp(12px, 10.8571428571px + 0.0035714286 * 100vw, 16px);
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-button[disabled], .md-button.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.md-button[chunky], .md-button.md-button--chunky {
  line-height: clamp(42px, 36.8571428571px + 0.0160714286 * 100vw, 60px);
  font-size: clamp(14px, 12.8571428571px + 0.0035714286 * 100vw, 18px);
}
.md-button--contained, .md-button--secondary, .md-button--accent {
  color: rgb(255, 255, 255);
}
.md-button--white {
  background-color: var(--material-neutral-color) !important;
}
.md-button--white:focus, .md-button--white:hover, .md-button--white:active {
  color: var(--material-accent-color);
}
.md-button--contained, .md-button--accent {
  background-color: var(--material-accent-color);
}
.md-button--contained:focus, .md-button--contained:hover, .md-button--contained:active, .md-button--accent:focus, .md-button--accent:hover, .md-button--accent:active {
  background-color: var(--material-accent-color-dark);
}
.md-button--secondary {
  background-color: #34b1c7;
}
.md-button--secondary:focus, .md-button--secondary:hover, .md-button--secondary:active {
  background-color: rgb(82.45, 188.7, 207.4);
}
.md-button--outlined {
  background: transparent;
  border-color: var(--material-divider-color);
  color: rgb(99.6, 99.6, 99.6);
}
@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
  .md-button--outlined-blur {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}
.md-button--outlined-white {
  color: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.7);
}
.md-button--outlined-white:focus, .md-button--outlined-white:hover, .md-button--outlined-white:active {
  border-color: white;
}
.md-button--contained-white, .md-button--outlined-white, .md-button--secondary-white, .md-button--accent-white {
  color: rgb(255, 255, 255);
}
.md-button--text {
  padding: 0 8px;
}
.md-button--inlineblock {
  display: inline-block;
}
.md-button--icon {
  min-width: 36px;
  padding: 0;
  background-color: transparent;
}
.md-button--chip {
  border-radius: 18px;
  white-space: nowrap;
  background-color: rgb(237.15, 237.15, 237.15);
}
.md-button--chip:focus, .md-button--chip:hover, .md-button--chip:active {
  background-color: rgb(82.45, 188.7, 207.4);
}
.md-button--chip-contained, .md-button--chip-accent {
  color: rgb(255, 255, 255);
  background-color: var(--material-accent-color);
}
.md-button--chip-contained:focus, .md-button--chip-contained:hover, .md-button--chip-contained:active, .md-button--chip-accent:focus, .md-button--chip-accent:hover, .md-button--chip-accent:active {
  background-color: var(--material-accent-color-dark);
}
.md-button--chip-primary:focus, .md-button--chip-primary:hover, .md-button--chip-primary:active {
  color: rgb(255, 255, 255);
  background-color: #33314e;
}
.md-button--pill {
  border-width: 0;
  border-radius: 12px;
  padding: 0 12px;
  line-height: 24px;
  height: 24px;
  font-size: 12px;
  white-space: nowrap;
  background-color: rgb(237.15, 237.15, 237.15);
}
.md-button--pill:focus, .md-button--pill:hover, .md-button--pill:active {
  background-color: rgb(82.45, 188.7, 207.4);
}
.md-button--pill-contained, .md-button--pill-accent {
  color: rgb(255, 255, 255);
  background-color: var(--material-accent-color);
}
.md-button--pill-contained:focus, .md-button--pill-contained:hover, .md-button--pill-contained:active, .md-button--pill-accent:focus, .md-button--pill-accent:hover, .md-button--pill-accent:active {
  background-color: var(--material-accent-color-dark);
}
.md-button--pill-primary:focus, .md-button--pill-primary:hover, .md-button--pill-primary:active {
  color: rgb(255, 255, 255);
  background-color: #33314e;
}
.md-button > span, .md-button-label {
  pointer-events: none;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input[type=submit],
input[type=reset],
button {
  all: unset;
  outline: revert;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  min-width: 32px;
  line-height: 42px;
  color: var(--material-text-color);
  padding: 0 30px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: var(--material-radius);
  letter-spacing: 0.0625em;
  font-size: clamp(12px, 10.8571428571px + 0.0035714286 * 100vw, 16px);
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
input[type=submit][disabled], input[type=submit].disabled,
input[type=reset][disabled],
input[type=reset].disabled,
button[disabled],
button.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
input[type=submit][chunky], input[type=submit].md-button--chunky,
input[type=reset][chunky],
input[type=reset].md-button--chunky,
button[chunky],
button.md-button--chunky {
  line-height: clamp(42px, 36.8571428571px + 0.0160714286 * 100vw, 60px);
  font-size: clamp(14px, 12.8571428571px + 0.0035714286 * 100vw, 18px);
}

input[type=submit],
button {
  color: rgb(255, 255, 255);
  background-color: #212121;
}
input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active,
button:focus,
button:hover,
button:active {
  background-color: #545454;
}

input[type=reset] {
  padding: 0 8px;
  border-color: var(--material-divider-color);
}

button[mdbutton] {
  padding: 0;
}

*.md-button {
  padding: 0 30px;
}

*[mdbutton] {
  --mdbutton-color: var(--material-text-color);
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
  --mdbutton-bg-color-active: var(--material-transparent-color);
  --mdbutton-border-color: var(--material-transparent-color);
  --mdbutton-border-width: 1px;
  --mdbutton-border-color-active: var(--material-accent-color);
  --mdbutton-border-radius: none;
  --mdbutton-filter: none;
  --mdbutton-line-height: 46px;
  --mdbutton-font-size: clamp(12px, 10.8571428571px + 0.0035714286 * 100vw, 16px);
  position: relative;
  display: grid;
  grid-template-columns: [fullwidth-start] 30px [label-start] minmax(24px, max-content) [label-end] 30px [fullwidth-end];
  place-content: center;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--mdbutton-bg-color);
  min-width: -moz-min-content;
  min-width: min-content;
  line-height: var(--mdbutton-line-height);
  color: var(--mdbutton-color);
  font-size: var(--mdbutton-font-size);
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  border: csvar("border-width", mdbutton) solid var(--mdbutton-border-color);
  border-radius: var(--mdbutton-border-radius);
  filter: var(--mdbutton-filter);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
*[mdbutton]:focus, *[mdbutton]:hover, *[mdbutton]:active {
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-border-color-active: var(--material-accent-color);
  --mdbutton-bg-color-active: var(--material-accent-color);
  color: var(--mdbutton-color-active);
  border-color: var(--mdbutton-border-color-active);
  background-color: var(--mdbutton-bg-color-active);
}
*[mdbutton] mdbuttonlabel,
*[mdbutton] icon {
  position: relative;
  z-index: 2;
}
*[mdbutton] mdbuttonlabel {
  min-width: 0;
  grid-area: label;
  display: block;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
*[mdbutton][maxed] {
  min-width: -moz-max-content;
  min-width: max-content;
}
*[mdbutton][maxed] mdbuttonlabel {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
*[mdbutton][inline] {
  display: inline-block;
}
*[mdbutton][rounded] {
  --mdbutton-border-radius: var(--material-radius);
}
*[mdbutton][invert] {
  --mdbutton-filter: brightness(0) invert(1);
}
*[mdbutton][invert]:focus, *[mdbutton][invert]:hover, *[mdbutton][invert]:active {
  --mdbutton-filter: none;
}
*[mdbutton][contained] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-color-active: var(--material-neutral-color);
  --mdbutton-border-color: var(--material-accent-color);
  --mdbutton-border-color-active: var(--material-accent-color-dark);
  --mdbutton-bg-color: var(--material-accent-color);
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
}
*[mdbutton][contained][invert] {
  --mdbutton-filter: none;
}
*[mdbutton][secondary] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-border-color: #34b1c7;
  --mdbutton-bg-color: #34b1c7;
}
*[mdbutton][secondary]:focus, *[mdbutton][secondary]:hover, *[mdbutton][secondary]:active {
  --mdbutton-color-active: var(--material-neutral-color);
  --mdbutton-border-color-active: rgb(166.8, 227.1, 217.2);
  --mdbutton-bg-color-active: rgb(166.8, 227.1, 217.2);
  color: var(--mdbutton-color-active);
  border-color: var(--mdbutton-border-color-active);
  background-color: var(--mdbutton-bg-color-active);
}
*[mdbutton][secondary][invert]:focus, *[mdbutton][secondary][invert]:hover, *[mdbutton][secondary][invert]:active {
  --mdbutton-filter: none;
}
*[mdbutton][outlined] {
  --mdbutton-color: var(--material-text-color);
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-border-color: var(--material-divider-color);
  --mdbutton-border-color-active: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
  --mdbutton-bg-color-active: var(--material-transparent-color);
  border: 1px solid var(--mdbutton-border-color);
}
*[mdbutton][outlined]:focus, *[mdbutton][outlined]:hover, *[mdbutton][outlined]:active {
  border-color: var(--mdbutton-border-color-active);
}
*[mdbutton][outlined][invert] {
  --mdbutton-filter: brightness(0) invert(1);
}
*[mdbutton][outlined][invert]:focus, *[mdbutton][outlined][invert]:hover, *[mdbutton][outlined][invert]:active {
  --mdbutton-filter: none;
}
*[mdbutton][txt], *[mdbutton][text] {
  --mdbutton-color: var(--material-text-color);
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-border-color: var(--material-transparent-color);
  --mdbutton-border-color-active: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
  --mdbutton-bg-color-active: var(--material-transparent-color);
  background-color: var(--mdbutton-bg-color);
}
*[mdbutton][txt]:focus, *[mdbutton][txt]:hover, *[mdbutton][txt]:active, *[mdbutton][text]:focus, *[mdbutton][text]:hover, *[mdbutton][text]:active {
  color: var(--mdbutton-color-active);
  background-color: var(--mdbutton-bg-color-active);
  border-color: var(--mdbutton-border-color-active);
}
*[mdbutton][txt][reverse], *[mdbutton][text][reverse] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-color-active: var(--material-accent-color);
}
*[mdbutton][reverse] {
  --mdbutton-line-height: clamp(42px, 36.8571428571px + 0.0160714286 * 100vw, 60px);
  --mdbutton-color: black;
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-bg-color: white;
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
  --mdbutton-border-radius: 60px;
  --mdbutton-border-width: 0;
  --mdbutton-border: 0px solid transparent;
}
*[mdbutton][reverse] mdbuttonlabel {
  font-size: clamp(12px, 11.4285714286px + 0.0017857143 * 100vw, 14px);
  font-weight: 700;
}
*[mdbutton][reverse][simplified] {
  --mdbutton-color: var(--material-accent-color);
  --mdbutton-color-active: var(--material-neutral-color);
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
  --mdbutton-border-radius: 6px;
}
*[mdbutton][white] {
  --mdbutton-line-height: clamp(42px, 36.8571428571px + 0.0160714286 * 100vw, 60px);
  --mdbutton-color: black;
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-bg-color: white;
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
  --mdbutton-border-radius: 60px;
  --mdbutton-border-width: 0;
  --mdbutton-border: 0px solid transparent;
}
*[mdbutton][white] mdbuttonlabel {
  font-size: clamp(12px, 11.4285714286px + 0.0017857143 * 100vw, 14px);
  font-weight: 700;
}
*[mdbutton][white][simplified] {
  --mdbutton-border-radius: 6px;
}
*[mdbutton][white]:before, *[mdbutton][white]:after {
  content: "";
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  grid-area: fullwidth/fullwidth;
  width: 100%;
  height: 100%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 60px;
  border: 1px solid var(--material-accent-color);
  box-sizing: border-box;
  pointer-events: none;
}
*[mdbutton][white]:before {
  border: 1px solid var(--material-transparent-color);
}
*[mdbutton][white]:after {
  z-index: 1;
  background: var(--material-neutral-color);
  clip-path: circle(0%);
}
*[mdbutton][white]:focus:after, *[mdbutton][white]:hover:after, *[mdbutton][white]:active:after {
  clip-path: circle(100%);
}
*[mdbutton][white][outlined] {
  --mdbutton-color: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
}
*[mdbutton][white][outlined]:before {
  z-index: 1;
  background: var(--material-transparent-color);
}
*[mdbutton][white][outlined]:after {
  z-index: 0;
}
*[mdbutton][white][solid] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-bg-color: var(--material-accent-color);
}
*[mdbutton][black] {
  --mdbutton-line-height: clamp(24px, 22.6285714286px + 0.0042857143 * 100vw, 28.8px);
  --mdbutton-color: white;
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-bg-color: black;
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
  --mdbutton-border: 0px solid transparent;
  --mdbutton-height: fit-content;
}
*[mdbutton][black] mdbuttonlabel {
  font-size: clamp(12px, 11.4285714286px + 0.0017857143 * 100vw, 14px);
  font-weight: 700;
  color: white;
  background: black;
  height: -moz-fit-content;
  height: fit-content;
}
*[mdbutton][black]:before, *[mdbutton][black]:after {
  content: "";
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  grid-area: fullwidth/fullwidth;
  width: 100%;
  height: 100%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 60px;
  border: 1px solid var(--material-accent-color);
  box-sizing: border-box;
  pointer-events: none;
}
*[mdbutton][black]:before {
  border: 1px solid var(--material-transparent-color);
}
*[mdbutton][black]:after {
  z-index: 1;
  background: var(--material-neutral-color);
  clip-path: circle(0%);
}
*[mdbutton][black]:focus:after, *[mdbutton][black]:hover:after, *[mdbutton][black]:active:after {
  clip-path: circle(100%);
}
*[mdbutton][black][outlined] {
  --mdbutton-color: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
}
*[mdbutton][black][outlined]:before {
  z-index: 1;
  background: var(--material-transparent-color);
}
*[mdbutton][black][outlined]:after {
  z-index: 0;
}
*[mdbutton][black][solid] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-bg-color: var(--material-accent-color);
}
*[mdbutton][chunky] {
  --mdbutton-line-height: clamp(42px, 36.8571428571px + 0.0160714286 * 100vw, 60px);
  --mdbutton-font-size: clamp(14px, 12.8571428571px + 0.0035714286 * 100vw, 18px);
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-border-color: var(--material-transparent-color);
  --mdbutton-border-color-active: var(--material-transparent-color);
  --mdbutton-bg-color: var(--material-accent-color);
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
  --mdbutton-border-radius: 60px;
  --mdbutton-border-width: 0;
  min-width: -moz-max-content;
  min-width: max-content;
}
*[mdbutton][chunky] mdbuttonlabel {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
*[mdbutton][chunky]:before, *[mdbutton][chunky]:after {
  content: "";
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  grid-area: fullwidth/fullwidth;
  width: 100%;
  height: var(--mdbutton-line-height);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 60px;
  border: 1px solid var(--material-transparent-color);
  box-sizing: border-box;
  pointer-events: none;
}
*[mdbutton][chunky]:before {
  border: 1px solid var(--material-neutral-color);
}
*[mdbutton][chunky]:after {
  z-index: 1;
  background: var(--material-neutral-color);
  clip-path: circle(0%);
}
*[mdbutton][chunky]:focus:after, *[mdbutton][chunky]:hover:after, *[mdbutton][chunky]:active:after {
  clip-path: circle(100%);
}
*[mdbutton][chunky][short] {
  --mdbutton-line-height: clamp(24px, 22.6285714286px + 0.0042857143 * 100vw, 28.8px);
}
*[mdbutton][chunky][white] {
  --mdbutton-color: var(--material-text-color);
  --mdbutton-bg-color: var(--material-neutral-color);
  --mdbutton-border-color: var(--material-neutral-color);
  --mdbutton-border-color-active: var(--material-neutral-color);
}
*[mdbutton][chunky][white]:focus, *[mdbutton][chunky][white]:hover, *[mdbutton][chunky][white]:active {
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-border-color: var(--material-accent-color);
  --mdbutton-border-color-active: var(--material-accent-color);
  --mdbutton-bg-color-active: var(--material-neutral-color);
  color: var(--mdbutton-color-active);
  border-color: var(--mdbutton-border-color-active);
  background-color: var(--mdbutton-bg-color-active);
}
*[mdbutton][chunky][white]:focus:before, *[mdbutton][chunky][white]:hover:before, *[mdbutton][chunky][white]:active:before {
  border-color: var(--mdbutton-border-color);
}
*[mdbutton][chunky][white]:focus:after, *[mdbutton][chunky][white]:hover:after, *[mdbutton][chunky][white]:active:after {
  border-color: var(--mdbutton-border-color-active);
}
*[mdbutton][chunky][outlined] {
  --mdbutton-color: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
}
*[mdbutton][chunky][outlined]:before {
  z-index: 1;
  background: var(--material-transparent-color);
}
*[mdbutton][chunky][outlined]:after {
  z-index: 0;
}
*[mdbutton][chunky][solid] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-bg-color: var(--material-accent-color);
}
*[mdbutton][chonk] {
  --mdbutton-line-height: clamp(42px, 36.8571428571px + 0.0160714286 * 100vw, 60px);
  --mdbutton-border-radius: 6px;
  --mdbutton-border-width: 0;
  --mdbutton-border: 0px solid transparent;
}
*[mdbutton][chonk][reverse] {
  --mdbutton-color: var(--material-accent-color);
  --mdbutton-color-active: var(--material-accent-color-dark);
  --mdbutton-bg-color: var(--material-neutral-color);
  --mdbutton-bg-color-active: var(--material-neutral-color);
  --mdbutton-border-radius: 6px;
}
*[mdbutton][chip] {
  --mdbutton-line-height: clamp(36px, 32.5714285714px + 0.0107142857 * 100vw, 48px);
  --mdbutton-font-size: clamp(14px, 13.4285714286px + 0.0017857143 * 100vw, 16px);
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-color-active: var(--material-accent-color);
  --mdbutton-border-color: var(--material-transparent-color);
  --mdbutton-border-color-active: var(--material-transparent-color);
  --mdbutton-bg-color: var(--material-accent-color);
  --mdbutton-bg-color-active: var(--material-accent-color-dark);
  --mdbutton-border-radius: 60px;
  --mdbutton-border-width: 0;
}
*[mdbutton][chip]:before, *[mdbutton][chip]:after {
  content: "";
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  grid-area: fullwidth/fullwidth;
  width: 100%;
  height: 100%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--mdbutton-border-radius);
  border: 1px solid var(--material-transparent-color);
  box-sizing: border-box;
  pointer-events: none;
}
*[mdbutton][chip]:before {
  border: 1px solid var(--material-accent-color);
}
*[mdbutton][chip]:after {
  z-index: 1;
  background: var(--material-neutral-color);
  clip-path: circle(0%);
}
*[mdbutton][chip]:focus:after, *[mdbutton][chip]:hover:after, *[mdbutton][chip]:active:after {
  clip-path: circle(100%);
}
*[mdbutton][chip][outlined] {
  --mdbutton-color: var(--material-accent-color);
  --mdbutton-bg-color: var(--material-transparent-color);
}
*[mdbutton][chip][outlined]:before {
  z-index: 1;
  background: var(--material-transparent-color);
}
*[mdbutton][chip][outlined]:after {
  z-index: 0;
}
*[mdbutton][chip][solid] {
  --mdbutton-color: var(--material-neutral-color);
  --mdbutton-bg-color: var(--material-accent-color);
}

form {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  max-width: 100%;
}
form .md-form-fieldset, form .md-form-footer {
  display: flex;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  form .md-form-fieldset, form .md-form-footer {
    flex: 0 0 100%;
  }
}
form .md-form-fieldset {
  flex-flow: column nowrap;
  margin-bottom: 24px;
}
form .md-form-footer {
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  form .md-form-footer {
    flex-flow: row nowrap;
  }
}
@media only screen and (max-width: 1279px) {
  form .md-form-footer .field {
    margin: 12px 0;
  }
  form .md-form-footer .field .field-label {
    align-items: flex-start;
    line-height: 1;
  }
}
form .md-form-footer--standalone {
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  form .md-form-footer--align-right {
    justify-content: flex-end;
  }
}
form .field {
  display: flex;
  flex: 0 0 100%;
  min-width: 0;
}
form .field:not(.dropdown), form .field:not(.textarea) {
  flex-flow: column nowrap;
}
form .field > * {
  width: 100%;
  max-width: 100%;
}
form .field-label {
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
form .field-label--short {
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  form .field-label--short {
    line-height: 24px;
  }
}
form .field-label--hidden {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
form .field-wrapper {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
form .field-wrapper input,
form .field-wrapper select,
form .field-wrapper textarea {
  flex: 1;
}
form .field-wrapper input[type=text], form .field-wrapper input[type=email], form .field-wrapper input[type=search], form .field-wrapper input[type=number], form .field-wrapper input[type=date], form .field-wrapper input[type=datetime], form .field-wrapper input[type*=datetime-], form .field-wrapper input[type=url] {
  all: unset;
  outline: revert;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  line-height: 1;
  background-color: rgb(255, 255, 255);
  color: var(--material-text-color-light);
  padding: 12px 12px 12px 15.984px;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
  min-height: 48px;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.125);
  transition: all 300ms ease;
  transition-property: color, background-color, border;
}
form .field-wrapper input[type=text]:focus, form .field-wrapper input[type=text]:hover, form .field-wrapper input[type=text]:active, form .field-wrapper input[type=email]:focus, form .field-wrapper input[type=email]:hover, form .field-wrapper input[type=email]:active, form .field-wrapper input[type=search]:focus, form .field-wrapper input[type=search]:hover, form .field-wrapper input[type=search]:active, form .field-wrapper input[type=number]:focus, form .field-wrapper input[type=number]:hover, form .field-wrapper input[type=number]:active, form .field-wrapper input[type=date]:focus, form .field-wrapper input[type=date]:hover, form .field-wrapper input[type=date]:active, form .field-wrapper input[type=datetime]:focus, form .field-wrapper input[type=datetime]:hover, form .field-wrapper input[type=datetime]:active, form .field-wrapper input[type*=datetime-]:focus, form .field-wrapper input[type*=datetime-]:hover, form .field-wrapper input[type*=datetime-]:active, form .field-wrapper input[type=url]:focus, form .field-wrapper input[type=url]:hover, form .field-wrapper input[type=url]:active {
  color: var(--material-text-color-light);
}
form .field-wrapper input[type=text].placeholder, form .field-wrapper input[type=email].placeholder, form .field-wrapper input[type=search].placeholder, form .field-wrapper input[type=number].placeholder, form .field-wrapper input[type=date].placeholder, form .field-wrapper input[type=datetime].placeholder, form .field-wrapper input[type*=datetime-].placeholder, form .field-wrapper input[type=url].placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper input[type=text]:-moz-placeholder, form .field-wrapper input[type=email]:-moz-placeholder, form .field-wrapper input[type=search]:-moz-placeholder, form .field-wrapper input[type=number]:-moz-placeholder, form .field-wrapper input[type=date]:-moz-placeholder, form .field-wrapper input[type=datetime]:-moz-placeholder, form .field-wrapper input[type*=datetime-]:-moz-placeholder, form .field-wrapper input[type=url]:-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper input[type=text]::-moz-placeholder, form .field-wrapper input[type=email]::-moz-placeholder, form .field-wrapper input[type=search]::-moz-placeholder, form .field-wrapper input[type=number]::-moz-placeholder, form .field-wrapper input[type=date]::-moz-placeholder, form .field-wrapper input[type=datetime]::-moz-placeholder, form .field-wrapper input[type*=datetime-]::-moz-placeholder, form .field-wrapper input[type=url]::-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper input[type=text]:-ms-input-placeholder, form .field-wrapper input[type=email]:-ms-input-placeholder, form .field-wrapper input[type=search]:-ms-input-placeholder, form .field-wrapper input[type=number]:-ms-input-placeholder, form .field-wrapper input[type=date]:-ms-input-placeholder, form .field-wrapper input[type=datetime]:-ms-input-placeholder, form .field-wrapper input[type*=datetime-]:-ms-input-placeholder, form .field-wrapper input[type=url]:-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper input[type=text]::-webkit-input-placeholder, form .field-wrapper input[type=email]::-webkit-input-placeholder, form .field-wrapper input[type=search]::-webkit-input-placeholder, form .field-wrapper input[type=number]::-webkit-input-placeholder, form .field-wrapper input[type=date]::-webkit-input-placeholder, form .field-wrapper input[type=datetime]::-webkit-input-placeholder, form .field-wrapper input[type*=datetime-]::-webkit-input-placeholder, form .field-wrapper input[type=url]::-webkit-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper input[type=text]:-webkit-autofill, form .field-wrapper input[type=text]:-webkit-autofill:hover, form .field-wrapper input[type=text]:-webkit-autofill:focus, form .field-wrapper input[type=text]:-webkit-autofill:active, form .field-wrapper input[type=email]:-webkit-autofill, form .field-wrapper input[type=email]:-webkit-autofill:hover, form .field-wrapper input[type=email]:-webkit-autofill:focus, form .field-wrapper input[type=email]:-webkit-autofill:active, form .field-wrapper input[type=search]:-webkit-autofill, form .field-wrapper input[type=search]:-webkit-autofill:hover, form .field-wrapper input[type=search]:-webkit-autofill:focus, form .field-wrapper input[type=search]:-webkit-autofill:active, form .field-wrapper input[type=number]:-webkit-autofill, form .field-wrapper input[type=number]:-webkit-autofill:hover, form .field-wrapper input[type=number]:-webkit-autofill:focus, form .field-wrapper input[type=number]:-webkit-autofill:active, form .field-wrapper input[type=date]:-webkit-autofill, form .field-wrapper input[type=date]:-webkit-autofill:hover, form .field-wrapper input[type=date]:-webkit-autofill:focus, form .field-wrapper input[type=date]:-webkit-autofill:active, form .field-wrapper input[type=datetime]:-webkit-autofill, form .field-wrapper input[type=datetime]:-webkit-autofill:hover, form .field-wrapper input[type=datetime]:-webkit-autofill:focus, form .field-wrapper input[type=datetime]:-webkit-autofill:active, form .field-wrapper input[type*=datetime-]:-webkit-autofill, form .field-wrapper input[type*=datetime-]:-webkit-autofill:hover, form .field-wrapper input[type*=datetime-]:-webkit-autofill:focus, form .field-wrapper input[type*=datetime-]:-webkit-autofill:active, form .field-wrapper input[type=url]:-webkit-autofill, form .field-wrapper input[type=url]:-webkit-autofill:hover, form .field-wrapper input[type=url]:-webkit-autofill:focus, form .field-wrapper input[type=url]:-webkit-autofill:active {
  background-color: rgb(255, 255, 255) !important;
  -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255) inset;
}
form .field-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
form .field-wrapper select,
form .field-wrapper textarea {
  all: unset;
  outline: revert;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  line-height: 1;
  background-color: rgb(255, 255, 255);
  color: var(--material-text-color-light);
  padding: 12px 12px 12px 15.984px;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
  min-height: 48px;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.125);
  transition: all 300ms ease;
  transition-property: color, background-color, border;
}
form .field-wrapper select:focus, form .field-wrapper select:hover, form .field-wrapper select:active,
form .field-wrapper textarea:focus,
form .field-wrapper textarea:hover,
form .field-wrapper textarea:active {
  color: var(--material-text-color-light);
}
form .field-wrapper select.placeholder,
form .field-wrapper textarea.placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper select:-moz-placeholder,
form .field-wrapper textarea:-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper select::-moz-placeholder,
form .field-wrapper textarea::-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper select:-ms-input-placeholder,
form .field-wrapper textarea:-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper select::-webkit-input-placeholder,
form .field-wrapper textarea::-webkit-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
form .field-wrapper select:-webkit-autofill, form .field-wrapper select:-webkit-autofill:hover, form .field-wrapper select:-webkit-autofill:focus, form .field-wrapper select:-webkit-autofill:active,
form .field-wrapper textarea:-webkit-autofill,
form .field-wrapper textarea:-webkit-autofill:hover,
form .field-wrapper textarea:-webkit-autofill:focus,
form .field-wrapper textarea:-webkit-autofill:active {
  background-color: rgb(255, 255, 255) !important;
  -webkit-box-shadow: 0 0 0px 1000px rgb(255, 255, 255) inset;
}
form .field.checkbox {
  justify-content: flex-start;
}
form .field.checkbox .field-label {
  display: flex;
  flex-flow: nowrap;
  flex: 0 0 100%;
}
form .field.checkbox input {
  margin: 0 6px 0 0;
}
form.md-form .md-form--inner {
  display: flex;
  flex: 0 0 100%;
  padding: 0;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  form.md-form .md-form--inner {
    padding: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  form.md-form .md-form--inner {
    padding: 48px;
  }
}
form.md-form .md-form--inner-white {
  background: rgb(255, 255, 255);
}
form.md-form .md-form--inner-grey {
  background: rgb(240, 240, 240);
}
form.md-form .md-form--inner-accent {
  background: #EE4036;
}
form.md-form .md-form--inner-secondary {
  background: #34b1c7;
}
form.md-form .md-form--inner-primary {
  background: #33314e;
}
form.md-form .md-form-fieldgroup--flow-column {
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
form.md-form--nomargin {
  margin: 0;
}
form.md-form--fullheight {
  height: 100%;
}
form.md-form.md-typography h2.md-form--heading,
form.md-form.md-typography .md-form--heading {
  color: rgb(87, 87, 87);
  text-align: left;
  justify-content: flex-start;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin: 0 0 24px;
}
form.md-form.md-typography .md-typography-caption p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
form.md-form.md-typography .md-typography-caption p:last-of-type {
  margin: 0;
}
form.md-form .field-label {
  display: none;
}
form.md-form .field-wrapper:before {
  content: attr(data-label);
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  background-color: transparent;
  padding: 0 4px;
  border-radius: 3px;
  position: absolute;
  left: 12px;
  top: 24px;
  z-index: 2;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  opacity: 0.87;
  transform: translate3d(0, -50%, 0) scale(1);
  transform-origin: 0 50%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform, opacity, color;
}
form.md-form .field-wrapper:focus:before, form.md-form .field-wrapper:hover:before, form.md-form .field-wrapper:active:before {
  transform: translate3d(0, -36px, 0) scale(0.75);
  opacity: 1;
  background: rgb(255, 255, 255);
}
form.md-form .field.date .field-wrapper, form.md-form .field.datetime .field-wrapper, form.md-form .field[class*=datetime-] .field-wrapper {
  border-radius: 0;
  border: 1px solid rgb(201, 201, 201);
  transition: all 300ms ease;
  transition-property: color, background-color, border;
}
form.md-form .field.date .field-wrapper input, form.md-form .field.datetime .field-wrapper input, form.md-form .field[class*=datetime-] .field-wrapper input {
  border: none;
}
form.md-form .field.date .field-wrapper:before, form.md-form .field.date .field-wrapper:after, form.md-form .field.datetime .field-wrapper:before, form.md-form .field.datetime .field-wrapper:after, form.md-form .field[class*=datetime-] .field-wrapper:before, form.md-form .field[class*=datetime-] .field-wrapper:after {
  position: relative;
  transform: translate3d(0, 0, 0) scale(1);
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 0 12px;
}
form.md-form .field.date .field-wrapper:after, form.md-form .field.datetime .field-wrapper:after, form.md-form .field[class*=datetime-] .field-wrapper:after {
  content: none;
}
form.md-form .field.file {
  overflow: hidden;
}
form.md-form .field.file .field-wrapper {
  padding-bottom: 48px;
  border: 1px dashed rgba(0, 0, 0, 0.125);
  border-radius: var(--material-radius);
}
form.md-form .field.file .field-wrapper:before {
  content: none;
}
form.md-form .field.file[status] .field-wrapper:after {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "attach_file_add";
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  pointer-events: none;
  opacity: 0.5;
}
form.md-form .field.file[status]:focus .field-wrapper:after, form.md-form .field.file[status]:hover .field-wrapper:after, form.md-form .field.file[status]:active .field-wrapper:after {
  opacity: 1;
}
form.md-form .field.file[status]:focus[status=ready] .field-label, form.md-form .field.file[status]:hover[status=ready] .field-label, form.md-form .field.file[status]:active[status=ready] .field-label {
  color: #2196f3;
}
form.md-form .field.file[status]:focus[status=success] .field-label, form.md-form .field.file[status]:hover[status=success] .field-label, form.md-form .field.file[status]:active[status=success] .field-label {
  color: #4caf50;
}
form.md-form .field.file[status]:focus[status=loading] .field-label, form.md-form .field.file[status]:focus[status=uploading] .field-label, form.md-form .field.file[status]:hover[status=loading] .field-label, form.md-form .field.file[status]:hover[status=uploading] .field-label, form.md-form .field.file[status]:active[status=loading] .field-label, form.md-form .field.file[status]:active[status=uploading] .field-label {
  color: #ff9800;
}
form.md-form .field.file[status=ready] .field-wrapper:after {
  color: #2196f3;
  opacity: 0.7;
  content: "attach_file_add";
}
form.md-form .field.file[status=loading] .field-wrapper:after, form.md-form .field.file[status=success] .field-wrapper:after, form.md-form .field.file[status=success] .field-wrapper:after, form.md-form .field.file[status=error] .field-wrapper:after {
  opacity: 1;
}
form.md-form .field.file[status=loading] .field-wrapper:after {
  color: #ff9800;
  content: "cloud_upload";
}
form.md-form .field.file[status=success] .field-wrapper {
  border: 1px solid #4caf50;
}
form.md-form .field.file[status=success] .field-wrapper:after {
  color: #4caf50;
  content: "cloud_done";
}
form.md-form .field.file[status=error] .field-wrapper {
  border: 1px solid #f44336;
}
form.md-form .field.file[status=error] .field-wrapper:after {
  color: #f44336;
  content: "error";
}
form.md-form .field.file .field-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 6px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 48px 0 16px;
}
form.md-form .field.file .field-label .field-description--label:after {
  content: ":";
}
form.md-form .field.file .field-label .field-description--value {
  font-style: italic;
}
form.md-form .field.dropdown .field-wrapper {
  padding-bottom: 48px;
}
form.md-form .field.dropdown .field-wrapper:before {
  z-index: 2;
}
form.md-form .field.dropdown .field-wrapper select {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
}
form.md-form .field.dropdown .field-wrapper:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "expand_more";
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 3;
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
}
form.md-form .field--active .field-wrapper:before {
  transform: translate3d(0, -36px, 0) scale(0.75);
  opacity: 1;
}
form.md-form .field--focus .field-wrapper input[type=text], form.md-form .field--focus .field-wrapper input[type=email], form.md-form .field--focus .field-wrapper input[type=search], form.md-form .field--focus .field-wrapper input[type=date], form.md-form .field--focus .field-wrapper input[type=datetime], form.md-form .field--focus .field-wrapper input[type*=datetime-], form.md-form .field--focus .field-wrapper input[type=url] {
  border-color: rgb(201, 201, 201);
}
form.md-form .field--focus .field-wrapper:before {
  transform: translate3d(0, -36px, 0) scale(0.75);
  opacity: 1;
  background: rgb(255, 255, 255);
}
form.md-form .field--focus .field-wrapper select,
form.md-form .field--focus .field-wrapper textarea {
  border-color: rgb(201, 201, 201);
}
form.md-form .field--focus .field-wrapper textarea {
  resize: vertical;
}
form.md-form .field--focus .field.date, form.md-form .field--focus .field.datetime, form.md-form .field--focus .field[class*=datetime-] {
  border-color: rgb(201, 201, 201);
}
form.md-form .md-form-message {
  background: transparent;
}
form.md-form .md-form-message-content {
  max-width: 100%;
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  form.md-form .md-form-message-content {
    padding: 48px;
    max-width: 100%;
  }
}
form.md-form .md-form-message-content h4 {
  margin-top: 0 !important;
  color: #212121;
}
form.md-form .md-form-message-content p {
  color: #545454;
}
form.md-form .md-form-message-content p a {
  color: #EE4036 !important;
}

.md-form-message--root {
  flex: 1;
  max-width: 100%;
  padding: 24px;
  color: rgb(255, 255, 255);
  align-items: center;
  justify-content: center;
  transition: all 300ms ease;
  backface-visibility: hidden;
  perspective: 1000px;
  transform: scale(0.001);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .md-form-message--root {
    padding: 48px;
  }
}
.md-form-message--in {
  transform: scale(1);
  opacity: 1;
}
.md-form-message-content {
  flex: 1;
  max-width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .md-form-message-content {
    flex: 1 1 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .md-form-message-content {
    max-width: 768px;
  }
}
.md-form-message-content h4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 1.235;
  letter-spacing: 0.00735em;
  margin: 0 0 24px;
}
.md-form-message-content p {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
}
.md-form-message-content p:last-of-type {
  margin-bottom: 0;
}

uielementalcontainer.uielementalcarousel[contentposition=before], uielementalcontainer.uielementalcarousel[contentposition=after] {
  flex-flow: column nowrap;
}
uielementalcontainer.uielementalcarousel[contentposition=before] > *, uielementalcontainer.uielementalcarousel[contentposition=after] > * {
  width: 100%;
}
uielementalcontainer.uielementalcarousel[contentalign=centre] uielementalheader,
uielementalcontainer.uielementalcarousel[contentalign=centre] uielementalfooter, uielementalcontainer.uielementalcarousel[contentalign=center] uielementalheader,
uielementalcontainer.uielementalcarousel[contentalign=center] uielementalfooter {
  text-align: center;
}
uielementalcontainer.uielementalcarousel[contentalign=left] uielementalheader,
uielementalcontainer.uielementalcarousel[contentalign=left] uielementalfooter {
  text-align: left;
}
uielementalcontainer.uielementalcarousel[contentalign=right] uielementalheader,
uielementalcontainer.uielementalcarousel[contentalign=right] uielementalfooter {
  text-align: right;
}
uielementalcontainer.uielementalcarousel uielementalheader,
uielementalcontainer.uielementalcarousel uielementalfooter {
  width: 100%;
  max-width: 1284px !important;
  flex-flow: column nowrap;
  padding: 0 24px;
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalcarousel uielementalheader,
  uielementalcontainer.uielementalcarousel uielementalfooter {
    padding: 0;
  }
}
uielementalcontainer.uielementalcarousel uielementalheader h1, uielementalcontainer.uielementalcarousel uielementalheader h2, uielementalcontainer.uielementalcarousel uielementalheader p,
uielementalcontainer.uielementalcarousel uielementalfooter h1,
uielementalcontainer.uielementalcarousel uielementalfooter h2,
uielementalcontainer.uielementalcarousel uielementalfooter p {
  width: 100%;
}
uielementalcontainer.uielementalcarousel uielemental {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  max-width: 100%;
  padding-bottom: 24px;
}
uielementalcontainer.uielementalcarousel uielemental slide slidecontentcontainer slidecontent {
  color: rgb(255, 255, 255);
}
uielementalcontainer.uielementalcarousel uielemental slide slidecontentcontainer slidecontent > * {
  color: inherit;
  text-align: inherit;
}
uielementalcontainer.uielementalcarousel uielemental slide[contentalign=center] slidecontentcontainer slidecontent, uielementalcontainer.uielementalcarousel uielemental slide[contentalign=centre] slidecontentcontainer slidecontent {
  text-align: center;
}
uielementalcontainer.uielementalcarousel uielemental slide[contentalign=left] slidecontentcontainer slidecontent {
  text-align: left;
}
uielementalcontainer.uielementalcarousel uielemental slide[contentalign=right] slidecontentcontainer slidecontent {
  text-align: right;
}
uielementalcontainer.uielementalcarousel[position=before], uielementalcontainer.uielementalcarousel[position=after] {
  flex-flow: column nowrap;
}
uielementalcontainer.uielementalcarousel[position=before] > *, uielementalcontainer.uielementalcarousel[position=after] > * {
  width: 100%;
  max-width: 100%;
}

carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
carousel .siema {
  min-width: 100%;
  max-width: 100%;
}

carousel slide,
carousel slidecontent {
  position: relative;
}
carousel slide {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px;
  background-color: #f7f8f9;
}
carousel slide slidecontent {
  flex: 1;
}

slide[aspectratio] {
  padding: 0;
}
slide[aspectratio] slidemedia,
slide[aspectratio] slidemedia img,
slide[aspectratio] slidemedia video {
  position: relative;
}
slide[aspectratio] slidemedia {
  display: flex;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
slide[aspectratio] slidemedia img, slide[aspectratio] slidemedia video {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  slide[aspectratio] slidemedia img, slide[aspectratio] slidemedia video {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
slide[aspectratio] slidemedia {
  padding: 0 0 100%;
}
@media only screen and (min-width: 768px) {
  slide[aspectratio="21:9"] slidemedia {
    padding: 0 0 42.857%;
  }
}
@media only screen and (min-width: 768px) {
  slide[aspectratio="1:1"] slidemedia {
    padding: 0 0 100%;
  }
}
@media only screen and (min-width: 768px) {
  slide[aspectratio="1:n"] slidemedia {
    padding: 0 0 75%;
  }
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  slide[aspectratio="1:n"] slidemedia img, slide[aspectratio="1:n"] slidemedia video {
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  slide[aspectratio="4:3"] slidemedia {
    padding: 0 0 75%;
  }
}
@media only screen and (min-width: 768px) {
  slide[aspectratio="16:9"] slidemedia {
    padding: 0 0 56.25%;
  }
}
slide slidecontentcontainer {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
  justify-items: center;
}
@media only screen and (min-width: 1280px) {
  slide slidecontentcontainer {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
}
slide slidecontentcontainer slidecontent {
  color: rgb(255, 255, 255);
  grid-column: 2/span 10;
}
@media only screen and (min-width: 768px) {
  slide slidecontentcontainer slidecontent {
    grid-column: 3/11;
  }
}
@media only screen and (min-width: 1280px) {
  slide slidecontentcontainer slidecontent {
    grid-column: 4/10;
  }
}
@media only screen and (min-width: 2500px) {
  slide slidecontentcontainer slidecontent {
    grid-column: 5/9;
  }
}

.carousel--pagination,
carouselpips {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
}
.carousel--pagination .carousel--page,
.carousel--pagination a,
carouselpips .carousel--page,
carouselpips a {
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(201, 201, 201);
  text-indent: 150%;
  color: transparent;
  margin: 0 6px;
  opacity: 0.54;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.carousel--pagination .carousel--page.carousel--page-current,
.carousel--pagination a.carousel--page-current,
carouselpips .carousel--page.carousel--page-current,
carouselpips a.carousel--page-current {
  background-color: var(--material-accent-color);
  opacity: 0.999;
}

carouselcontrols {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: none;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 24px;
}
@media only screen and (min-width: 768px) {
  carouselcontrols {
    display: flex;
    padding: 0;
  }
}
carouselcontrols icon {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 2;
  font-size: 24px;
  text-align: center;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
carouselcontrols .carousel--prev, carouselcontrols .carousel--next {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-radius: 3px;
  padding: 0;
  background-color: rgba(33, 33, 33, 0.45);
  pointer-events: auto;
  opacity: 1;
  position: relative;
  width: 144px;
  height: 72px;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 1600px) {
  carouselcontrols .carousel--prev, carouselcontrols .carousel--next {
    height: 96px;
  }
}
carouselcontrols .carousel--prev, carouselcontrols .carousel--next {
  transition-property: opacity, background-color, transform;
}
carouselcontrols .carousel--prev:focus, carouselcontrols .carousel--prev:hover, carouselcontrols .carousel--prev:active, carouselcontrols .carousel--next:focus, carouselcontrols .carousel--next:hover, carouselcontrols .carousel--next:active {
  background-color: rgba(33, 33, 33, 0.8);
}
carouselcontrols .carousel--prev:focus slidestats, carouselcontrols .carousel--prev:hover slidestats, carouselcontrols .carousel--prev:active slidestats, carouselcontrols .carousel--next:focus slidestats, carouselcontrols .carousel--next:hover slidestats, carouselcontrols .carousel--next:active slidestats {
  opacity: 1;
}
carouselcontrols .carousel--prev:focus slidestats:before, carouselcontrols .carousel--prev:hover slidestats:before, carouselcontrols .carousel--prev:active slidestats:before, carouselcontrols .carousel--next:focus slidestats:before, carouselcontrols .carousel--next:hover slidestats:before, carouselcontrols .carousel--next:active slidestats:before {
  transform: rotate(-45deg) translate3d(0, -50%, 0) scale(0.999);
}
carouselcontrols .carousel--prev {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: flex-end;
  padding-right: 24px;
  transform: translate3d(-72px, 0, 0);
}
carouselcontrols .carousel--prev icon {
  left: 0;
  padding-left: 24px;
  transform: translate3d(72px, -50%, 0);
}
carouselcontrols .carousel--prev:focus, carouselcontrols .carousel--prev:hover, carouselcontrols .carousel--prev:active {
  transform: translate3d(0, 0, 0);
}
carouselcontrols .carousel--prev:focus icon, carouselcontrols .carousel--prev:hover icon, carouselcontrols .carousel--prev:active icon {
  transform: translate3d(0, -50%, 0);
}
carouselcontrols .carousel--next {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: flex-start;
  padding-left: 24px;
  transform: translate3d(72px, 0, 0);
}
carouselcontrols .carousel--next icon {
  right: 0;
  padding-right: 24px;
  transform: translate3d(-72px, -50%, 0);
}
carouselcontrols .carousel--next:focus, carouselcontrols .carousel--next:hover, carouselcontrols .carousel--next:active {
  transform: translate3d(0, 0, 0);
}
carouselcontrols .carousel--next:focus icon, carouselcontrols .carousel--next:hover icon, carouselcontrols .carousel--next:active icon {
  transform: translate3d(0, -50%, 0);
}
carouselcontrols slidestats,
carouselcontrols slidestats stat {
  display: flex;
  position: relative;
}
carouselcontrols slidestats {
  flex-flow: row wrap;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  flex: 0 0 48px;
}
carouselcontrols slidestats:before {
  position: absolute;
  left: 0;
  top: 50%;
  pointer-events: none;
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid rgb(255, 255, 255);
  transform-origin: center;
  transform: rotate(-45deg) translate3d(0, -50%, 0) scale(0.001);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
carouselcontrols slidestats stat {
  align-items: center;
  flex-flow: row nowrap;
  font-weight: 400;
  font-size: 10px;
  color: rgb(255, 255, 255);
  flex: 0 0 100%;
  height: 24px;
  line-height: 24px;
}
carouselcontrols slidestats stat[current] {
  justify-content: flex-start;
}
carouselcontrols slidestats stat[total] {
  justify-content: flex-end;
}
carouselcontrols slidestats[swap] stat[current] {
  justify-content: flex-end;
}
carouselcontrols slidestats[swap] stat[total] {
  justify-content: flex-start;
}

uielemental[content],
carouselcontent {
  display: flex;
  position: relative;
}

uielemental[content] {
  width: 100%;
  max-width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

carouselcontent {
  flex-flow: column nowrap;
  flex: 0 0 100%;
}
carouselcontent p:last-of-type {
  margin-bottom: 0;
}

@keyframes fadeInSlide {
  from {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeOutSlide {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}
uielementalcontainer.uielementalcarousel--container carousel slide slidecontent h2, uielementalcontainer.uielementalcarousel--container carousel slide slidecontent p {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation: fadeOutSlide 0ms;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalcarousel--container:not(.animation) uielementalheader h2, uielementalcontainer.uielementalcarousel--container:not(.animation) uielementalheader p,
uielementalcontainer.uielementalcarousel--container:not(.animation) uielementalfooter h2,
uielementalcontainer.uielementalcarousel--container:not(.animation) uielementalfooter p {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation: fadeOutHeader 0s;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalcarousel--container:not(.animation) carousel slide.carousel--slide-current slidecontent h2, uielementalcontainer.uielementalcarousel--container:not(.animation) carousel slide.carousel--slide-current slidecontent p {
  animation: fadeOutSlide 0ms;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader h2, uielementalcontainer.uielementalcarousel--container.animation uielementalheader p,
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter h2,
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p {
  animation: fadeInHeader 1.72s both;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader h2,
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter h2 {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(1),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(1) {
  transition-delay: 250ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(2),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(2) {
  transition-delay: 500ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(3),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(3) {
  transition-delay: 750ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(4),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(4) {
  transition-delay: 1000ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(5),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(5) {
  transition-delay: 1250ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(6),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(6) {
  transition-delay: 1500ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(7),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(7) {
  transition-delay: 1750ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(8),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(8) {
  transition-delay: 2000ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(9),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(9) {
  transition-delay: 2250ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(10),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(10) {
  transition-delay: 2500ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(11),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(11) {
  transition-delay: 2750ms;
}
uielementalcontainer.uielementalcarousel--container.animation uielementalheader p:nth-child(12),
uielementalcontainer.uielementalcarousel--container.animation uielementalfooter p:nth-child(12) {
  transition-delay: 3000ms;
}
uielementalcontainer.uielementalcarousel--container.animation carousel slide.carousel--slide-current slidecontent h2, uielementalcontainer.uielementalcarousel--container.animation carousel slide.carousel--slide-current slidecontent p {
  animation: fadeInSlide 1720ms;
}
uielementalcontainer.uielementalcarousel--container.animation carousel slide.carousel--slide-current slidecontent p {
  animation-delay: 500ms;
}

@keyframes uispinneranim-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes uispinneranim-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes uispinneranim-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.uispinner--root {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 80px;
  height: 80px;
  pointer-events: none;
}
.uispinner div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.uispinner div:nth-child(1) {
  left: 8px;
  animation: uispinneranim-1 0.6s infinite;
}
.uispinner div:nth-child(2) {
  left: 8px;
  animation: uispinneranim-2 0.6s infinite;
}
.uispinner div:nth-child(3) {
  left: 32px;
  animation: uispinneranim-2 0.6s infinite;
}
.uispinner div:nth-child(4) {
  left: 56px;
  animation: uispinneranim-3 0.6s infinite;
}

.uiblocker--root {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.65);
}
.uiblocker-inlineblocker {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.uiblocker-rootblocker {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
}

.md-divider--collapse {
  display: none;
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse {
    display: block;
    height: 0;
    overflow: hidden;
  }
  .md-divider--collapse::before, .md-divider--collapse::after {
    content: none !important;
  }
  .md-divider--collapse-0x {
    margin: 24px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-0x {
    margin: 0px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-1x {
    margin: 0px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-1x {
    margin: -24px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-2x {
    margin: -24px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-2x {
    margin: -48px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-3x {
    margin: -48px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-3x {
    margin: -72px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-4x {
    margin: -72px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-4x {
    margin: -96px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-5x {
    margin: -96px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-5x {
    margin: -120px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-6x {
    margin: -120px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-6x {
    margin: -144px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-7x {
    margin: -144px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-7x {
    margin: -168px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-8x {
    margin: -168px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-8x {
    margin: -192px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-9x {
    margin: -192px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-9x {
    margin: -216px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-10x {
    margin: -216px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-10x {
    margin: -240px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-11x {
    margin: -240px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-11x {
    margin: -264px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-divider--collapse-12x {
    margin: -264px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-divider--collapse-12x {
    margin: -288px 0;
  }
}

.md-spacer {
  display: none;
}
@media only screen and (min-width: 768px) {
  .md-spacer {
    display: block;
    height: 0;
    overflow: hidden;
    margin: 0 0;
  }
  .md-spacer::before, .md-spacer::after {
    content: none !important;
  }
  .md-spacer-0x {
    margin: -24px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-0x {
    margin: 0px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-1x {
    margin: 0px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-1x {
    margin: 24px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-2x {
    margin: 24px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-2x {
    margin: 48px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-3x {
    margin: 48px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-3x {
    margin: 72px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-4x {
    margin: 72px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-4x {
    margin: 96px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-5x {
    margin: 96px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-5x {
    margin: 120px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-6x {
    margin: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-6x {
    margin: 144px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-7x {
    margin: 144px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-7x {
    margin: 168px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-8x {
    margin: 168px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-8x {
    margin: 192px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-9x {
    margin: 192px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-9x {
    margin: 216px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-10x {
    margin: 216px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-10x {
    margin: 240px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-11x {
    margin: 240px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-11x {
    margin: 264px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer-12x {
    margin: 264px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer-12x {
    margin: 288px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-0x {
    margin: 24px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-0x {
    margin: 0px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-1x {
    margin: 0px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-1x {
    margin: -24px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-2x {
    margin: -24px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-2x {
    margin: -48px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-3x {
    margin: -48px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-3x {
    margin: -72px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-4x {
    margin: -72px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-4x {
    margin: -96px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-5x {
    margin: -96px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-5x {
    margin: -120px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-6x {
    margin: -120px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-6x {
    margin: -144px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-7x {
    margin: -144px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-7x {
    margin: -168px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-8x {
    margin: -168px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-8x {
    margin: -192px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-9x {
    margin: -192px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-9x {
    margin: -216px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-10x {
    margin: -216px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-10x {
    margin: -240px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-11x {
    margin: -240px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-11x {
    margin: -264px 0;
  }
}
@media only screen and (min-width: 768px) {
  .md-spacer--collapse-12x {
    margin: -264px 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .md-spacer--collapse-12x {
    margin: -288px 0;
  }
}

dialog, ::backdrop {
  overscroll-behavior: contain;
}

dialog {
  overflow: hidden;
}
dialog[orientation=portrait], dialog[orientation=landscape] {
  aspect-ratio: 9/16;
}
dialog[aspectratio="21:9"] {
  aspect-ratio: 21/9;
}
dialog[aspectratio="16:9"] {
  aspect-ratio: 16/9;
}
dialog[aspectratio="4:3"] {
  aspect-ratio: 4/3;
}
dialog[aspectratio="1:1"], dialog[aspectratio="1:n"] {
  aspect-ratio: 1/1;
}
dialog dialogheading,
dialog dialogcontent,
dialog dialogactions {
  overflow: hidden;
}
dialog .dialog-heading, dialog .dialog-content, dialog .dialog-close {
  position: relative;
  z-index: 1;
}
dialog .dialog-heading {
  z-index: 2;
  padding: 0 36px 0 18px;
  line-height: 48px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 700;
}
dialog .dialog-content {
  padding: 24px 48px;
}
dialog .dialog-content .md-form--inner {
  padding: 0;
}
dialog .dialog-content .md-form--heading-container {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
dialog .dialog-close,
dialog .dialog button.dialog-close {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: #000000;
  line-height: 36px;
  height: 36px;
  width: 36px;
  min-width: 0;
  overflow: hidden;
}
dialog .dialog-close:focus, dialog .dialog-close:hover, dialog .dialog-close:active,
dialog .dialog button.dialog-close:focus,
dialog .dialog button.dialog-close:hover,
dialog .dialog button.dialog-close:active {
  background-color: var(--material-accent-color);
}

.modal--leadform .md-grid--container {
  padding: 36px 24px;
  max-height: 100%;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .modal--leadform .md-grid--container {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 768px) {
  .modal--leadform .md-grid--container {
    padding: 48px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    max-width: 624px;
  }
}
.modal--leadform .modal-content {
  background: rgb(255, 255, 255);
  max-height: 100%;
}
@media only screen and (min-width: 1024px) {
  .modal--leadform .modal-content {
    max-height: 80vh;
  }
}
.modal--leadform form {
  flex-flow: column nowrap;
  margin: 0;
}
.modal--leadform form .field-wrapper textarea,
.modal--leadform form .field-wrapper select {
  border-color: rgb(201, 201, 201);
}
.modal--leadform form .field-wrapper input[type=text], .modal--leadform form .field-wrapper input[type=email], .modal--leadform form .field-wrapper input[type=search], .modal--leadform form .field-wrapper input[type=url] {
  border-color: rgb(201, 201, 201);
}
.modal--leadform form .field-wrapper:before {
  background: transparent;
}
.modal--leadform form .field-wrapper:focus:before, .modal--leadform form .field-wrapper:hover:before, .modal--leadform form .field-wrapper:active:before {
  background: rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
  .modal--leadform form .field.checkbox .field-label {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .field.checkbox .field-label {
    line-height: 1;
  }
}
.modal--leadform form .md-form-footer, .modal--leadform form .md-form-fieldset {
  margin-bottom: 0;
}
.modal--leadform form .md-form--heading {
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .md-form-fieldset {
    flex-flow: row wrap;
  }
}
.modal--leadform form .md-form-fieldset {
  margin: 0 -6px;
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .md-form-fieldset .field:not(.email), .modal--leadform form .md-form-fieldset .field:not(.checkbox) {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.modal--leadform form .md-form-fieldset .field.email, .modal--leadform form .md-form-fieldset .field.checkbox {
  flex: 0 0 100%;
  max-width: 100%;
}
.modal--leadform form .md-form-fieldset .field.checkbox label {
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .md-form-fieldgroup.md-grid--item .field:not(.textarea) {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .md-form-footer {
    flex-flow: row wrap;
  }
}
.modal--leadform form .md-form-footer input[type=submit] {
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .md-form-footer input[type=submit] {
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .modal--leadform form .md-form-footer .field.checkbox {
    margin-bottom: 24px;
  }
}
.modal--leadform form .md-form-message {
  background: none;
}
.modal--leadform form .md-form-message h4, .modal--leadform form .md-form-message p {
  color: inherit;
}
.modal--leadform form .md-form-message h4 {
  color: #34b1c7;
}
.modal--leadform form .md-form-message, .modal--leadform form .md-form-message-content {
  color: #212121;
}

@media only screen and (min-width: 1280px) {
  .SearchPage header.uielementalcontainer uielementalheader {
    max-width: 100%;
  }
}
.SearchPage .md-viewheader--root {
  padding-bottom: 50vh;
  height: 50vh;
}
@media only screen and (min-width: 768px) {
  .SearchPage .md-viewheader--root {
    padding-bottom: 480px;
    height: 480px;
  }
}
@media only screen and (min-width: 1600px) {
  .SearchPage .md-viewheader--root {
    padding-bottom: 480px;
    height: 480px;
  }
}
.SearchPage .md-viewheader--content .md-displayheading {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  line-height: clamp(18px, 13.5963302752px + 0.0137614679 * 100vw, 48px);
  font-size: clamp(18px, 13.5963302752px + 0.0137614679 * 100vw, 48px);
}
@media only screen and (min-width: 1600px) {
  .SearchPage .md-viewheader--content .md-displayheading {
    font-size: 2.488rem;
    line-height: 1.618;
  }
}
.SearchPage .ui-section--inner {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .SearchPage .ui-section--inner {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

uielementalcontainer uielemental.uielementalsearchform--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalsearchform--root {
    flex: 1 1 1284px;
    max-width: none;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalsearchform--root {
    flex: 0 0 1284px;
  }
}
uielementalcontainer uielemental.uielementalsearchform searchform {
  width: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, -50%, 0);
  padding: 0 24px;
}

uielementalcontainer uielemental.uielementalsearch--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 63.984px 24px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalsearch--root {
    flex: 1 1 1284px;
    max-width: none;
    padding: 96px 48px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalsearch--root {
    padding: 96px 0;
    flex: 0 0 1284px;
  }
}
uielementalcontainer uielemental.uielementalsearch uielementalcontent {
  width: 100%;
  max-width: 100%;
}

searchform,
searchform form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

searchform {
  width: 100%;
  opacity: 1;
}
searchform form {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 13px 43px 0 rgba(27, 25, 47, 0.1);
}
searchform form .message {
  display: none !important;
}
searchform form fieldset {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  display: block;
}
searchform form .field,
searchform form .middleColumn {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
searchform form .field label {
  display: none;
}
searchform form .field input[name=s],
searchform form .field input[name=query] {
  all: unset;
  outline: revert;
  background: rgb(255, 255, 255);
  padding: 24px;
  flex: 0 0 100%;
  border: 1px solid rgb(255, 255, 255);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #545454;
  height: 72px;
  line-height: 72px;
}
@media only screen and (min-width: 768px) {
  searchform form .field input[name=s],
  searchform form .field input[name=query] {
    font-size: 18px;
  }
}
searchform form .field input[name=s]:focus, searchform form .field input[name=s]:hover, searchform form .field input[name=s]:active,
searchform form .field input[name=query]:focus,
searchform form .field input[name=query]:hover,
searchform form .field input[name=query]:active {
  border: 1px solid #f6f7fd;
}
searchform form .field input[name=s] + autocomplete,
searchform form .field input[name=query] + autocomplete {
  position: absolute;
  left: 0;
  top: 72px;
}
searchform form .btn-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}
searchform form .btn-toolbar input[type=submit] {
  all: unset;
  outline: revert;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  border-radius: 0;
  padding: 24px;
  margin: 0;
  line-height: 1;
  height: 72px;
  width: 72px;
  color: rgb(255, 255, 255);
  background: var(--material-accent-color);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
searchform form .btn-toolbar input[type=submit]:focus, searchform form .btn-toolbar input[type=submit]:hover, searchform form .btn-toolbar input[type=submit]:active {
  background: var(--material-accent-color-dark);
}
searchform[floating] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 49, 78, 0.75);
  z-index: 3;
  transform: translate3d(0, 0px, 0);
}
@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
  searchform[floating] {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}
@media only screen and (min-width: 1280px) {
  searchform[floating] {
    display: flex;
    padding: 144px 48px 72px;
  }
}
searchform[floating]:not([active]) {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, -320px, 0);
}
searchform[floating] form {
  flex: 1 1 1068px;
}
@media only screen and (min-width: 1280px) {
  searchform[floating] form {
    max-width: 1068px;
  }
}
searchform[floating] form:focus, searchform[floating] form:hover, searchform[floating] form:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
searchform[inline] {
  margin: 12px 0 0;
}
searchform[inline].md-searchform form {
  box-shadow: none;
}
searchform[inline].md-searchform form .field input[name=s],
searchform[inline].md-searchform form .field input[name=query] {
  padding: 12px 24px;
  height: auto;
  line-height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
searchform.md-searchform {
  min-width: 100%;
  padding: 0 12px;
  margin-bottom: 12px;
}
searchform.md-searchform form .field input[name=s],
searchform.md-searchform form .field input[name=query] {
  padding: 12px;
  border-color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
searchform.md-searchform form .field input[name=s]:focus, searchform.md-searchform form .field input[name=s]:hover, searchform.md-searchform form .field input[name=s]:active,
searchform.md-searchform form .field input[name=query]:focus,
searchform.md-searchform form .field input[name=query]:hover,
searchform.md-searchform form .field input[name=query]:active {
  border: 1px solid rgba(0, 0, 0, 0.333);
}
searchform.md-searchform form .btn-toolbar {
  display: none;
}

pagination,
paginationlist,
paginationcaption,
pagelink {
  position: relative;
  display: flex;
}

pagination {
  position: relative;
  width: 100%;
  max-width: 100%;
  flex-flow: row wrap;
}
pagination.pagination--overflow {
  flex-wrap: wrap;
}
pagination.pagination--overflow paginationlist,
pagination.pagination--overflow paginationcaption {
  flex: 0 0 100%;
}
pagination.pagination--overflow paginationlist {
  flex-wrap: wrap;
}
pagination.pagination--overflow paginationcaption {
  text-align: center;
  justify-content: center;
  padding: 24px 0;
}

paginationlist,
paginationcaption {
  position: relative;
  flex: 0 0 100%;
}

searchresults,
result,
resultmedia,
resultdetails,
searchmessage {
  position: relative;
  display: flex;
}

result,
resultdetails,
searchmessage {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

searchresults {
  flex-flow: row wrap;
  overflow: hidden;
  margin-bottom: 48px !important;
}

result {
  width: 100%;
  max-width: 100%;
  flex-flow: row nowrap;
}
result.md-grid--item {
  padding: 12px 0;
}

resultmedia {
  display: none;
  flex: 0 0 128px;
}
@media only screen and (min-width: 768px) {
  resultmedia {
    display: flex;
  }
}
resultmedia a, resultmedia img {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  resultmedia img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
resultdetails {
  flex-flow: column nowrap;
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 128px;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 768px) {
  resultdetails {
    padding: 0 24px;
  }
}
resultdetails resultheading,
resultdetails resultcontent {
  display: block;
  width: 100%;
}
resultdetails resultheading {
  margin: 3px 0;
  font-size: 20px;
  line-height: 1.3;
}
resultdetails resultheading a {
  display: block;
  line-height: inherit;
}
resultdetails resultheading a:not(.md-typography-overline) {
  margin: 3px 0;
}
resultdetails resultheading a.md-typography-overline {
  color: #000000 !important;
  opacity: 0.7;
  line-height: 1;
}
resultdetails resultcontent mark {
  color: tint(#000000, 10%);
  background: rgba(0, 0, 0, 0.1);
}
resultdetails:focus, resultdetails:hover, resultdetails:active {
  background: #f6f7fd;
}

pagination,
paginationlist,
paginationcaption {
  position: relative;
  display: flex;
  overflow: hidden;
}

pagination,
paginationlist {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

pagination {
  flex-flow: row wrap;
  width: 100%;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  margin: 24px 0;
  padding: 0 24px;
}
@media only screen and (min-width: 768px) {
  pagination {
    flex-flow: row nowrap;
    padding: 0;
    justify-content: space-between;
  }
}
pagination paginationlist,
pagination paginationcaption {
  flex: 0 0 auto;
}
pagination paginationlist {
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  pagination paginationlist {
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
  }
}
pagination pagelink,
pagination pagelink a {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
pagination pagelink {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
pagination pagelink a {
  display: flex;
  line-height: inherit;
  padding: 12px;
  line-height: 24px;
  min-width: 48px;
}
pagination pagelink[current] {
  pointer-events: none;
  color: rgb(255, 255, 255);
  background: var(--material-accent-color);
  cursor: default;
}
pagination pagelink[current] a {
  color: rgb(255, 255, 255) !important;
}
pagination pagelink:focus:not([current]), pagination pagelink:hover:not([current]), pagination pagelink:active:not([current]) {
  background: #f6f7fd;
}
pagination paginationcaption {
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  pagination paginationcaption {
    justify-content: flex-end;
  }
}

tablist, tab {
  position: relative;
  display: flex;
  box-sizing: border-box;
}

tablist {
  width: 100%;
  flex-flow: row wrap;
  padding: 0;
  margin: 0 24px 24px;
}
@media only screen and (min-width: 768px) {
  tablist {
    margin: 0 0 24px;
    flex-wrap: nowrap;
  }
}
tablist tab,
tablist tab button {
  flex: 0 0 100%;
}
@media only screen and (min-width: 768px) {
  tablist tab,
  tablist tab button {
    flex: 0 0 auto;
  }
}
tablist:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  border-top: 1px solid rgba(201, 201, 201, 0.5);
  pointer-events: none;
}

tab button {
  position: relative;
  z-index: 2;
  border-radius: 0;
  border: none;
  font-weight: 400;
  overflow: hidden;
  background: transparent;
  color: #545454;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
tab button span {
  pointer-events: none;
}
tab button:after {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-top: 2px solid var(--material-accent-color);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  transform: translate3d(-101%, 0, 0);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
tab button:focus, tab button:hover, tab button:active {
  background: rgb(240, 240, 240);
  color: #212121;
}
tab button:focus:after, tab button:hover:after, tab button:active:after {
  transform: translate3d(0, 0, 0);
}
tab.selected button {
  border: none;
  font-weight: 400;
  background: rgb(240, 240, 240);
}
tab.selected button:after {
  transform: translate3d(0, 0, 0);
}

tabgroups, tabgroup {
  position: relative;
  display: flex;
  box-sizing: border-box;
}

tabgroups {
  display: flex;
  flex-flow: row nowrap;
}
tabgroups tabgroup {
  display: none;
  flex: 0 0 100%;
  overflow: hidden;
}
tabgroups tabgroup[active] {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}

.loadmore--root {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.loadmore--action {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  min-width: 96px;
}
.loadmore--action:focus .loadmore--icon, .loadmore--action:hover .loadmore--icon, .loadmore--action:active .loadmore--icon {
  background-color: rgb(201, 201, 201);
}
.loadmore--icon, .loadmore--label {
  pointer-events: none;
}
.loadmore--label {
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: tint(#000000, 54%);
  line-height: 24px;
}
.loadmore--icon {
  border-radius: 50%;
  width: 96px;
  height: 96px;
  line-height: 96px;
  text-align: center;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  color: #212121;
  background-color: rgb(240, 240, 240);
  margin-bottom: 12px;
}
.loadmore--loading {
  opacity: 0.5;
  pointer-events: none;
}
.loadmore--disabled, .loadmore[disabled] {
  display: none;
  pointer-events: none;
  opacity: 0;
}

uielementalcontainer.uielementalblogpostlist uielementalheader,
uielementalcontainer.uielementalblogpostlist uielementalcontent,
uielementalcontainer.uielementalblogpostlist uielementalactions {
  display: flex;
  width: 100%;
}
uielementalcontainer.uielementalblogpostlist uielementalheader h1, uielementalcontainer.uielementalblogpostlist uielementalheader h2 {
  width: 100%;
  margin: 0 0 24px;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalblogpostlist uielementalheader h1, uielementalcontainer.uielementalblogpostlist uielementalheader h2 {
    margin: 0 0 36px;
  }
}
uielementalcontainer.uielementalblogpostlist uielementalcontent {
  margin: 0 0 24px;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalblogpostlist uielementalcontent {
    margin: 0 0 48px;
  }
}
uielementalcontainer.uielementalblogpostlist uielementalactions {
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalblogpostlist gridcontent.post--container {
  align-items: flex-start;
  justify-content: center;
  flex-flow: row nowrap;
}

post,
postmedia,
postcontent,
posttitle,
postdescription,
postactions {
  display: flex;
  position: relative;
  overflow: hidden;
}

post {
  flex-flow: column nowrap;
  flex: 1 1 100%;
  height: 100%;
}
post > * {
  width: 100%;
}
post postmedia,
post postmedia a {
  flex-flow: row nowrap;
  width: 100%;
}
post postmedia {
  margin-bottom: 24px;
  flex: 0 0 auto;
  background-color: #212121;
}
post postmedia:before {
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 108.108%;
  pointer-events: none;
  opacity: 0;
  background-color: #212121;
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
post postmedia a {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1.001);
  transition: all 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}
post postmedia img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  post postmedia img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
post postmedia:focus:before, post postmedia:hover:before, post postmedia:active:before {
  opacity: 0.54;
}
post postmedia:focus a, post postmedia:hover a, post postmedia:active a {
  transform: translate3d(0, 0, 0) scale(1.125);
}
post postcontent.entry-content {
  flex-flow: column nowrap;
  flex: 1 1 100%;
}
post postcontent.entry-content posttitle,
post postcontent.entry-content postdescription,
post postcontent.entry-content postactions {
  width: 100%;
}
post postcontent.entry-content posttitle,
post postcontent.entry-content postdescription {
  margin-bottom: auto;
}
post postcontent.entry-content posttitle {
  padding-bottom: 24px;
}
post postcontent.entry-content posttitle h3 {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  line-height: 1.5;
  color: #212121;
}
post postcontent.entry-content posttitle h3 .md-typography-overline,
post postcontent.entry-content posttitle h3 a {
  flex: 0 0 100%;
}
post postcontent.entry-content posttitle h3 .md-typography-overline {
  margin: 0;
  line-height: 24px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
post postcontent.entry-content posttitle h3 a:not(.md-button) {
  color: inherit;
  line-height: inherit;
  overflow-wrap: break-word;
}
post postcontent.entry-content posttitle h3:focus, post postcontent.entry-content posttitle h3:hover, post postcontent.entry-content posttitle h3:active {
  color: #545454;
}
post postcontent.entry-content postdescription {
  color: #545454;
}
post postcontent.entry-content postdescription p {
  color: inherit;
}
post postcontent.entry-content postactions {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}

uielementalcontainer.uielementalrepeater uielementalheader,
uielementalcontainer.uielementalrepeater uielementalcontent,
uielementalcontainer.uielementalrepeater uielementalactions {
  display: flex;
  width: 100%;
}
uielementalcontainer.uielementalrepeater uielementalheader h1, uielementalcontainer.uielementalrepeater uielementalheader h2 {
  width: 100%;
  margin: 0 0 24px;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalrepeater uielementalheader h1, uielementalcontainer.uielementalrepeater uielementalheader h2 {
    margin: 0 0 36px;
  }
}
uielementalcontainer.uielementalrepeater uielementalcontent {
  margin: 0 0 24px;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalrepeater uielementalcontent {
    margin: 0 0 48px;
  }
}
uielementalcontainer.uielementalrepeater uielementalactions {
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalrepeater gridcontent.repeatable--container {
  align-items: flex-start;
  justify-content: center;
  flex-flow: row nowrap;
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalrepeater uielemental[width=full], uielementalcontainer.uielementalrepeater uielemental[width=full][contentposition=left], uielementalcontainer.uielementalrepeater uielemental[width=full][contentposition=right] {
    flex: 0 0 100%;
    max-width: 100%;
    grid-template-columns: repeat(24, 1fr);
    grid-gap: clamp(12px, 8.5714285714px + 0.0107142857 * 100vw, 24px);
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalrepeater uielemental[width=full] uielementalheader, uielementalcontainer.uielementalrepeater uielemental[width=full][contentposition=left] uielementalheader {
    grid-area: 1/2/2/7;
  }
  uielementalcontainer.uielementalrepeater uielemental[width=full] uielementalcontent, uielementalcontainer.uielementalrepeater uielemental[width=full][contentposition=left] uielementalcontent {
    grid-area: 1/8/2/25;
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalrepeater uielemental[width=full] uielementalheader, uielementalcontainer.uielementalrepeater uielemental[width=full][contentposition=right] uielementalheader {
    grid-area: 2/19/3/24;
  }
  uielementalcontainer.uielementalrepeater uielemental[width=full] uielementalcontent, uielementalcontainer.uielementalrepeater uielemental[width=full][contentposition=right] uielementalcontent {
    grid-area: 2/1/3/18;
  }
}

repeater,
repeatermedia,
repeatercontent,
repeatertitle,
repeatersummary,
repeaterdescription,
repeateractions {
  display: flex;
  position: relative;
  overflow: hidden;
}

repeater {
  flex-flow: column nowrap;
  flex: 1 1 100%;
  height: 100%;
}
repeater > * {
  width: 100%;
}
repeater repeatermedia,
repeater repeatermedia a {
  flex-flow: row nowrap;
  width: 100%;
}
repeater repeatermedia {
  flex: 0 0 auto;
}
repeater repeatermedia:before {
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 75%;
  pointer-events: none;
  opacity: 0;
}
@media only screen and (min-width: 1024px) {
  repeater repeatermedia:before {
    padding-bottom: 100%;
  }
}
repeater repeatermedia a {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform-origin: center center;
  transform: translate3d(0, -50%, 0) scale(0.875);
  transition: all 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}
repeater repeatermedia img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  repeater repeatermedia img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media only screen and (min-width: 1024px) {
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    repeater repeatermedia img {
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
}
repeater repeatermedia:focus:before, repeater repeatermedia:hover:before, repeater repeatermedia:active:before {
  opacity: 0.54;
}
repeater repeatermedia:focus a, repeater repeatermedia:hover a, repeater repeatermedia:active a {
  transform: translate3d(0%, -50%, 0) scale(0.999);
}
repeater repeatercontent.entry-content {
  flex-flow: column nowrap;
  flex: 1 1 100%;
}
repeater repeatercontent.entry-content repeatertitle,
repeater repeatercontent.entry-content repeaterdescription,
repeater repeatercontent.entry-content repeateractions {
  width: 100%;
}
repeater repeatercontent.entry-content repeatertitle,
repeater repeatercontent.entry-content repeaterdescription {
  margin-bottom: auto;
}
repeater repeatercontent.entry-content repeatertitle {
  padding-bottom: 24px;
}
repeater repeatercontent.entry-content repeatertitle h3 {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  line-height: 1.5;
  color: #212121;
}
repeater repeatercontent.entry-content repeatertitle h3 .md-typography-overline,
repeater repeatercontent.entry-content repeatertitle h3 a {
  flex: 0 0 100%;
}
repeater repeatercontent.entry-content repeatertitle h3 .md-typography-overline {
  margin: 0;
  line-height: 24px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
repeater repeatercontent.entry-content repeatertitle h3 a:not(.md-button) {
  color: inherit;
  line-height: inherit;
  overflow-wrap: break-word;
}
repeater repeatercontent.entry-content repeatertitle h3:focus, repeater repeatercontent.entry-content repeatertitle h3:hover, repeater repeatercontent.entry-content repeatertitle h3:active {
  color: #545454;
}
repeater repeatercontent.entry-content repeaterdescription {
  color: #545454;
}
repeater repeatercontent.entry-content repeaterdescription p {
  color: inherit;
}
repeater repeatercontent.entry-content repeateractions {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}

.massivemenu--root {
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100vw;
  max-width: 100%;
  opacity: 1;
  align-items: flex-start;
  justify-content: center;
  backface-visibility: hidden;
  perspective: 1000px;
}
@media only screen and (max-width: 1279px) {
  .massivemenu--root {
    display: none;
  }
}

massivemenu,
massivegroup,
massivecontent,
massivenavitems,
massivemedia,
massiveheading,
massivedescription {
  display: flex;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

massivemenu,
massivegroup {
  position: relative;
  flex-flow: row nowrap;
}

massivemenu {
  background: rgb(255, 255, 255);
  flex: 0 0 100%;
  opacity: 1;
  box-shadow: none;
  align-items: center;
  justify-content: center;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
  perspective: 1000px;
  pointer-events: none;
}
massivemenu[active=true] {
  pointer-events: auto;
  display: flex;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
massivemenu[active=true] massivegroup {
  display: flex;
}

massivegroup {
  display: none;
  flex: 1 1 100%;
  padding: 144px 48px 72px;
  margin: 0 -24px;
  max-width: 1600px;
  opacity: 1;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translate3d(0, 0, 0);
}
massivegroup massivecontent,
massivegroup massivenavitems {
  padding: 0 24px;
}
massivegroup massivecontent {
  flex: 0 0 33.333%;
}
massivegroup massivenavitems {
  flex: 1 1 auto;
}

massivecontent {
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
}

massivemedia,
massiveheading,
massivedescription {
  width: 100%;
  max-width: 100%;
}

massivemedia,
massiveheading {
  margin: 0 0 12px;
}

massiveheading {
  flex-flow: column nowrap;
}
massiveheading a {
  color: #34b1c7;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
massiveheading a:focus, massiveheading a:hover, massiveheading a:active {
  color: #33314e;
}
massiveheading overline,
massiveheading heading {
  display: block;
  width: 100%;
}
massiveheading overline {
  line-height: 24px;
}

massivemedia a {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border-radius: 3px;
  padding-bottom: 56.25%;
}
massivemedia a[data-attribution] {
  position: relative;
}
massivemedia a[data-attribution]:after {
  content: attr(data-attribution);
  display: block;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  padding: 6px;
  opacity: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: clamp(8px, 7.4128440367px + 0.0018348624 * 100vw, 12px);
  color: rgb(255, 255, 255);
  line-height: 1;
  letter-spacing: 0.0625em;
}
massivemedia a img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  width: 100%;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  massivemedia a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@supports (filter: blur(3px)) {
  massivemedia a img.non-deferred {
    filter: blur(3px);
  }
}

massivedescription > p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
massivedescription > p:last-of-type {
  margin-bottom: 0;
}
massivedescription > p a {
  color: #34b1c7;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
massivedescription > p a:focus, massivedescription > p a:hover, massivedescription > p a:active {
  color: #33314e;
}

navtile,
navtilewrapper,
navtiletitle,
navitemgroup,
navitemgroupcontent {
  position: relative;
  display: flex;
  box-sizing: border-box;
}

navtiletitle.centered {
  align-items: center;
  justify-content: flex-start;
}
navtiletitle a {
  flex: 0 0 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
}
navtiletitle a > * {
  width: 100%;
}
navtiletitle .navtile--title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  line-height: 24px;
  min-height: 24px;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  margin-bottom: 6px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
navtiletitle .navtile--title:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 16px; /* Preferred icon size */
  display: inline-block;
  line-height: 24px;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "arrow_forward";
  width: 24px;
  height: 24px;
  margin-left: 6px;
  transform: translate3d(-16px, 0, 0);
  transition: all 750ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
navtiletitle .navtile--secondarytext {
  opacity: 0.7;
}

massivenavitems {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-gap: 0;
  overflow: visible;
}
massivenavitems navtile {
  position: relative;
  z-index: 1;
  padding: 24px;
  border-radius: 3px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  opacity: 1;
}
massivenavitems navtilewrapper,
massivenavitems navtiletitle {
  flex: 0 0 100%;
}

.massivemenu--root[layout][layout=simple] {
  width: auto;
}

massivemenu[layout][layout=simple] {
  background: rgba(38, 38, 38, 0.97);
  border-radius: var(--material-radius);
}
massivemenu[layout][layout=simple] massivegroup {
  padding: 0;
  margin: 0;
  flex: 0 0 auto;
}
massivemenu[layout][layout=simple] massivenavitems {
  padding: 12px;
  grid-auto-rows: auto;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
massivemenu[layout][layout=simple] massivenavitems navtile {
  grid-column: auto/span 1;
  padding: 6px 12px;
  background: transparent;
  opacity: 0.7;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
massivemenu[layout][layout=simple] massivenavitems navtile:focus, massivemenu[layout][layout=simple] massivenavitems navtile:hover, massivemenu[layout][layout=simple] massivenavitems navtile:active {
  opacity: 1;
  background: #000000;
}
massivemenu[layout][layout=simple] massivenavitems navtiletitle .navtile--title {
  color: rgb(255, 255, 255);
  margin: 0;
  cursor: pointer;
  pointer-events: none;
}
massivemenu[effects] massivenavitems navtile {
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translate3d(0, 0, 0);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
massivemenu[effects] massivenavitems navtile:focus, massivemenu[effects] massivenavitems navtile:hover, massivemenu[effects] massivenavitems navtile:active {
  z-index: 2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translate3d(0, -6px, 0);
}
massivemenu[effects] massivenavitems navtile:focus .navtile--title, massivemenu[effects] massivenavitems navtile:hover .navtile--title, massivemenu[effects] massivenavitems navtile:active .navtile--title {
  color: var(--material-accent-color);
}
massivemenu[effects] massivenavitems navtile:focus .navtile--title:after, massivemenu[effects] massivenavitems navtile:hover .navtile--title:after, massivemenu[effects] massivenavitems navtile:active .navtile--title:after {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@keyframes scaleFadeIn {
  from {
    transform: scale(1.125);
    opacity: 0.001;
  }
  to {
    transform: scale(1.001);
    opacity: 0.999;
  }
}
@keyframes scaleFadeOut {
  to {
    transform: scale(1.125);
    opacity: 0.001;
  }
  from {
    transform: scale(1.001);
    opacity: 0.999;
  }
}
@keyframes fadeInTile {
  from {
    transform: translate3d(-24px, 0, 0);
    opacity: 0.001;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 0.999;
  }
}
@keyframes fadeOutTile {
  to {
    transform: translate3d(-24px, 0, 0);
    opacity: 0.001;
  }
  from {
    transform: translate3d(0, 0, 0);
    opacity: 0.999;
  }
}
massivemenu[animations] {
  box-shadow: none;
  align-items: center;
  justify-content: center;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
  perspective: 1000px;
  opacity: 0;
}
massivemenu[animations] massivegroup {
  opacity: 1;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 128ms;
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translate3d(0, 0, 0);
}
massivemenu[animations] massivegroup[inactive] {
  opacity: 0;
  transform: translate3d(-32px, 0, 0);
}
massivemenu[animations][active=false] massiveheading > *,
massivemenu[animations][active=false] massivemedia a img,
massivemenu[animations][active=false] massivedescription {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation-delay: 0ms;
}
massivemenu[animations][active=false] massivenavitems navtile {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation-delay: 0ms;
}
massivemenu[animations][active=false] massivenavitems navtile {
  animation: fadeOutTile 0ms;
}
massivemenu[animations][active=false] massiveheading > *,
massivemenu[animations][active=false] massivedescription {
  animation: fadeOutTile 0ms;
}
massivemenu[animations][active=false] massivemedia a img {
  animation: scaleFadeOut 0ms;
}
massivemenu[animations][active=true] {
  opacity: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
massivemenu[animations][active=true] massivemedia a img {
  animation: scaleFadeIn 1.25s both;
}
massivemenu[animations][active=true] massiveheading overline, massivemenu[animations][active=true] massiveheading heading {
  animation: fadeInTile 0.2s both;
}
massivemenu[animations][active=true] massiveheading overline {
  animation-delay: 500ms;
}
massivemenu[animations][active=true] massiveheading heading {
  animation-delay: 750ms;
}
massivemenu[animations][active=true] massivedescription {
  animation: fadeInTile 0.2s both;
  animation-delay: 1000ms;
}
massivemenu[animations][active=true] massivenavitems navtile {
  animation: fadeInTile 0.2s both;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(1) {
  transition-delay: 128ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(2) {
  transition-delay: 256ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(3) {
  transition-delay: 384ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(4) {
  transition-delay: 512ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(5) {
  transition-delay: 640ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(6) {
  transition-delay: 768ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(7) {
  transition-delay: 896ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(8) {
  transition-delay: 1024ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(9) {
  transition-delay: 1152ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(10) {
  transition-delay: 1280ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(11) {
  transition-delay: 1408ms;
}
massivemenu[animations][active=true] massivenavitems navtile:nth-child(12) {
  transition-delay: 1536ms;
}

cookieconsent.cookieconsent--root {
  opacity: 1;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--material-neutral-color);
  color: var(--material-primary-text-color);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 768px) {
  cookieconsent.cookieconsent--root {
    flex-flow: row nowrap;
  }
}
cookieconsent.cookieconsent--root[hidden] {
  display: none;
  pointer-events: none;
}
cookieconsent consentheader,
cookieconsent consentfooter,
cookieconsent consentcontent {
  position: relative;
  display: flex;
  padding: 24px;
}
cookieconsent consentheader {
  display: none;
  padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  cookieconsent consentheader {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
}
cookieconsent consentcontent {
  padding: 24px 24px 0;
}
@media only screen and (min-width: 768px) {
  cookieconsent consentcontent {
    padding: 24px;
    flex: 0 0 75%;
  }
}
@media only screen and (min-width: 1440px) {
  cookieconsent consentcontent {
    align-items: center;
    font-size: 14px;
    line-height: 1.3em;
    flex: 1 1 auto;
  }
}
@media only screen and (min-width: 1280px) {
  cookieconsent consentcontent {
    font-size: 16px;
  }
}
cookieconsent consentcontent .consentcontent--content * {
  color: inherit;
  font-size: inherit;
}
cookieconsent consentcontent .consentcontent--content a {
  font-weight: 700;
  text-decoration: underline;
}
cookieconsent consentcontent .consentcontent--content p:last-of-type {
  margin: 0;
}
cookieconsent consentfooter {
  align-items: center;
  justify-content: center;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  cookieconsent consentfooter {
    flex: 0 0 25%;
    flex-flow: column nowrap;
  }
}
@media only screen and (min-width: 768px) {
  cookieconsent consentfooter {
    flex: 0 0 25%;
    flex-flow: column nowrap;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  cookieconsent consentfooter {
    flex-flow: row-reverse nowrap;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1440px) {
  cookieconsent consentfooter {
    flex: 0 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  cookieconsent consentfooter .md-button:not(.js-cookie-close) {
    flex: 1 1 50%;
  }
}
@media only screen and (min-width: 768px) {
  cookieconsent consentfooter .md-button:not(.js-cookie-close) {
    flex: 1 1 auto;
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  cookieconsent consentfooter .md-button:not(.js-cookie-close) {
    width: auto;
  }
}
cookieconsent consentfooter .md-button:not(.js-cookie-close).js-cookie-info-button:not(.md-button--contained) {
  color: #34b1c7;
}
cookieconsent consentfooter .md-button.js-cookie-close {
  flex: 0 0 36px;
  max-width: 36px;
}
@media only screen and (min-width: 768px) {
  cookieconsent consentfooter .md-button.js-cookie-close {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
}
@media only screen and (min-width: 1280px) {
  cookieconsent consentfooter .md-button.js-cookie-close {
    position: relative;
    right: auto;
    top: auto;
    transform: translate3d(0, 0, 0);
  }
}

.cookieconsent--actions {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
}
.cookieconsent--actions .md-button {
  padding: 12px 48px;
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth, html.has-scroll-smooth body {
  overflow: hidden;
}
html.has-scroll-smooth body {
  height: 100%;
}
html.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

locomotivecontainer,
locomotivesection,
locomotiveheading,
locomotivebackground,
locomotivecontent,
locomotiveactions {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

locomotivecontainer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content auto;
  grid-gap: 0;
}

locomotivesection {
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  grid-column: 1/1;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  locomotivesection {
    min-height: 320px;
    min-height: 100svh;
  }
}
locomotivesection:nth-child(even) {
  background-color: pink;
}
locomotivesection[elevation="-1"] {
  z-index: -1;
}
locomotivesection[elevation="0"] {
  z-index: 0;
}
locomotivesection[elevation="1"] {
  z-index: 1;
}
locomotivesection[elevation="2"] {
  z-index: 2;
}
locomotivesection[elevation="3"] {
  z-index: 3;
}
locomotivesection[elevation="4"] {
  z-index: 4;
}
locomotivesection[elevation="5"] {
  z-index: 5;
}
locomotivesection[elevation="6"] {
  z-index: 6;
}
locomotivesection[elevation="7"] {
  z-index: 7;
}
locomotivesection[elevation="8"] {
  z-index: 8;
}
locomotivesection[elevation="9"] {
  z-index: 9;
}
locomotivesection[elevation="10"] {
  z-index: 10;
}
locomotivesection[elevation="11"] {
  z-index: 11;
}
locomotivesection[elevation="12"] {
  z-index: 12;
}
locomotivesection[elevation="13"] {
  z-index: 13;
}
locomotivesection[elevation="14"] {
  z-index: 14;
}
locomotivesection[elevation="15"] {
  z-index: 15;
}
locomotivesection[elevation="16"] {
  z-index: 16;
}
locomotivesection[elevation="17"] {
  z-index: 17;
}
locomotivesection[elevation="18"] {
  z-index: 18;
}
locomotivesection[elevation="19"] {
  z-index: 19;
}
locomotivesection[elevation="20"] {
  z-index: 20;
}
locomotivesection[elevation="21"] {
  z-index: 21;
}
locomotivesection[elevation="22"] {
  z-index: 22;
}
locomotivesection[elevation="23"] {
  z-index: 23;
}
locomotivesection[elevation="24"] {
  z-index: 24;
}
locomotivesection[elevation="99999"] {
  z-index: 99999;
}

locomotivecontent,
locomotiveheading {
  color: rgb(255, 255, 255);
}

locomotivecontentwrapper {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  grid-gap: 6px;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper {
    grid-column-gap: 24px;
    place-content: center;
  }
}
locomotivecontentwrapper {
  background: none;
  width: 100%;
  height: 100%;
  padding: clamp(48px, 34.2857142857px + 0.0428571429 * 100vw, 96px);
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper {
    height: auto;
  }
  locomotivecontentwrapper[aspectratio="1:1"], locomotivecontentwrapper[aspectratio="1:n"] {
    aspect-ratio: 1/1;
  }
  locomotivecontentwrapper[aspectratio="4:3"] {
    aspect-ratio: 4/3;
  }
  locomotivecontentwrapper[aspectratio="16:9"] {
    aspect-ratio: 16/9;
  }
  locomotivecontentwrapper[aspectratio="21/9"] {
    aspect-ratio: 21/9;
  }
}
locomotivecontentwrapper locomotivecontent,
locomotivecontentwrapper locomotiveheading {
  color: rgb(255, 255, 255);
}
locomotivecontentwrapper locomotivecontent > *,
locomotivecontentwrapper locomotiveheading > * {
  color: inherit;
}
locomotivecontentwrapper locomotiveheading h1, locomotivecontentwrapper locomotiveheading h2, locomotivecontentwrapper locomotiveheading h3, locomotivecontentwrapper locomotiveheading h4, locomotivecontentwrapper locomotiveheading h5, locomotivecontentwrapper locomotiveheading h6 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 900;
}
locomotivecontentwrapper locomotivecontent > p:last-of-type {
  margin-bottom: 0;
}
locomotivecontentwrapper locomotivecontent .uielementallocomotivesection--actions {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 24px;
}
locomotivecontentwrapper locomotivecontent .uielementallocomotivesection--actions .md-button {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper locomotivecontent .uielementallocomotivesection--actions {
    flex-flow: row nowrap;
  }
  locomotivecontentwrapper locomotivecontent .uielementallocomotivesection--actions .md-button {
    width: auto;
  }
}
locomotivecontentwrapper[collapsetop="1"] {
  padding-top: 0 !important;
}
locomotivecontentwrapper[collapsebottom="1"] {
  padding-bottom: 0 !important;
}
locomotivecontentwrapper[contentposition] {
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition] {
    grid-template-columns: repeat(12, 1fr);
  }
}
locomotivecontentwrapper[contentposition=center] locomotiveheading, locomotivecontentwrapper[contentposition=centre] locomotiveheading {
  grid-area: 1/1/2/2;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=center] locomotiveheading, locomotivecontentwrapper[contentposition=centre] locomotiveheading {
    grid-area: 1/3/2/11;
  }
}
locomotivecontentwrapper[contentposition=center] locomotivecontent, locomotivecontentwrapper[contentposition=centre] locomotivecontent {
  grid-area: 2/1/3/2;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=center] locomotivecontent, locomotivecontentwrapper[contentposition=centre] locomotivecontent {
    grid-area: 2/3/3/11;
  }
}
locomotivecontentwrapper[contentposition=center] locomotivecontent + locomotiveactions, locomotivecontentwrapper[contentposition=centre] locomotivecontent + locomotiveactions {
  margin-top: 24px;
}
locomotivecontentwrapper[contentposition=center] locomotivecontent .uielementallocomotivesection--actions, locomotivecontentwrapper[contentposition=centre] locomotivecontent .uielementallocomotivesection--actions {
  justify-content: center;
}
locomotivecontentwrapper[contentposition=center] locomotiveactions, locomotivecontentwrapper[contentposition=centre] locomotiveactions {
  grid-area: 3/1/4/2;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=center] locomotiveactions, locomotivecontentwrapper[contentposition=centre] locomotiveactions {
    grid-area: 3/3/4/11;
  }
}
locomotivecontentwrapper[contentposition=center] locomotiveactions, locomotivecontentwrapper[contentposition=centre] locomotiveactions {
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=center][compact="1"] locomotiveheading,
  locomotivecontentwrapper[contentposition=center][compact="1"] locomotivecontent,
  locomotivecontentwrapper[contentposition=center][compact="1"] locomotiveactions, locomotivecontentwrapper[contentposition=centre][compact="1"] locomotiveheading,
  locomotivecontentwrapper[contentposition=centre][compact="1"] locomotivecontent,
  locomotivecontentwrapper[contentposition=centre][compact="1"] locomotiveactions {
    grid-column-start: 4;
    grid-column-end: 10;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=center][compact="2"] locomotiveheading,
  locomotivecontentwrapper[contentposition=center][compact="2"] locomotivecontent,
  locomotivecontentwrapper[contentposition=center][compact="2"] locomotiveactions, locomotivecontentwrapper[contentposition=centre][compact="2"] locomotiveheading,
  locomotivecontentwrapper[contentposition=centre][compact="2"] locomotivecontent,
  locomotivecontentwrapper[contentposition=centre][compact="2"] locomotiveactions {
    grid-column-start: 5;
    grid-column-end: 9;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=center][compact="3"] locomotiveheading,
  locomotivecontentwrapper[contentposition=center][compact="3"] locomotivecontent,
  locomotivecontentwrapper[contentposition=center][compact="3"] locomotiveactions, locomotivecontentwrapper[contentposition=centre][compact="3"] locomotiveheading,
  locomotivecontentwrapper[contentposition=centre][compact="3"] locomotivecontent,
  locomotivecontentwrapper[contentposition=centre][compact="3"] locomotiveactions {
    grid-column-start: 6;
    grid-column-end: 8;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=left] locomotiveheading {
    grid-area: 1/1/2/7;
  }
  locomotivecontentwrapper[contentposition=left] locomotivecontent {
    grid-area: 2/1/3/7;
  }
  locomotivecontentwrapper[contentposition=left] locomotiveactions {
    grid-area: 3/1/4/7;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=left] locomotiveheading {
    grid-area: 1/1/2/6;
  }
  locomotivecontentwrapper[contentposition=left] locomotivecontent {
    grid-area: 2/1/3/6;
  }
  locomotivecontentwrapper[contentposition=left] locomotiveactions {
    grid-area: 3/1/4/6;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=left][compact="1"] locomotiveheading,
  locomotivecontentwrapper[contentposition=left][compact="1"] locomotivecontent,
  locomotivecontentwrapper[contentposition=left][compact="1"] locomotiveactions {
    grid-column-end: 6;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=left][compact="1"] locomotiveheading,
  locomotivecontentwrapper[contentposition=left][compact="1"] locomotivecontent,
  locomotivecontentwrapper[contentposition=left][compact="1"] locomotiveactions {
    grid-column-end: 5;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=left][compact="2"] locomotiveheading,
  locomotivecontentwrapper[contentposition=left][compact="2"] locomotivecontent,
  locomotivecontentwrapper[contentposition=left][compact="2"] locomotiveactions {
    grid-column-end: 5;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=left][compact="2"] locomotiveheading,
  locomotivecontentwrapper[contentposition=left][compact="2"] locomotivecontent,
  locomotivecontentwrapper[contentposition=left][compact="2"] locomotiveactions {
    grid-column-end: 4;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=left][compact="3"] locomotiveheading,
  locomotivecontentwrapper[contentposition=left][compact="3"] locomotivecontent,
  locomotivecontentwrapper[contentposition=left][compact="3"] locomotiveactions {
    grid-column-end: 4;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=left][compact="3"] locomotiveheading,
  locomotivecontentwrapper[contentposition=left][compact="3"] locomotivecontent,
  locomotivecontentwrapper[contentposition=left][compact="3"] locomotiveactions {
    grid-column-end: 3;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=right] locomotiveheading {
    grid-area: 1/7/2/13;
  }
  locomotivecontentwrapper[contentposition=right] locomotivecontent {
    grid-area: 2/7/3/13;
  }
  locomotivecontentwrapper[contentposition=right] locomotiveactions {
    grid-area: 3/7/4/13;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=right] locomotiveheading {
    grid-area: 1/8/2/13;
  }
  locomotivecontentwrapper[contentposition=right] locomotivecontent {
    grid-area: 2/8/3/13;
  }
  locomotivecontentwrapper[contentposition=right] locomotiveactions {
    grid-area: 3/8/4/13;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=right][compact="1"] locomotiveheading,
  locomotivecontentwrapper[contentposition=right][compact="1"] locomotivecontent,
  locomotivecontentwrapper[contentposition=right][compact="1"] locomotiveactions {
    grid-start-end: 8;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=right][compact="1"] locomotiveheading,
  locomotivecontentwrapper[contentposition=right][compact="1"] locomotivecontent,
  locomotivecontentwrapper[contentposition=right][compact="1"] locomotiveactions {
    grid-start-end: 9;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=right][compact="2"] locomotiveheading,
  locomotivecontentwrapper[contentposition=right][compact="2"] locomotivecontent,
  locomotivecontentwrapper[contentposition=right][compact="2"] locomotiveactions {
    grid-start-end: 9;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=right][compact="2"] locomotiveheading,
  locomotivecontentwrapper[contentposition=right][compact="2"] locomotivecontent,
  locomotivecontentwrapper[contentposition=right][compact="2"] locomotiveactions {
    grid-start-end: 10;
  }
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentposition=right][compact="3"] locomotiveheading,
  locomotivecontentwrapper[contentposition=right][compact="3"] locomotivecontent,
  locomotivecontentwrapper[contentposition=right][compact="3"] locomotiveactions {
    grid-start-end: 10;
  }
}
@media only screen and (min-width: 1024px) {
  locomotivecontentwrapper[contentposition=right][compact="3"] locomotiveheading,
  locomotivecontentwrapper[contentposition=right][compact="3"] locomotivecontent,
  locomotivecontentwrapper[contentposition=right][compact="3"] locomotiveactions {
    grid-start-end: 11;
  }
}
locomotivecontentwrapper[contentalign=center] locomotiveheading,
locomotivecontentwrapper[contentalign=center] locomotivecontent, locomotivecontentwrapper[contentalign=centre] locomotiveheading,
locomotivecontentwrapper[contentalign=centre] locomotivecontent {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentalign=center] locomotiveactions, locomotivecontentwrapper[contentalign=centre] locomotiveactions {
    justify-content: center;
  }
}
locomotivecontentwrapper[contentalign=left] locomotiveheading,
locomotivecontentwrapper[contentalign=left] locomotivecontent {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentalign=left] locomotiveactions {
    justify-content: flex-start;
  }
}
locomotivecontentwrapper[contentalign=right] locomotiveheading,
locomotivecontentwrapper[contentalign=right] locomotivecontent {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  locomotivecontentwrapper[contentalign=right] locomotiveactions {
    justify-content: flex-end;
  }
}

locomotiveactions {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
}
@media only screen and (min-width: 768px) {
  locomotiveactions {
    flex-flow: row nowrap;
    justify-content: flex-start;
    grid-gap: 24px;
  }
}
locomotiveactions .md-button {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  locomotiveactions .md-button {
    width: auto;
  }
}
@media only screen and (min-width: 1280px) {
  locomotiveactions .md-button {
    padding: 6px 24px;
  }
}
@media only screen and (min-width: 1440px) {
  locomotiveactions .md-button {
    padding: 12px 36px;
  }
}

locomotivebackground {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  aspect-ratio: 16/9;
  z-index: 1;
  filter: saturate(150%);
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}
.c-scrollbar:hover {
  transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: grabbing;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}
[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}
[data-scroll-direction=horizontal] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1);
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
  transform: scaleY(1.3);
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

.locomotivenav--container {
  position: fixed;
  z-index: 7;
  right: 12px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
@media only screen and (min-width: 768px) {
  .locomotivenav--container {
    right: 24px;
  }
}
.locomotivenav--root {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  grid-gap: 12px;
}
.locomotivenav .locomotivenav--item, .locomotivenav .locomotivenav--link {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}
.locomotivenav .locomotivenav--item:before {
  content: attr(data-label);
  font-size: clamp(10px, 9.4285714286px + 0.0017857143 * 100vw, 12px);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--material-text-color);
  display: block;
  z-index: 2;
  position: absolute;
  right: 100%;
  top: 50%;
  padding: 6px 12px;
  padding-right: 24px;
  background-color: rgb(255, 255, 255);
  clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 0% 100%);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(10%, -50%, 0);
  opacity: 0;
  pointer-events: none;
}
.locomotivenav .locomotivenav--item[selected] .locomotivenav--link:after {
  border: 6px solid rgb(255, 255, 255);
  background: var(--material-accent-color);
  transform: scale(0.99);
}
.locomotivenav .locomotivenav--item[active]:before, .locomotivenav .locomotivenav--item:hover:before, .locomotivenav .locomotivenav--item:active:before {
  transform: translate3d(-6px, -50%, 0);
  opacity: 1;
}
.locomotivenav .locomotivenav--item[active] .locomotivenav--link:after, .locomotivenav .locomotivenav--item:hover .locomotivenav--link:after, .locomotivenav .locomotivenav--item:active .locomotivenav--link:after {
  border: 6px solid rgb(255, 255, 255);
  background: var(--material-accent-color);
  transform: scale(0.99);
}
.locomotivenav .locomotivenav--link {
  z-index: 1;
  overflow: hidden;
  width: 24px;
  height: 24px;
}
.locomotivenav .locomotivenav--link:after {
  content: "";
  display: block;
  border: 3px solid white;
  background: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.5);
}
@media only screen and (min-width: 1280px) {
  .locomotivenav .locomotivenav--link:after {
    transform: scale(0.35);
  }
}
.locomotivenav .locomotivenav--link:after {
  transform-origin: 50% 50%;
  box-sizing: border-box;
}
.locomotivenav .locomotivenav--label {
  pointer-events: none;
  display: none;
}

.locomotiveprogress-container {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100vw;
  max-width: 100%;
  height: 0;
}

progress.locomotiveprogress {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  display: block;
  height: 3px;
  pointer-events: none;
}
progress.locomotiveprogress[value]::-webkit-progress-bar {
  background-color: transparent;
}
progress.locomotiveprogress[value]::-webkit-progress-value {
  background-color: var(--material-accent-color);
}

.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.glider {
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  transform: translateZ(0);
}

.glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}

.glider.draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: grab;
}

.glider.draggable .glider-slide img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.glider.drag {
  cursor: grabbing;
}

.glider-slide {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
  align-content: center;
  width: 100%;
}

.glider-slide img {
  max-width: 100%;
}

.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}

.glider-prev,
.glider-next {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  outline: none;
  background: none;
  padding: 0;
  z-index: 2;
  font-size: 40px;
  text-decoration: none;
  left: -23px;
  border: 0;
  top: 30%;
  cursor: pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.glider-prev:hover,
.glider-next:hover,
.glider-prev:focus,
.glider-next:focus {
  color: #a89cc8;
}

.glider-next {
  right: -23px;
  left: auto;
}

.glider-next.disabled,
.glider-prev.disabled {
  opacity: 0.25;
  color: #666;
  cursor: default;
}

.glider-slide {
  min-width: 150px;
}

.glider-hide {
  opacity: 0;
}

.glider-dots {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.glider-dot {
  border: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}

.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
  background: #a89cc8;
}

@media (max-width: 36em) {
  .glider::-webkit-scrollbar {
    opacity: 1;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }
  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  }
}
*[carousel] {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}
*[carousel][fullscreen] {
  width: 100vw;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 768px) {
  *[carousel][fullscreen] {
    max-width: 100%;
    max-height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  *[carousel][fullscreen] {
    max-width: 100%;
    max-height: 100%;
  }
}
*[carousel] dialogheading {
  position: absolute;
  left: 0;
  top: 0;
  filter: brightness(0) invert(1);
}
*[carousel] dialogcontent {
  padding: 0;
}
*[carousel] glider,
*[carousel] slider {
  display: block;
}
*[carousel] glider {
  width: 100vw;
  max-width: 100%;
}
*[carousel] glider .glider-track {
  display: flex;
  flex-flow: row nowrap;
  max-width: 100%;
}
*[carousel] glider[gap="4"] .glider-track {
  gap: 4px 4px;
}
*[carousel] glider[gap="8"] .glider-track {
  gap: 8px 8px;
}
*[carousel] glider[gap="12"] .glider-track {
  gap: 12px 12px;
}
*[carousel] glider[gap="16"] .glider-track {
  gap: 16px 16px;
}
*[carousel] glider[gap="20"] .glider-track {
  gap: 20px 20px;
}
*[carousel] glider[gap="24"] .glider-track {
  gap: 24px 24px;
}
*[carousel] glider slide {
  flex: 0 0 auto;
}
*[carousel] glider slide img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  filter: saturate(1.5);
  pointer-events: none;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
*[carousel] glider slide img[masked] {
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 18%);
          mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 18%);
}
*[carousel] glider[scale] slide img {
  transform: scale(0.75);
  -webkit-mask-position: top;
          mask-position: top;
  -webkit-mask-size: 100% 125%;
          mask-size: 100% 125%;
  box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14);
}
*[carousel] glider[scale] slide.active.visible img {
  transform: scale(1);
  -webkit-mask-position: bottom;
          mask-position: bottom;
  box-shadow: none;
}
*[carousel] glider[fade] slide {
  background: tint(#000000, 7%);
  --img-opacity: 0.25;
  --img-filter: saturate(0.5) grayscale(1) contrast(0.5);
}
*[carousel] glider[fade] slide img {
  opacity: var(--img-opacity);
  filter: var(--img-filter);
}
*[carousel] glider[fade] slide.active.visible {
  --img-opacity: 1;
  --img-filter: saturate(1.5) grayscale(0) contrast(1);
}
*[carousel] slidestats:before {
  transform: rotate(-45deg) translate3d(0, -50%, 0) scale(0.999);
}
*[carousel] slidestats,
*[carousel] slidestats stat {
  display: flex;
  position: relative;
}
*[carousel] slidestats {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  display: grid;
  grid-template-columns: [stack-start] 1fr [stack-end];
  grid-template-rows: [stack-start] 1fr [stack-end];
}
*[carousel] slidestats:before {
  position: absolute;
  left: 0;
  top: 50%;
  pointer-events: none;
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid rgb(255, 255, 255);
  transform-origin: center;
  transform: rotate(-45deg) translate3d(0, -50%, 0) scale(0.001);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 320ms;
}
*[carousel] slidestats stat {
  grid-area: stack;
  align-items: center;
  flex-flow: row nowrap;
  font-weight: 400;
  font-size: 10px;
  color: rgb(255, 255, 255);
  flex: 0 0 100%;
  height: 24px;
  line-height: 24px;
}
*[carousel] slidestats stat[current] {
  justify-content: flex-start;
}
*[carousel] slidestats stat[total] {
  justify-content: flex-end;
}
*[carousel] slidestats[multislide]:before,
*[carousel] slidestats[multislide] stat[total] {
  display: none;
}
*[carousel] slidestats[multislide] stat[current] {
  text-align: center;
  justify-content: center;
}
*[carousel] slidestats[swap] stat[current] {
  justify-content: flex-end;
}
*[carousel] slidestats[swap] stat[total] {
  justify-content: flex-start;
}
*[carousel] pagination,
*[carousel] controls {
  position: absolute;
  z-index: 4;
}
*[carousel] pagination {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  gap: clamp(6px, 4px + 0.00625 * 100vw, 12px);
  margin: 0;
  padding: 0;
  left: 50%;
  bottom: 0;
  transform: translate3d(-50%, -24px, 0);
}
*[carousel] pagination button {
  min-width: 0;
  width: 12px;
  height: 12px;
  overflow: hidden;
  border-radius: 50%;
  line-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0.875;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
*[carousel] pagination button:not(.active) {
  background: var(--material-neutral-color);
  transform: scale(0.6);
}
*[carousel] pagination button:hover, *[carousel] pagination button:active, *[carousel] pagination button.active {
  opacity: 1;
  transform: scale(1);
  background: var(--material-accent-color);
}
*[carousel] controls {
  --button-size-w: 144px;
  --button-size-h: 96px;
  box-sizing: border-box;
  display: grid;
  align-items: center;
  place-content: center;
  grid-template-columns: [prev-start] var(--button-size-w) [prev-end] repeat(1, 1fr) [next-start] var(--button-size-w) [next-end];
  pointer-events: none;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate3d(0, -50%, 0);
}
*[carousel] controls button {
  position: relative;
  all: unset;
  outline: revert;
  pointer-events: auto;
  min-width: 0;
  width: var(--button-size-w);
  height: var(--button-size-h);
  overflow: visible;
  border-radius: 50%;
  line-height: 0;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  border-radius: 0;
  background: none;
}
*[carousel] controls button:focus, *[carousel] controls button:hover, *[carousel] controls button:active {
  border-radius: 0;
  background: none;
}
*[carousel] controls button:focus [label], *[carousel] controls button:hover [label], *[carousel] controls button:active [label] {
  background: rgba(0, 0, 0, 0.5);
}
*[carousel] controls button:focus [label] slidestats:before, *[carousel] controls button:hover [label] slidestats:before, *[carousel] controls button:active [label] slidestats:before {
  transform: rotate(-45deg) translate3d(0, -50%, 0) scale(0.5);
}
*[carousel] controls button [label],
*[carousel] controls button [label] icon {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
*[carousel] controls button [label] {
  color: var(--material-neutral-color);
  background: rgba(0, 0, 0, 0.001);
  border-radius: var(--material-radius);
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  min-width: 100%;
  width: 144px;
  height: 100%;
  padding: 0 24px;
  display: grid;
  grid-template-columns: [left-start] 1fr [left-end right-start] 1fr [right-end];
  grid-auto-flow: column;
  place-items: center;
  place-content: center;
}
*[carousel] controls button [label] icon {
  transition-delay: 256ms;
  width: 24px;
  height: 24px;
  aspect-ratio: 1 / 1;
}
*[carousel] controls button [label] slidestats {
  opacity: 0;
}
*[carousel] controls button [label] slidestats stat {
  font-size: 12px;
}
*[carousel] controls button[prev] {
  grid-column: prev;
}
*[carousel] controls button[prev] slidestats {
  grid-column: left;
}
*[carousel] controls button[prev] icon {
  grid-column: right;
  transform: translate3d(12px, 0, 0);
}
*[carousel] controls button[prev] [label] {
  transform: translate3d(-24px, 0, 0);
}
*[carousel] controls button[next] {
  grid-column: next;
}
*[carousel] controls button[next] slidestats {
  grid-column: right;
}
*[carousel] controls button[next] icon {
  grid-column: left;
  transform: translate3d(-12px, 0, 0);
  transition-delay: 25ms;
}
*[carousel] controls button[next] [label] {
  transform: translate3d(24px, 0, 0);
  transition-delay: 25ms;
}
*[carousel] controls button:focus [label], *[carousel] controls button:hover [label], *[carousel] controls button:active [label] {
  background: rgba(0, 0, 0, 0.65);
}
*[carousel] controls button:focus [label] slidestats, *[carousel] controls button:hover [label] slidestats, *[carousel] controls button:active [label] slidestats {
  opacity: 1;
}
*[carousel] controls button:focus[prev] icon,
*[carousel] controls button:focus[prev] [label], *[carousel] controls button:hover[prev] icon,
*[carousel] controls button:hover[prev] [label], *[carousel] controls button:active[prev] icon,
*[carousel] controls button:active[prev] [label] {
  transition-delay: 0ms;
  transform: translate3d(0, 0, 0);
}
*[carousel] controls button:focus[next] icon,
*[carousel] controls button:focus[next] [label], *[carousel] controls button:hover[next] icon,
*[carousel] controls button:hover[next] [label], *[carousel] controls button:active[next] icon,
*[carousel] controls button:active[next] [label] {
  transition-delay: 0ms;
  transform: translate3d(0, 0, 0);
}
*[carousel] .progress-container {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100vw;
  max-width: 100%;
  height: 0;
}
*[carousel] progress {
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  display: block;
  height: 3px;
  pointer-events: none;
}
*[carousel] progress[value]::-webkit-progress-bar {
  background-color: transparent;
}
*[carousel] progress[value]::-webkit-progress-value {
  background-color: var(--material-accent-color);
}

html.md-no-scroll, html body.md-no-scroll {
  overflow: hidden;
}

body * {
  box-sizing: border-box;
}

.hidden {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

.hidden-visually {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

.uiloading {
  background: #F7F7F7;
}

.md-anchor {
  cursor: default;
}

main.main {
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
}

.main {
  position: relative;
}
.main:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  z-index: 1000;
  pointer-events: none;
  background-size: 12px 12px;
  background: linear-gradient(rgba(29, 161, 255, 0.2) 1px, transparent 1px) repeat left top/12px 12px;
}
.main--inner {
  flex-flow: column nowrap;
  padding: 0 24px;
}
@media only screen and (min-width: 1024px) {
  .main--inner {
    padding: 0;
  }
}
.main--inner > * {
  width: 100%;
}

html[data-grid="1"] .main::after {
  display: block;
}

.entry-content {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.entry-content *.h1, .entry-content *.h2, .entry-content *.h3, .entry-content *.h4, .entry-content *.h5, .entry-content *.h6 {
  margin: 0 0 24px;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.1;
  display: block;
  clear: both;
  color: var(--material-secondary-text-color);
  overflow-wrap: break-word;
}
.entry-content h1.md-typography--display, .entry-content h2.md-typography--display, .entry-content h3.md-typography--display, .entry-content h4.md-typography--display, .entry-content h5.md-typography--display, .entry-content h6.md-typography--display,
.entry-content *.h1.md-typography--display, .entry-content *.h2.md-typography--display, .entry-content *.h3.md-typography--display, .entry-content *.h4.md-typography--display, .entry-content *.h5.md-typography--display, .entry-content *.h6.md-typography--display {
  font-family: "Poppins", sans-serif;
}
.entry-content h1 a:not(.md-button), .entry-content h2 a:not(.md-button), .entry-content h3 a:not(.md-button), .entry-content h4 a:not(.md-button), .entry-content h5 a:not(.md-button), .entry-content h6 a:not(.md-button),
.entry-content *.h1 a:not(.md-button), .entry-content *.h2 a:not(.md-button), .entry-content *.h3 a:not(.md-button), .entry-content *.h4 a:not(.md-button), .entry-content *.h5 a:not(.md-button), .entry-content *.h6 a:not(.md-button) {
  font-weight: inherit;
}
.entry-content h1.md-typography--color-white, .entry-content h1.md-typography--color-reverse, .entry-content h2.md-typography--color-white, .entry-content h2.md-typography--color-reverse, .entry-content h3.md-typography--color-white, .entry-content h3.md-typography--color-reverse, .entry-content h4.md-typography--color-white, .entry-content h4.md-typography--color-reverse, .entry-content h5.md-typography--color-white, .entry-content h5.md-typography--color-reverse, .entry-content h6.md-typography--color-white, .entry-content h6.md-typography--color-reverse,
.entry-content *.h1.md-typography--color-white,
.entry-content *.h1.md-typography--color-reverse, .entry-content *.h2.md-typography--color-white, .entry-content *.h2.md-typography--color-reverse, .entry-content *.h3.md-typography--color-white, .entry-content *.h3.md-typography--color-reverse, .entry-content *.h4.md-typography--color-white, .entry-content *.h4.md-typography--color-reverse, .entry-content *.h5.md-typography--color-white, .entry-content *.h5.md-typography--color-reverse, .entry-content *.h6.md-typography--color-white, .entry-content *.h6.md-typography--color-reverse {
  color: rgb(255, 255, 255);
}
.entry-content h1.text-center, .entry-content h2.text-center, .entry-content h3.text-center, .entry-content h4.text-center, .entry-content h5.text-center, .entry-content h6.text-center,
.entry-content *.h1.text-center, .entry-content *.h2.text-center, .entry-content *.h3.text-center, .entry-content *.h4.text-center, .entry-content *.h5.text-center, .entry-content *.h6.text-center {
  text-align: center;
}
.entry-content h1, .entry-content *.h1,
.entry-content h2, .entry-content *.h2 {
  position: relative;
  text-transform: uppercase;
}
.entry-content h1:before, .entry-content *.h1:before,
.entry-content h2:before, .entry-content *.h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 6px solid var(--material-accent-color);
  pointer-events: none;
  transform: translate3d(-24px, 0, 0);
}
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.entry-content *.h3, .entry-content *.h4, .entry-content *.h5, .entry-content *.h6 {
  color: var(--material-text-color);
}
.entry-content .md-typography-h1, .entry-content h1, .entry-content *.h1 {
  font-size: clamp(32px, 13.7142857143px + 0.0571428571 * 100vw, 96px);
}
.entry-content .md-typography-h2, .entry-content h2, .entry-content *.h2 {
  font-size: clamp(28px, 18.8571428571px + 0.0285714286 * 100vw, 60px);
}
.entry-content .md-typography-h3, .entry-content h3, .entry-content *.h3 {
  font-size: clamp(18px, 9.4285714286px + 0.0267857143 * 100vw, 48px);
}
.entry-content .md-typography-h4, .entry-content h4, .entry-content *.h4 {
  font-size: clamp(16px, 10.8571428571px + 0.0160714286 * 100vw, 34px);
}
.entry-content .md-typography-h5, .entry-content h5, .entry-content *.h5 {
  font-size: clamp(16px, 13.7142857143px + 0.0071428571 * 100vw, 24px);
}
.entry-content .md-typography-h6, .entry-content h6, .entry-content *.h6 {
  font-size: clamp(14px, 13.4285714286px + 0.0017857143 * 100vw, 16px);
}
.entry-content table th, .entry-content table td,
.entry-content .p, .entry-content p,
.entry-content dl dl, .entry-content dl ul, .entry-content dl, .entry-content ol, .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul, .entry-content dt, .entry-content dd, .entry-content li,
.entry-content pre {
  font-size: clamp(15px, 14.5596330275px + 0.0013761468 * 100vw, 18px);
}
.entry-content ul.md-list-reset, .entry-content ol.md-list-reset {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex-flow: column nowrap;
}
.entry-content ul.md-list-reset li, .entry-content ol.md-list-reset li {
  box-sizing: border-box;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.entry-content ul.md-list-reset li, .entry-content ol.md-list-reset li {
  display: block;
  width: 100%;
}
.entry-content ul.md-list-reset li a, .entry-content ol.md-list-reset li a {
  display: inline-block;
}
.entry-content a:not(.md-button) {
  color: #EE4036;
  text-decoration: none;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.entry-content a:not(.md-button):focus, .entry-content a:not(.md-button):hover, .entry-content a:not(.md-button):active {
  color: tint(#EE4036, 16%);
}
.entry-content .leftAlone {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .entry-content .leftAlone {
    float: left;
    margin-right: 24px;
    max-width: 360px;
  }
}
@media only screen and (min-width: 1024px) {
  .entry-content .leftAlone {
    margin-right: 36px;
    max-width: 391.992px;
  }
}
@media only screen and (min-width: 1280px) {
  .entry-content .leftAlone {
    margin-right: 48px;
    max-width: 528px;
  }
}
@media only screen and (min-width: 768px) {
  .entry-content .rightAlone {
    float: right;
    max-width: 360px;
  }
}
@media only screen and (min-width: 1024px) {
  .entry-content .rightAlone {
    margin-left: 36px;
    max-width: 391.992px;
  }
}
@media only screen and (min-width: 1280px) {
  .entry-content .rightAlone {
    margin-left: 48px;
    max-width: 528px;
  }
}
.entry-content .left {
  float: left;
}
.entry-content .right {
  float: right;
}
.entry-content .center,
.entry-content .center img {
  width: 100%;
  max-width: 100%;
}
.entry-content p,
.entry-content img {
  max-width: 100%;
}
.entry-content p img.center {
  width: auto !important;
  margin: auto;
}
.entry-content p a:not(.md-button) {
  text-decoration: none;
  font-weight: 700;
  color: #EE4036;
}
.entry-content p a:not(.md-button):focus, .entry-content p a:not(.md-button):hover, .entry-content p a:not(.md-button):active {
  color: tint(#EE4036, 16%);
}
.entry-content p.text-center {
  text-align: center;
}
.entry-content p.md-typography--copydeck {
  font-size: clamp(18px, 16.8571428571px + 0.0035714286 * 100vw, 22px);
}
.entry-content strong {
  font-weight: 600;
}
.entry-content img {
  height: auto;
  opacity: 1;
  transform: scale(1);
}
.entry-content img.leftAlone, .entry-content img.rightAlone {
  margin-top: 24px;
  margin-bottom: 24px;
}
.entry-content img.non-deferred {
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.entry-content blockquote {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  font-size: clamp(20px, 19.4128440367px + 0.0018348624 * 100vw, 24px);
  font-style: italic;
  font-weight: 100;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .entry-content blockquote {
    padding: 48px;
    margin: 72px 0;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1600px) {
  .entry-content blockquote {
    padding: 48px 96px;
  }
}
.entry-content blockquote:before, .entry-content blockquote:after {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 192px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.entry-content blockquote:before {
  border-bottom: 2px solid rgb(240, 240, 240);
  top: 0;
}
.entry-content blockquote:after {
  border-top: 2px solid rgb(240, 240, 240);
  bottom: 0;
}
.entry-content blockquote.blockquote--weight-thin {
  padding: 0;
  margin: 0;
}
.entry-content blockquote.blockquote--weight-thin:before, .entry-content blockquote.blockquote--weight-thin:after {
  content: none !important;
  display: none;
}
.entry-content blockquote.blockquote--weight-light {
  padding: 24px 0;
  margin: 0;
}
.entry-content blockquote.blockquote--weight-heavy {
  padding: 48px 0;
  margin: 48px 0;
}
.entry-content blockquote.blockquote--weight-chunky {
  padding: 60px 0;
  margin: 60px 0;
}
.entry-content blockquote.blockquote--align-left {
  text-align: left;
  padding-left: 24px;
}
.entry-content blockquote.blockquote--align-right {
  text-align: right;
  padding-right: 24px;
}
.entry-content blockquote.blockquote--align-center {
  text-align: center;
}
.entry-content blockquote.blockquote--decoration {
  position: relative;
}
.entry-content blockquote.blockquote--decoration:before, .entry-content blockquote.blockquote--decoration:after {
  content: "" !important;
  display: block;
  position: absolute;
  opacity: 1;
  visibility: visible;
  border: none;
  width: 15.984px;
  max-width: 15.984px;
  height: 15.984px;
}
.entry-content blockquote.blockquote--decoration:before {
  left: 0;
  top: 0.4em;
  transform: translate3d(0, 0, 0);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='m0,279.3C0,125.9,82.51,68.8,214.77,64.53l15.85,77.22c-70.89,8.48-105.77,42.33-102.58,99.44h78.25v206.28H0v-168.17Zm280.35,0c0-153.4,83.55-210.5,214.72-214.77l16.92,77.22c-70.89,8.48-105.81,42.33-103.66,99.44h78.25v206.28h-206.24v-168.17Z'%20fill='%23ee4036'/%3e%3c/svg%3e") no-repeat center center/contain;
}
.entry-content blockquote.blockquote--decoration:after {
  content: none !important;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='m512,232.7c0,153.4-82.51,210.5-214.77,214.77l-15.85-77.22c70.89-8.48,105.77-42.33,102.58-99.44h-78.25V64.53h206.28v168.17Zm-280.35,0c0,153.4-83.55,210.5-214.72,214.77L0,370.25c70.89-8.48,105.81-42.33,103.66-99.44H25.41V64.53h206.24v168.17Z'%20fill='%23ee4036'/%3e%3c/svg%3e") no-repeat center center/contain;
}
.entry-content blockquote p,
.entry-content blockquote cite {
  font-size: inherit;
  line-height: inherit;
  opacity: 0.87;
  text-align: inherit;
}
.entry-content blockquote p:last-of-type,
.entry-content blockquote cite:last-of-type {
  margin: 0;
}
.entry-content blockquote p {
  font-weight: 400;
}
.entry-content blockquote cite {
  font-size: clamp(12px, 11.5596330275px + 0.0013761468 * 100vw, 15px);
  font-weight: 400;
  opacity: 0.54;
  margin-top: 24px;
}
.entry-content blockquote.alignLeft, .entry-content blockquote.text-left, .entry-content blockquote.alignRight, .entry-content blockquote.text-right {
  max-width: 40%;
}
.entry-content blockquote.alignLeft:before, .entry-content blockquote.alignLeft:after, .entry-content blockquote.text-left:before, .entry-content blockquote.text-left:after, .entry-content blockquote.alignRight:before, .entry-content blockquote.alignRight:after, .entry-content blockquote.text-right:before, .entry-content blockquote.text-right:after {
  content: none;
  border: none;
  font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
  font-size: clamp(32px, 27.3027522936px + 0.0146788991 * 100vw, 64px);
  line-height: 1;
  opacity: 0.54;
  width: auto;
  transform: translate3d(0, 0, 0);
}
.entry-content blockquote.alignLeft, .entry-content blockquote.text-left {
  padding: 0 0 0 48px;
  float: left;
  margin: 0 72px 48px -96px;
  text-align: left;
}
.entry-content blockquote.alignLeft:before, .entry-content blockquote.text-left:before {
  content: "“";
  left: 0;
  top: 0;
}
.entry-content blockquote.alignRight, .entry-content blockquote.text-right {
  padding: 0 48px 0 0;
  float: right;
  margin: 0 -96px 48px 72px;
  text-align: right;
}
.entry-content blockquote.alignRight:after, .entry-content blockquote.text-right:after {
  content: "”";
  right: 0;
  top: 0;
}
.entry-content .captionImage {
  display: block;
  width: 100%;
  max-width: 100%;
  transform: translate3d(0, 8px, 0);
}
@media only screen and (max-width: 1023px) {
  .entry-content .captionImage {
    margin-bottom: 24px;
  }
}
.entry-content .captionImage.leftAlone {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .entry-content .captionImage.leftAlone {
    float: left;
    margin-right: 24px;
    max-width: 360px;
  }
}
@media only screen and (min-width: 1024px) {
  .entry-content .captionImage.leftAlone {
    margin-right: 36px;
    max-width: 391.992px;
  }
}
@media only screen and (min-width: 1280px) {
  .entry-content .captionImage.leftAlone {
    margin-right: 48px;
    max-width: 528px;
  }
}
@media only screen and (min-width: 768px) {
  .entry-content .captionImage.rightAlone {
    float: right;
    max-width: 360px;
  }
}
@media only screen and (min-width: 1024px) {
  .entry-content .captionImage.rightAlone {
    margin-left: 36px;
    max-width: 391.992px;
  }
}
@media only screen and (min-width: 1280px) {
  .entry-content .captionImage.rightAlone {
    margin-left: 48px;
    max-width: 528px;
  }
}
.entry-content .captionImage.left {
  float: left;
}
.entry-content .captionImage.right {
  float: right;
}
.entry-content .captionImage.center, .entry-content .captionImage.center img {
  width: 100% !important;
  max-width: 100%;
}
.entry-content .captionImage.leftAlone img, .entry-content .captionImage.rightAlone img, .entry-content .captionImage.center img {
  transform: translate3d(0, 0, 0);
}
.entry-content .captionImage.leftAlone img.non-deferred, .entry-content .captionImage.rightAlone img.non-deferred, .entry-content .captionImage.center img.non-deferred {
  transform: scale(1.125) translate3d(0, 0, 0);
}
.entry-content .captionImage img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .entry-content .captionImage img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.entry-content .captionImage img.leftAlone, .entry-content .captionImage img.rightAlone {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-content .captionImage img.leftAlone.non-deferred, .entry-content .captionImage img.rightAlone.non-deferred {
  transform: scale(1.125) translate3d(0, 0, 0);
}
.entry-content .captionImage img.center.non-deferred {
  transform: scale(1.125) translate3d(0, 0, 0);
}
.entry-content .captionImage .caption {
  font-size: clamp(8px, 7.4128440367px + 0.0018348624 * 100vw, 12px);
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
  opacity: 0.7;
  padding: 12px 0;
  margin: 0;
}
.entry-content .captionImage .caption.leftAlone, .entry-content .captionImage .caption.rightAlone {
  transform: translate3d(0, 0, 0);
}
.entry-content .accredited-image {
  position: relative;
  overflow: hidden;
}
.entry-content .accredited-image img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
  display: block;
}
.entry-content .accredited-image[data-attribution] {
  position: relative;
}
.entry-content .accredited-image[data-attribution]:after {
  content: attr(data-attribution);
  display: block;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  padding: 6px;
  opacity: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-size: clamp(8px, 7.4128440367px + 0.0018348624 * 100vw, 12px);
  color: rgb(255, 255, 255);
  line-height: 1;
  letter-spacing: 0.0625em;
}
.entry-content .ss-htmleditorfield-file.embed {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
}
.entry-content .ss-htmleditorfield-file.embed img.placeholder,
.entry-content .ss-htmleditorfield-file.embed iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.entry-content table {
  width: 100%;
  max-width: 100%;
  margin: 0 0 24px;
}

.md-sociallinks--root {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 100%;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  margin: 0;
}
.md-sociallinks--item, .md-sociallinks--link {
  display: flex;
}
.md-sociallinks--item {
  padding: 4px;
  flex: 0 0 36px;
}
.md-sociallinks--link {
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 36px;
  height: 36px;
  width: 36px;
}
.md-sociallinks--link[class*=socicon] {
  border-radius: 50%;
  overflow: hidden;
}
.md-sociallinks--link[class*=socicon]:before {
  font-size: 24px;
}
.md-sociallinks--link.socicon-facebook, .md-sociallinks--link.socicon-instagram, .md-sociallinks--link.socicon-twitter, .md-sociallinks--link.socicon-youtube, .md-sociallinks--link.socicon-linkedin, .md-sociallinks--link.socicon-pinterest, .md-sociallinks--link.socicon-tripadvisor, .md-sociallinks--link.socicon-email {
  background-color: #000000;
}
.md-sociallinks--link.socicon-facebook:before, .md-sociallinks--link.socicon-instagram:before, .md-sociallinks--link.socicon-twitter:before, .md-sociallinks--link.socicon-youtube:before, .md-sociallinks--link.socicon-linkedin:before, .md-sociallinks--link.socicon-pinterest:before, .md-sociallinks--link.socicon-tripadvisor:before, .md-sociallinks--link.socicon-email:before {
  color: #000000;
}
.md-sociallinks--link.socicon-facebook--branded:before, .md-sociallinks--link.socicon-instagram--branded:before, .md-sociallinks--link.socicon-twitter--branded:before, .md-sociallinks--link.socicon-youtube--branded:before, .md-sociallinks--link.socicon-linkedin--branded:before, .md-sociallinks--link.socicon-pinterest--branded:before, .md-sociallinks--link.socicon-tripadvisor--branded:before, .md-sociallinks--link.socicon-email--branded:before {
  color: rgb(255, 255, 255);
}
.md-sociallinks--link.socicon-facebook:before {
  content: "\e903";
}
.md-sociallinks--link.socicon-facebook--branded {
  background-color: #1877f2;
}
.md-sociallinks--link.socicon-instagram:before {
  content: "\e905";
}
.md-sociallinks--link.socicon-instagram--branded {
  background-color: #e4405f;
}
.md-sociallinks--link.socicon-twitter:before {
  content: "\e90d";
}
.md-sociallinks--link.socicon-twitter--branded {
  background-color: #1da1f2;
}
.md-sociallinks--link.socicon-youtube:before {
  content: "\e90f";
}
.md-sociallinks--link.socicon-youtube--branded {
  background-color: #f00;
}
.md-sociallinks--link.socicon-linkedin:before {
  content: "\e907";
}
.md-sociallinks--link.socicon-linkedin--branded {
  background-color: #2867B2;
}
.md-sociallinks--link.socicon-pinterest:before {
  content: "\e909";
}
.md-sociallinks--link.socicon-pinterest--branded {
  background-color: #BD081C;
}
.md-sociallinks--link.socicon-tripadvisor:before {
  content: "\e90b";
}
.md-sociallinks--link.socicon-tripadvisor--branded {
  background-color: #00AF87;
}
.md-sociallinks--link.socicon-email:before {
  content: "\e901";
}
.md-sociallinks--link.socicon-email--branded {
  background-color: #0088CC;
}
.md-sociallinks--label {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

center .md-sociallinks--root {
  align-items: center;
  justify-content: center;
}

uielementalcontainer,
uielemental,
uielementalactions {
  display: flex;
  position: relative;
  box-sizing: border-box;
}

uielementalcontainer {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
uielementalcontainer uielementalheader {
  margin-bottom: 24px;
}
uielementalcontainer uielementalfooter {
  margin-top: 24px;
}
uielementalcontainer .uielemental--googlemap-fullwidth {
  width: 100%;
}

.uielementalcontainer[elevation="0"],
uielementalcontainer[elevation="0"] {
  z-index: 0;
}
.uielementalcontainer[elevation="1"],
uielementalcontainer[elevation="1"] {
  z-index: 1;
}
.uielementalcontainer[elevation="2"],
uielementalcontainer[elevation="2"] {
  z-index: 2;
}
.uielementalcontainer[elevation="3"],
uielementalcontainer[elevation="3"] {
  z-index: 3;
}
.uielementalcontainer[elevation="4"],
uielementalcontainer[elevation="4"] {
  z-index: 4;
}
.uielementalcontainer[elevation="5"],
uielementalcontainer[elevation="5"] {
  z-index: 5;
}
.uielementalcontainer[elevation="6"],
uielementalcontainer[elevation="6"] {
  z-index: 6;
}
.uielementalcontainer[elevation="7"],
uielementalcontainer[elevation="7"] {
  z-index: 7;
}
.uielementalcontainer[elevation="8"],
uielementalcontainer[elevation="8"] {
  z-index: 8;
}
.uielementalcontainer[elevation="9"],
uielementalcontainer[elevation="9"] {
  z-index: 9;
}
.uielementalcontainer[elevation="10"],
uielementalcontainer[elevation="10"] {
  z-index: 10;
}
.uielementalcontainer[elevation="11"],
uielementalcontainer[elevation="11"] {
  z-index: 11;
}
.uielementalcontainer[elevation="12"],
uielementalcontainer[elevation="12"] {
  z-index: 12;
}
.uielementalcontainer[elevation="13"],
uielementalcontainer[elevation="13"] {
  z-index: 13;
}
.uielementalcontainer[elevation="14"],
uielementalcontainer[elevation="14"] {
  z-index: 14;
}
.uielementalcontainer[elevation="15"],
uielementalcontainer[elevation="15"] {
  z-index: 15;
}
.uielementalcontainer[elevation="16"],
uielementalcontainer[elevation="16"] {
  z-index: 16;
}
.uielementalcontainer[elevation="17"],
uielementalcontainer[elevation="17"] {
  z-index: 17;
}
.uielementalcontainer[elevation="18"],
uielementalcontainer[elevation="18"] {
  z-index: 18;
}
.uielementalcontainer[elevation="19"],
uielementalcontainer[elevation="19"] {
  z-index: 19;
}
.uielementalcontainer[elevation="20"],
uielementalcontainer[elevation="20"] {
  z-index: 20;
}
.uielementalcontainer[elevation="21"],
uielementalcontainer[elevation="21"] {
  z-index: 21;
}
.uielementalcontainer[elevation="22"],
uielementalcontainer[elevation="22"] {
  z-index: 22;
}
.uielementalcontainer[elevation="23"],
uielementalcontainer[elevation="23"] {
  z-index: 23;
}
.uielementalcontainer[elevation="24"],
uielementalcontainer[elevation="24"] {
  z-index: 24;
}
.uielementalcontainer[elevation="99999"],
uielementalcontainer[elevation="99999"] {
  z-index: 99999;
}

uielementalimage,
uielementalheaderimage,
parallaximage {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  backface-visibility: hidden;
}

.md-utilitynav .navgroup-list,
.md-primarynav .navgroup-list {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.md-utilitynav .navgroup-list li,
.md-primarynav .navgroup-list li {
  box-sizing: border-box;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

.md-appbar--root {
  display: flex;
  flex-flow: row nowrap;
  width: 100vw;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  transform: translate3d(0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  transition: all 128ms cubic-bezier(0.4, 0, 1, 1);
}
.md-appbar--root--fixed {
  position: fixed;
}
.md-appbar--root searchform {
  z-index: 1;
}
.md-appbar--root.md-appbar--utilitynav {
  padding-top: 24px;
}
@media only screen and (min-width: 768px) {
  .md-appbar--root.md-appbar--utilitynav {
    padding-top: 36px;
  }
}
@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
  .md-appbar--blur {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}
.md-appbar--cta span,
.md-appbar--cta .md-icon, .md-appbar--toggle span,
.md-appbar--toggle .md-icon {
  letter-spacing: 0;
  pointer-events: none;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1280px) {
  .md-appbar--cta, .md-appbar--toggle {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}
.md-appbar--cta {
  position: relative;
  background: var(--material-accent-color);
  border-radius: 50%;
  color: var(--material-neutral-color);
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0 12px 0 0;
  overflow: hidden;
}
.md-appbar--cta .md-icon, .md-appbar--cta::before {
  pointer-events: none;
  opacity: 0;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-appbar--cta .md-icon {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.md-appbar--cta::before {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate3d(-100%, -50%, 0);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "check";
  opacity: 0;
}
.md-appbar--cta:focus, .md-appbar--cta:hover, .md-appbar--cta:active {
  background-color: var(--material-accent-color-dark);
}
.md-appbar--cta:focus .md-icon, .md-appbar--cta:hover .md-icon, .md-appbar--cta:active .md-icon {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.md-appbar--cta:focus::before, .md-appbar--cta:hover::before, .md-appbar--cta:active::before {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0);
}
.md-appbar .md-primarynav--root {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.md-appbar .md-primarynav--root li {
  box-sizing: border-box;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.md-appbar .md-primarynav--item {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .md-appbar .md-primarynav--item {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .md-appbar .md-primarynav--item-quote, .md-appbar .md-primarynav--item-search {
    display: flex;
  }
}
.md-appbar .md-primarynav--item-quote .md-button {
  letter-spacing: 0;
  font-weight: 400;
  line-height: 24px;
  padding: 0 12px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: none;
}
.md-appbar .md-primarynav--item-quote .md-button:focus, .md-appbar .md-primarynav--item-quote .md-button:hover, .md-appbar .md-primarynav--item-quote .md-button:active {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12);
}
.md-appbar .md-primarynav--item-search, .md-appbar .md-primarynav--item-search .md-button {
  color: rgb(255, 255, 255);
}
.md-appbar .md-primarynav--item-search {
  padding: 0 0 0 12px !important;
}
.md-appbar .md-primarynav--item-search button {
  all: unset;
  outline: revert;
}
@media only screen and (min-width: 1024px) {
  .md-appbar .md-primarynav--item.leadcta {
    margin-left: auto;
  }
}
.md-appbar .md-primarynav--item.leadcta .md-primarynav--link {
  padding: 16px 32px;
  border: 1px solid rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-appbar .md-primarynav--item.leadcta .md-primarynav--link:focus, .md-appbar .md-primarynav--item.leadcta .md-primarynav--link:hover, .md-appbar .md-primarynav--item.leadcta .md-primarynav--link:active {
  color: #212121;
  background: rgb(255, 255, 255);
}
.md-appbar .md-primarynav--link {
  position: relative;
  overflow: hidden;
  color: rgb(255, 255, 255);
  padding: 18px 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: 0.01071em;
  text-transform: uppercase;
  border-radius: var(--material-radius);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.md-appbar .md-primarynav--link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: 2px solid #EE4036;
  pointer-events: none;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(-102%, 0, 0);
}
.md-appbar .md-primarynav--link.active:after {
  transform: translate3d(0, 0, 0);
}
.md-appbar--compact {
  transform: translate3d(0, 0, 0);
  background-color: rgba(255, 255, 255, 0.87);
}
.md-appbar--compact .md-primarynav--item-search, .md-appbar--compact .md-primarynav--item-search .md-button {
  color: #545454;
}
.md-appbar--compact .md-primarynav--item.leadcta {
  color: #545454;
}
.md-appbar--compact .md-primarynav--item.leadcta .md-primarynav--link.leadcta {
  color: rgb(255, 255, 255);
  background: #545454;
  border-color: #545454;
}
.md-appbar--compact .md-primarynav--item.leadcta .md-primarynav--link.leadcta:focus, .md-appbar--compact .md-primarynav--item.leadcta .md-primarynav--link.leadcta:hover, .md-appbar--compact .md-primarynav--item.leadcta .md-primarynav--link.leadcta:active {
  background: #000000;
}
.md-appbar--compact .md-primarynav--item:focus .md-primarynav--link, .md-appbar--compact .md-primarynav--item:hover .md-primarynav--link, .md-appbar--compact .md-primarynav--item:active .md-primarynav--link {
  color: #545454;
}
.md-appbar--compact .md-primarynav--link {
  color: #545454;
}
.md-appbar--compact searchform form {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12);
}

.md-appbar-nav navwrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding-left: 12px;
}
@media only screen and (min-width: 1280px) {
  .md-appbar-nav navwrapper {
    padding-left: 240px;
    max-width: 1284px;
  }
}
.md-appbar-nav--root {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-items: center;
  position: relative;
  height: 70px;
  z-index: 2;
  width: 100vw;
  max-width: 1284px;
  padding: 0 24px;
  padding-left: 12px;
}
@media only screen and (min-width: 1280px) {
  .md-appbar-nav--root {
    height: auto;
    padding: 12px 24px;
    max-width: 100%;
  }
}
.md-appbar-nav--root {
  background-color: transparent;
}

.md-appbar--branding {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 192px;
  height: 72px;
  color: rgb(255, 255, 255);
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
  line-height: 24px;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .md-appbar--branding {
    min-width: 240px;
    height: 72px;
    margin-right: 24px;
  }
}
.md-appbar--hasbranding {
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='logo'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='%23FFFFFF'%20d='m295.14,286.89c-8.86-20.62-34.64-29.89-51.61-33.81.06.07.11.13.13.22.84.46,16.11,13.19,24.21,31.31,12.5,27.98,8.38,73.11,4.06,92.15,27.83-57.08,27.23-80.47,23.21-89.87'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m289.48,163.2C143.71,96.08,178.69,18.18,192.08,9.81c-89.64,19.9-102.03,66.25-73.17,99.73,28.87,33.49,96.53,45.85,132.19,60.48,68.1,27.9,105.03,67.57,109.83,117.89,4,42.14-47.12,115.65-97.58,176.97,51.32-46.19,110.78-101.51,124.91-122.01,26.23-38.09,47-112.55-98.78-179.67'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m245.38,180.2c-28.93-11.86-99.75-24.8-129.23-59.4,2.05,13.25,22.08,39.4,43.37,58.8,7.31,6.57,27.08,24.47,32.64,29.08,14.13,11.76,44.47-5.25,136.2,30.93-16.84-22.62-44.97-43.84-82.98-59.41'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m347.84,289.14c-.5-5.47-1.49-10.8-2.89-15.99-1.16-2.74-13.63-28.62-79.72-42.78-15.04-3.25-39.99-6.04-57.26-8.44,8.06,6.69,15.78,13.13,22.89,19.31,27.08,5.19,66.06,16.51,76.32,40.47,11.35,26.52-8.32,81.34-60.15,167.58-11.54,19.16-23.38,37.71-34.27,54.22,13.93-15.6,29.38-33.43,44.66-52.16,62.01-76.06,93.27-132.14,90.42-162.2'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m328.05,8.5h-120.41c-13.38,8.38-48.64,82.06,97.14,149.18-56.3-36.87-34.43-123.94,23.27-149.18'%20/%3e%3c/svg%3e") no-repeat left center/contain;
  color: transparent;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 1280px) {
  .md-appbar--hasbranding {
    width: 240px;
    height: 96px;
    position: absolute;
    left: 0;
    top: -24px;
  }
}
.md-appbar--hasbranding .md-appbar-label {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.md-appbar--compact .md-appbar--branding.md-appbar--hasbranding {
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='logo'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='%23bd9a56'%20d='m295.14,286.89c-8.86-20.62-34.64-29.89-51.61-33.81.06.07.11.13.13.22.84.46,16.11,13.19,24.21,31.31,12.5,27.98,8.38,73.11,4.06,92.15,27.83-57.08,27.23-80.47,23.21-89.87'%20/%3e%3cpath%20fill='%2383bfe8'%20d='m289.48,163.2C143.71,96.08,178.69,18.18,192.08,9.81c-89.64,19.9-102.03,66.25-73.17,99.73,28.87,33.49,96.53,45.85,132.19,60.48,68.1,27.9,105.03,67.57,109.83,117.89,4,42.14-47.12,115.65-97.58,176.97,51.32-46.19,110.78-101.51,124.91-122.01,26.23-38.09,47-112.55-98.78-179.67'%20/%3e%3cpath%20fill='%2380c244'%20d='m245.38,180.2c-28.93-11.86-99.75-24.8-129.23-59.4,2.05,13.25,22.08,39.4,43.37,58.8,7.31,6.57,27.08,24.47,32.64,29.08,14.13,11.76,44.47-5.25,136.2,30.93-16.84-22.62-44.97-43.84-82.98-59.41'%20/%3e%3cpath%20fill='%23ee4036'%20d='m347.84,289.14c-.5-5.47-1.49-10.8-2.89-15.99-1.16-2.74-13.63-28.62-79.72-42.78-15.04-3.25-39.99-6.04-57.26-8.44,8.06,6.69,15.78,13.13,22.89,19.31,27.08,5.19,66.06,16.51,76.32,40.47,11.35,26.52-8.32,81.34-60.15,167.58-11.54,19.16-23.38,37.71-34.27,54.22,13.93-15.6,29.38-33.43,44.66-52.16,62.01-76.06,93.27-132.14,90.42-162.2'%20/%3e%3cpath%20fill='%2380c244'%20d='m328.05,8.5h-120.41c-13.38,8.38-48.64,82.06,97.14,149.18-56.3-36.87-34.43-123.94,23.27-149.18'%20/%3e%3c/svg%3e") no-repeat left center/contain;
}

.md-utilitynav--root {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .md-utilitynav--root {
    justify-content: flex-end;
  }
}
.md-utilitynav--root {
  background-color: rgba(51, 49, 78, 0.87);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  padding: 0 24px;
  height: 24px;
}
@media only screen and (min-width: 768px) {
  .md-utilitynav--root {
    height: 36px;
    left: 50%;
    max-width: 1284px;
    padding: 0;
    transform: translate3d(-50%, 0, 0);
  }
}
.md-utilitynav--item, .md-utilitynav--link {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, color;
  line-height: 24px;
  text-transform: uppercase;
  opacity: 0.7;
  color: rgb(255, 255, 255);
  display: none;
}
@media only screen and (min-width: 768px) {
  .md-utilitynav--item, .md-utilitynav--link {
    display: flex;
    line-height: 36px;
  }
}
.md-utilitynav--link {
  opacity: 0.95;
  margin-left: 1em;
}
.md-utilitynav--link:focus, .md-utilitynav--link:hover, .md-utilitynav--link:active {
  opacity: 1;
}

.md-scrim--root {
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .md-scrim--root {
    display: none;
    pointer-events: none;
  }
}
.md-scrim--root {
  display: none;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-right: 56px;
  background-color: rgba(255, 255, 255, 0.87);
}
.md-scrim--active {
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .md-scrim--active {
    display: none;
    pointer-events: none;
  }
}
.md-scrim--blur {
  background-color: rgba(0, 0, 0, 0.87);
}
@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
  .md-scrim--blur {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}

.md-navigationdrawer {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(-100%, 0, 0);
}
.md-navigationdrawer--root {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  width: 100vw;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 11;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
@media only screen and (min-width: 480px) {
  .md-navigationdrawer--root {
    max-width: 320px;
  }
}
.md-navigationdrawer .md-drawertoggle {
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border: 0;
  color: rgb(255, 255, 255);
}
.md-navigationdrawer {
  transition-property: transform;
}
.md-navigationdrawer--active {
  transition-delay: 300ms;
  transform: translate3d(0, 0, 0);
}

.md-drawernavlist--root {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex-flow: column nowrap;
  grid-gap: 8px;
  width: 100%;
  max-width: 100%;
  padding-top: 24px;
}
.md-drawernavlist--root li {
  box-sizing: border-box;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.md-drawernavlist--root:not([subnav]) {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.md-drawernavlist--root li {
  padding: 0 8px;
}
.md-drawernavlist--root[subnav] {
  padding: 0 0 0 24px;
}
.md-drawernavlist--root[subnav] .md-drawernavlist--item {
  padding: 0;
}
.md-drawernavlist--root .md-drawernavlist--item {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  grid-gap: 8px;
  padding: 0 8px;
}
.md-drawernavlist--root .md-drawernavlist--item-label {
  pointer-events: none;
}
.md-drawernavlist--root .md-drawernavlist--item a {
  flex: 1;
  line-height: 36px;
  text-decoration: none;
  font-weight: 500;
  color: #545454;
  background-color: rgba(0, 0, 0, 0);
  border-radius: var(--material-radius);
  padding: 0 24px;
  transition: all 300ms ease;
  transition-property: opacity, color, background-color;
}
.md-drawernavlist--root .md-drawernavlist--item a:focus, .md-drawernavlist--root .md-drawernavlist--item a:hover, .md-drawernavlist--root .md-drawernavlist--item a:active {
  color: #545454;
  background-color: rgba(0, 0, 0, 0.0625);
}
.md-drawernavlist--root .md-drawernavlist--item[subnav] > .md-drawernavlist--link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-right: 6px;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav] > .md-drawernavlist--link .md-drawernavlist--subnavtoggle {
  position: relative;
  all: unset;
  outline: revert;
  width: 36px;
  height: 36px;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav] > .md-drawernavlist--link .md-drawernavlist--subnavtoggle-label {
  pointer-events: none;
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav] > .md-drawernavlist--link .md-drawernavlist--subnavtoggle:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "arrow_right";
  opacity: 1;
  transform: rotate(0, 0);
  pointer-events: none;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav] .md-drawernavlist {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  border-bottom: 1px solid var(--material-divider-color);
}
.md-drawernavlist--root .md-drawernavlist--item[subnav] .md-drawernavlist .md-drawernavlist--item:last-of-type {
  margin-bottom: 12px;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav]:not([active]) .md-drawernavlist {
  max-height: 0vh;
  border-bottom: 0px solid var(--material-tansparent-color);
}
.md-drawernavlist--root .md-drawernavlist--item[subnav][active] .md-drawernavlist {
  max-height: 100vh;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav][active] > .md-drawernavlist--link {
  font-weight: 700;
}
.md-drawernavlist--root .md-drawernavlist--item[subnav][active] > .md-drawernavlist--link .md-drawernavlist--subnavtoggle:after {
  transform: rotate(90deg);
}

.md-drawerheader--root {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  overflow: hidden;
  background: #33314e;
}
.md-drawerheader-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.md-drawerheader-content:focus, .md-drawerheader-content:hover, .md-drawerheader-content:active {
  background-color: rgba(0, 0, 0, 0);
}
.md-drawerheader-content:focus:before, .md-drawerheader-content:hover:before, .md-drawerheader-content:active:before {
  opacity: 0;
}
.md-drawerheader-content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  transition-property: opacity;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 64px 5px rgba(0, 0, 0, 0.75);
  opacity: 0.333;
}
.md-drawerheader--branding {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  color: rgb(255, 255, 255);
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
  line-height: 24px;
  font-size: 24px;
}
.md-drawerheader--branding .md-drawerheader-label {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.md-drawerheader--hasbranding {
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='logo'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='%23FFFFFF'%20d='m295.14,286.89c-8.86-20.62-34.64-29.89-51.61-33.81.06.07.11.13.13.22.84.46,16.11,13.19,24.21,31.31,12.5,27.98,8.38,73.11,4.06,92.15,27.83-57.08,27.23-80.47,23.21-89.87'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m289.48,163.2C143.71,96.08,178.69,18.18,192.08,9.81c-89.64,19.9-102.03,66.25-73.17,99.73,28.87,33.49,96.53,45.85,132.19,60.48,68.1,27.9,105.03,67.57,109.83,117.89,4,42.14-47.12,115.65-97.58,176.97,51.32-46.19,110.78-101.51,124.91-122.01,26.23-38.09,47-112.55-98.78-179.67'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m245.38,180.2c-28.93-11.86-99.75-24.8-129.23-59.4,2.05,13.25,22.08,39.4,43.37,58.8,7.31,6.57,27.08,24.47,32.64,29.08,14.13,11.76,44.47-5.25,136.2,30.93-16.84-22.62-44.97-43.84-82.98-59.41'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m347.84,289.14c-.5-5.47-1.49-10.8-2.89-15.99-1.16-2.74-13.63-28.62-79.72-42.78-15.04-3.25-39.99-6.04-57.26-8.44,8.06,6.69,15.78,13.13,22.89,19.31,27.08,5.19,66.06,16.51,76.32,40.47,11.35,26.52-8.32,81.34-60.15,167.58-11.54,19.16-23.38,37.71-34.27,54.22,13.93-15.6,29.38-33.43,44.66-52.16,62.01-76.06,93.27-132.14,90.42-162.2'%20/%3e%3cpath%20fill='%23FFFFFF'%20d='m328.05,8.5h-120.41c-13.38,8.38-48.64,82.06,97.14,149.18-56.3-36.87-34.43-123.94,23.27-149.18'%20/%3e%3c/svg%3e") no-repeat center center/contain;
  color: transparent;
  max-width: 60%;
  height: 60%;
}
.md-drawerheader--hasbranding .md-drawerheader-label {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

:root {
  --pageheader-padding: 96px 0;
}
@media only screen and (min-width: 768px) {
  :root {
    --pageheader-padding: 108px 0;
  }
}

header.uielementalcontainer--root {
  position: relative;
  z-index: 0;
  width: 100vw;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(255, 255, 255);
}
header.uielementalcontainer svg.clip-mask-path {
  width: 0;
  height: 0;
}
header.uielementalcontainer uielemental,
header.uielementalcontainer uielementalheader,
header.uielementalcontainer uielementalheadercontainer,
header.uielementalcontainer uielementalcontent,
header.uielementalcontainer uielementalactions,
header.uielementalcontainer uielementalheaderimage {
  display: flex;
  position: relative;
}
header.uielementalcontainer uielementalheader,
header.uielementalcontainer uielementalcontent {
  color: rgb(255, 255, 255);
}
header.uielementalcontainer uielementalheader > *,
header.uielementalcontainer uielementalcontent > * {
  color: inherit;
}
header.uielementalcontainer uielementalactions.uielementalpageheader--actions {
  flex-flow: column nowrap;
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer uielementalactions.uielementalpageheader--actions {
    flex-flow: row nowrap;
  }
}
header.uielementalcontainer uielementalactions.uielementalpageheader--actions a.md-button,
header.uielementalcontainer uielementalactions.uielementalpageheader--actions .md-button {
  margin-bottom: 12px;
}
header.uielementalcontainer uielementalactions.uielementalpageheader--actions a.md-button:last-of-type,
header.uielementalcontainer uielementalactions.uielementalpageheader--actions .md-button:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer uielementalactions.uielementalpageheader--actions a.md-button,
  header.uielementalcontainer uielementalactions.uielementalpageheader--actions .md-button {
    margin-right: 12px;
    margin-bottom: 0;
  }
  header.uielementalcontainer uielementalactions.uielementalpageheader--actions a.md-button:last-of-type,
  header.uielementalcontainer uielementalactions.uielementalpageheader--actions .md-button:last-of-type {
    margin-right: 0;
  }
}
header.uielementalcontainer uielementalheadercontainer {
  position: relative;
  width: 100vw;
  max-width: 100%;
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
header.uielementalcontainer uielementalheadercontainer[collapsetop="1"] {
  padding-top: 0 !important;
}
header.uielementalcontainer uielementalheadercontainer[collapsebottom="1"] {
  padding-bottom: 0 !important;
}
header.uielementalcontainer uielementalheadercontainer:before, header.uielementalcontainer uielementalheadercontainer:after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
}
header.uielementalcontainer uielementalheadercontainer:before {
  top: 0;
  background: linear-gradient(180deg, #005C95 0%, #005C95 12%, rgba(0, 92, 149, 0.05) 39%);
  opacity: 0.333;
  mix-blend-mode: multiply;
}
header.uielementalcontainer uielementalheadercontainer:after {
  bottom: 0;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
  opacity: 0.4;
}
header.uielementalcontainer uielementalheadercontainer uielementalheaderimage {
  position: absolute;
  filter: saturate(160%);
}
header.uielementalcontainer uielementalheadercontainer uielementalheaderimage:after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
  opacity: 0.6;
  mix-blend-mode: multiply;
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[parallax] uielementalheaderimage {
    background-attachment: fixed !important;
  }
}
header.uielementalcontainer uielementalheadercontainer[depth=shallow] uielemental, header.uielementalcontainer uielementalheadercontainer[depth=deep] uielemental {
  align-self: flex-start;
}
header.uielementalcontainer uielementalheadercontainer[depth=shallow] uielemental.uielementalpageheader--size-small, header.uielementalcontainer uielementalheadercontainer[depth=shallow] uielemental.uielementalpageheader--size-medium, header.uielementalcontainer uielementalheadercontainer[depth=shallow] uielemental.uielementalpageheader--size-xlarge, header.uielementalcontainer uielementalheadercontainer[depth=shallow] uielemental.uielementalpageheader--size-large, header.uielementalcontainer uielementalheadercontainer[depth=deep] uielemental.uielementalpageheader--size-small, header.uielementalcontainer uielementalheadercontainer[depth=deep] uielemental.uielementalpageheader--size-medium, header.uielementalcontainer uielementalheadercontainer[depth=deep] uielemental.uielementalpageheader--size-xlarge, header.uielementalcontainer uielementalheadercontainer[depth=deep] uielemental.uielementalpageheader--size-large {
  min-height: 100vh;
  min-height: 100svh;
}
header.uielementalcontainer uielementalheadercontainer[depth=normal] {
  min-height: unset;
}
header.uielementalcontainer uielementalheadercontainer[depth=shallow] {
  --header-height: 125vh;
  min-height: var(--header-height);
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[depth=shallow] {
    --header-height: 175vh
    --header-height: 175svh ;
  }
}
header.uielementalcontainer uielementalheadercontainer[depth=deep] {
  --header-height: 175vh;
  min-height: var(--header-height);
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[depth=deep] {
    --header-height: 200vh
    --header-height: 200svh ;
  }
}
header.uielementalcontainer uielementalheadercontainer[flare] {
  padding: var(--pageheader-padding);
  --pageheader-padding: 96px 0;
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[flare] {
    --pageheader-padding: 115.2px 0;
  }
}
header.uielementalcontainer uielementalheadercontainer[flare]:after {
  display: block;
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  padding-bottom: 5%;
  background-color: transparent;
  transform: translate3d(0, 1px, 0);
  pointer-events: none;
  opacity: 1;
}
header.uielementalcontainer uielementalheadercontainer[flare=waves]:after {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20id='Layer_1'%20x='0'%20y='0'%20style='enable-background:new%200%200%201368%20196'%20version='1.1'%20viewBox='0%200%201368%20196'%3e%3cstyle%3e%20.st0{clip-path:url(%23SVGID_00000013906774417908183260000003805397731387957127_)}%20%3c/style%3e%3cdefs%3e%3cpath%20id='SVGID_1_'%20d='M0%200h1368v196H0z'/%3e%3c/defs%3e%3cclipPath%20id='SVGID_00000028285181272971506570000005566084043728242075_'%3e%3cuse%20xlink:href='%23SVGID_1_'%20style='overflow:visible'/%3e%3c/clipPath%3e%3cg%20style='clip-path:url(%23SVGID_00000028285181272971506570000005566084043728242075_)'%3e%3cpath%20d='m0%2012%2076%201.2c76%201.3%20228%203.7%20380%2010.6%20152%206.8%20304%2017.9%20456%2014.6%20152-3.2%20304-20.9%20380-29.7l76-8.8v443.6H0V12z'%20style='opacity:.1;fill:%23fff'/%3e%3cpath%20d='M0%2057.5%2076%2054c76-3.6%20228-10.7%20380-11.3%20152-.6%20304%205.3%20456%208.8%20152%203.5%20304%204.8%20380%205.4l76%20.6v386.2H0V57.5z'%20style='opacity:.2;fill:%23fff'/%3e%3cpath%20d='m0%2097.3%2076%205.8c76%205.9%20228%2017.6%20380%2018.7s304-8.5%20456-10.4c152-1.9%20304%204.1%20380%207l76%203v322.2H0V97.3z'%20style='opacity:.6;fill:%23fff'/%3e%3cpath%20d='m0%20107.5%2076-.2c76-.1%20228-.5%20380%202.7%20152%203.1%20304%209.5%20456%2015.4s304%2011.1%20380%2013.8l76%202.6v301.9H0V107.5z'%20style='opacity:.8;fill:%23fff'/%3e%3cpath%20d='M0%20180.7h76c76%200%20228%200%20380-6.2%20152-6.1%20304-18.5%20456-21.4%20152-3%20304%203.5%20380%206.8l76%203.2v280.5H0V180.7z'%20style='fill:%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center bottom/100% auto;
  padding-bottom: 14.64%;
}
header.uielementalcontainer uielementalheadercontainer[flare=vanishing-point]:after {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='vanishing-point'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201368%20116'%3e%3cdefs%3e%3cstyle%3e%20.cls-1,%20.cls-2%20{%20fill:%20%23fff;%20}%20.cls-2%20{%20opacity:%20.25;%20}%20%3c/style%3e%3c/defs%3e%3cpolygon%20class='cls-2'%20points='1368%20116%20684%20116%200%20116%200%200%20684%2058.25%201368%200%201368%20116'/%3e%3cpolygon%20class='cls-2'%20points='1368%20116%20684%20116%200%20116%200%2058.25%20684%2058.25%201368%2058.25%201368%20116'/%3e%3cpolygon%20class='cls-1'%20points='684%2058.25%200%20116%201368%20116%20684%2058.25'/%3e%3c/svg%3e") no-repeat center bottom/100% auto;
  padding-bottom: 20%;
}
header.uielementalcontainer uielementalheadercontainer[flare=hills]:after {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='wave'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201368%20250'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20none;%20}%20.cls-2,%20.cls-3%20{%20fill:%20%23fff;%20}%20.cls-3%20{%20opacity:%20.25;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='cls-3'%20d='m1368,250H0v-11.32c180.86-6.55,389.46-29.66,571.08-89.89C866.86,50.7,1192.1,13.63,1368,0v250Z'/%3e%3cpath%20class='cls-3'%20d='m0,250v-53.38c150.64-1.02,377.64-17.84,691.34-79.3,250.46-49.07,503.5-53.18,676.66-47.42v180.1H0Z'/%3e%3cpath%20class='cls-3'%20d='m1368,250H0v-49.84c190.35,6.93,450.12-12.77,691.34-82.84,233.74-67.89,512.04-83.06,676.66-85.43v218.11Z'/%3e%3cpath%20class='cls-2'%20d='m1368,250H0v-4.9c190.35,6.93,450.12-12.77,691.34-82.84,233.74-67.89,512.04-83.06,676.66-85.43v173.16Z'/%3e%3c/g%3e%3crect%20class='cls-1'%20width='1368'%20height='250'/%3e%3c/svg%3e") no-repeat center bottom/100% auto;
  transform: translate3d(-1, 1px, 0);
  padding-bottom: 18.274%;
}
header.uielementalcontainer uielementalheadercontainer[flare=none]:after {
  content: none !important;
}
header.uielementalcontainer uielementalheadercontainer[align=default] uielemental, header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental, header.uielementalcontainer uielementalheadercontainer[align=center] uielemental, header.uielementalcontainer uielementalheadercontainer[align=center-top] uielemental, header.uielementalcontainer uielementalheadercontainer[align=center-bottom] uielemental, header.uielementalcontainer uielementalheadercontainer[align=top] uielemental, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental, header.uielementalcontainer uielementalheadercontainer[align=bottom] uielemental, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental, header.uielementalcontainer uielementalheadercontainer[align=left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=right] uielemental {
  flex-flow: column nowrap;
  text-align: left;
}
header.uielementalcontainer uielementalheadercontainer[align=default] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=default] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center-top] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=center-top] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center-bottom] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=center-bottom] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=top] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=bottom] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalcontent {
  text-align: left;
}
header.uielementalcontainer uielementalheadercontainer[align=center], header.uielementalcontainer uielementalheadercontainer[align*=center], header.uielementalcontainer uielementalheadercontainer[align=middle] {
  align-items: center;
  justify-content: center;
}
header.uielementalcontainer uielementalheadercontainer[align=center-top] {
  align-items: flex-start;
}
header.uielementalcontainer uielementalheadercontainer[align=center-bottom] {
  align-items: flex-end;
}
header.uielementalcontainer uielementalheadercontainer[align=top], header.uielementalcontainer uielementalheadercontainer[align=center-top], header.uielementalcontainer uielementalheadercontainer[align=top-left], header.uielementalcontainer uielementalheadercontainer[align=top-right] {
  align-items: flex-start;
}
header.uielementalcontainer uielementalheadercontainer[align=bottom], header.uielementalcontainer uielementalheadercontainer[align=center-bottom], header.uielementalcontainer uielementalheadercontainer[align=bottom-left], header.uielementalcontainer uielementalheadercontainer[align=bottom-right] {
  align-items: flex-end;
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental, header.uielementalcontainer uielementalheadercontainer[align=center] uielemental, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental, header.uielementalcontainer uielementalheadercontainer[align=left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=right] uielemental, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: clamp(12px, 8.5714285714px + 0.0107142857 * 100vw, 24px);
    flex: 1 1 1284px;
  }
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalheader,
  header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalheader h1,
  header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalactions,
  header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalcontent {
    max-width: 100%;
  }
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalheader h1, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalheader h1 {
    width: 100%;
  }
  header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=center] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=left] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=right] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental gridcontainer, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental gridcontainer {
    margin-top: clamp(96px, 68.5714285714px + 0.0857142857 * 100vw, 192px);
    grid-area: 4/1/5/13;
  }
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalheader {
    grid-area: 1/1/2/7;
  }
  header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalcontent {
    grid-area: 2/1/2/7;
  }
  header.uielementalcontainer uielementalheadercontainer[align=left] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=center-left] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=top-left] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=bottom-left] uielemental uielementalactions {
    grid-area: 3/1/3/7;
  }
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalheader {
    grid-area: 1/7/2/13;
  }
  header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalcontent {
    grid-area: 2/7/2/13;
  }
  header.uielementalcontainer uielementalheadercontainer[align=right] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=center-right] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=top-right] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=bottom-right] uielemental uielementalactions {
    grid-area: 3/7/3/13;
  }
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalheader, header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalheader {
    grid-area: 1/2/2/12;
  }
  header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalcontent, header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalcontent {
    grid-area: 2/2/2/12;
  }
  header.uielementalcontainer uielementalheadercontainer[align=center] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align*=center] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[align=middle] uielemental uielementalactions {
    grid-area: 3/2/3/12;
  }
}
header.uielementalcontainer uielementalheadercontainer[align*=top] uielemental {
  margin-top: clamp(48px, 34.2857142857px + 0.0428571429 * 100vw, 96px);
}
header.uielementalcontainer uielementalheadercontainer[align*=bottom] uielemental {
  margin-bottom: clamp(48px, 34.2857142857px + 0.0428571429 * 100vw, 96px);
}
header.uielementalcontainer uielementalheadercontainer[aligncontent=center] uielemental, header.uielementalcontainer uielementalheadercontainer[aligncontent*=center] uielemental, header.uielementalcontainer uielementalheadercontainer[aligncontent=middle] uielemental {
  text-align: center;
}
header.uielementalcontainer uielementalheadercontainer[aligncontent=center] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[aligncontent=center] uielemental uielementalcontent,
header.uielementalcontainer uielementalheadercontainer[aligncontent=center] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[aligncontent*=center] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[aligncontent*=center] uielemental uielementalcontent,
header.uielementalcontainer uielementalheadercontainer[aligncontent*=center] uielemental uielementalactions, header.uielementalcontainer uielementalheadercontainer[aligncontent=middle] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[aligncontent=middle] uielemental uielementalcontent,
header.uielementalcontainer uielementalheadercontainer[aligncontent=middle] uielemental uielementalactions {
  align-items: center;
  justify-content: center;
  text-align: center;
}
header.uielementalcontainer uielementalheadercontainer[aligncontent=left] uielemental {
  text-align: left;
}
header.uielementalcontainer uielementalheadercontainer[aligncontent=left] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[aligncontent=left] uielemental uielementalcontent,
header.uielementalcontainer uielementalheadercontainer[aligncontent=left] uielemental uielementalactions {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
header.uielementalcontainer uielementalheadercontainer[aligncontent=right] uielemental {
  text-align: right;
}
header.uielementalcontainer uielementalheadercontainer[aligncontent=right] uielemental uielementalheader,
header.uielementalcontainer uielementalheadercontainer[aligncontent=right] uielemental uielementalcontent,
header.uielementalcontainer uielementalheadercontainer[aligncontent=right] uielemental uielementalactions {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (min-width: 24px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxs="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 320px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xs="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-sm="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 1024px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-mm="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 1280px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-lg="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 1920px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xl="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 2500px) {
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:1 portrait" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:1 landscape" i] {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:3 portrait" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:3 landscape" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="1:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:3 portrait" i] {
    aspect-ratio: 3 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:3 landscape" i] {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:1 portrait" i] {
    aspect-ratio: 1 / 2;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:1 landscape" i] {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="2:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 2 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:1 portrait" i] {
    aspect-ratio: 1 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:1 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:1 landscape" i] {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:1 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 1;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:3 portrait" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:3 landscape" i] {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="3:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 3 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="4:3 portrait" i] {
    aspect-ratio: 3 / 4;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="4:3 portrait" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="4:3 landscape" i] {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="4:3 landscape" i] uielementalheaderimage {
    aspect-ratio: 4 / 3;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="16:9 portrait" i] {
    aspect-ratio: 9 / 16;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="16:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="16:9 landscape" i] {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="16:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 16 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="21:9 portrait" i] {
    aspect-ratio: 9 / 21;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="21:9 portrait" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="21:9 landscape" i] {
    aspect-ratio: 21 / 9;
  }
  header.uielementalcontainer uielementalheadercontainer[aspect-xxl="21:9 landscape" i] uielementalheaderimage {
    aspect-ratio: 21 / 9;
  }
}
header.uielementalcontainer uielemental {
  z-index: 4;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0 24px;
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer uielemental {
    flex: 1 1 1284px;
    max-width: 1284px;
    padding: 0 48px;
  }
}
@media only screen and (min-width: 1440px) {
  header.uielementalcontainer uielemental {
    flex: 0 0 1284px;
    padding: 0;
  }
}
header.uielementalcontainer uielemental.uielementalpageheader--align-top {
  justify-content: flex-start;
  padding-top: 24px;
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer uielemental.uielementalpageheader--align-top {
    padding-top: 96px;
  }
}
header.uielementalcontainer uielemental.uielementalpageheader--align-bottom {
  justify-content: flex-end;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer uielemental.uielementalpageheader--align-bottom {
    padding-bottom: 96px;
  }
}
header.uielementalcontainer uielemental.uielementalpageheader--case-uppercase uielementalheader, header.uielementalcontainer uielemental.uielementalpageheader--case-uppercase uielementalheader h1 {
  text-transform: uppercase;
}
header.uielementalcontainer uielemental.uielementalpageheader--case-lowercase uielementalheader, header.uielementalcontainer uielemental.uielementalpageheader--case-lowercase uielementalheader h1 {
  text-transform: lowercase;
}
header.uielementalcontainer uielemental.uielementalpageheader--case-title uielementalheader, header.uielementalcontainer uielemental.uielementalpageheader--case-title uielementalheader h1 {
  text-transform: capitalize;
}
header.uielementalcontainer uielementalheader {
  flex-flow: column nowrap;
  width: 100%;
}
header.uielementalcontainer uielementalheader h1 {
  margin: 0 0 1.25rem;
  letter-spacing: unset;
  width: 100%;
}
header.uielementalcontainer uielementalheader h1,
header.uielementalcontainer uielementalheader h1 a {
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1600px) {
  header.uielementalcontainer uielementalcontent {
    max-width: 66.6666666667%;
  }
}
header.uielementalcontainer uielementalcontent p {
  font-size: clamp(16px, 13.7142857143px + 0.0071428571 * 100vw, 24px);
  line-height: 1.5;
}
header.uielementalcontainer gridcontainer {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  margin: 48px 0 0;
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer gridcontainer {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  }
}
header.uielementalcontainer .videobg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
header.uielementalcontainer .videobg--container {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: saturate(150%);
}
header.uielementalcontainer .videobg--container.fadein iframe,
header.uielementalcontainer .videobg--container.fadein .videobg {
  opacity: 1;
}
header.uielementalcontainer .videobg--container iframe,
header.uielementalcontainer .videobg--container .videobg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw !important;
  height: 56.25vw !important; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh !important;
  min-width: 177.77vh !important; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  pointer-events: none;
  opacity: 0;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
header.uielementalcontainer .videobg--container iframe[type=YouTube],
header.uielementalcontainer .videobg--container .videobg[type=YouTube] {
  transform: translate3d(-50%, -50%, 0) scale(1.2);
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer .videobg--container iframe[type=YouTube],
  header.uielementalcontainer .videobg--container .videobg[type=YouTube] {
    transform: translate3d(-50%, -50%, 0) scale(1.2);
  }
}
header.uielementalcontainer .videobg--container iframe[type=Vimeo],
header.uielementalcontainer .videobg--container .videobg[type=Vimeo] {
  transform: translate3d(-50%, -50%, 0) scale(1);
}
@media only screen and (min-width: 768px) {
  header.uielementalcontainer .videobg--container iframe[type=Vimeo],
  header.uielementalcontainer .videobg--container .videobg[type=Vimeo] {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}

@keyframes fadeInHeader {
  from {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeOutHeader {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}
@keyframes scaleBG {
  from {
    transform: scale(100.1%);
    opacity: 0.9;
  }
  to {
    transform: scale(125%);
    opacity: 1;
  }
}
html:not(.has-scroll-smooth) header.uielementalcontainer uielementalheader,
html:not(.has-scroll-smooth) header.uielementalcontainer uielementalcontent,
html:not(.has-scroll-smooth) header.uielementalcontainer uielementalheaderimage,
html:not(.has-scroll-smooth) header.uielementalcontainer gridcontainer griditem, html:not(.has-scroll-smooth) header.uielementalcontainer griditem,
html:not(.has-scroll-smooth) header.uielementalcontainer uielementalactions .md-button {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
}
html:not(.has-scroll-smooth) header.uielementalcontainer:not(.animation) uielementalheader,
html:not(.has-scroll-smooth) header.uielementalcontainer:not(.animation) uielementalcontent,
html:not(.has-scroll-smooth) header.uielementalcontainer:not(.animation) gridcontainer griditem, html:not(.has-scroll-smooth) header.uielementalcontainer:not(.animation) griditem,
html:not(.has-scroll-smooth) header.uielementalcontainer:not(.animation) uielementalactions .md-button {
  animation: fadeOutHeader 0ms;
  animation-delay: 0ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer:not(.animation) uielementalheadercontainer[scale] uielementalheaderimage {
  animation: fadeOutHeader 0ms;
  animation-delay: 0ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalheader,
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalcontent,
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem, html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem,
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalactions .md-button {
  animation: fadeInHeader 1720ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalheader {
  animation-delay: 0ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalcontent {
  animation-delay: 250ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalactions .md-button:nth-child(1) {
  animation-delay: 500ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalactions .md-button:nth-child(2) {
  animation-delay: 750ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalactions .md-button:nth-child(3) {
  animation-delay: 1000ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalactions .md-button:nth-child(4) {
  animation-delay: 1250ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(1), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(1) {
  animation-delay: 500ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(2), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(2) {
  animation-delay: 750ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(3), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(3) {
  animation-delay: 1000ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(4), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(4) {
  animation-delay: 1250ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(5), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(5) {
  animation-delay: 1500ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(6), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(6) {
  animation-delay: 1750ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(7), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(7) {
  animation-delay: 2000ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(8), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(8) {
  animation-delay: 2250ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(9), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(9) {
  animation-delay: 2500ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(10), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(10) {
  animation-delay: 2750ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation gridcontainer griditem:nth-child(11), html:not(.has-scroll-smooth) header.uielementalcontainer.animation griditem:nth-child(11) {
  animation-delay: 3000ms;
}
html:not(.has-scroll-smooth) header.uielementalcontainer.animation uielementalheadercontainer[scale] uielementalheaderimage {
  animation: scaleBG 30s ease-in both;
}

footer.footer--root {
  position: relative;
  z-index: 2;
  width: 100vw;
  max-width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(255, 255, 255);
}
footer.footer gridcontainer {
  overflow: hidden;
  flex: 0 0 100%;
  max-width: 100%;
}
footer.footer gridcontainer.businesscontent, footer.footer gridcontainer.businesslegal {
  justify-content: center;
  width: 100%;
}
footer.footer gridcontainer.businesscontent {
  padding: 79.992px 39.984px 144px;
}
@media only screen and (min-width: 768px) {
  footer.footer gridcontainer.businesscontent {
    padding: 79.992px 48px;
    max-width: 1284px;
  }
}
@media only screen and (min-width: 1280px) {
  footer.footer gridcontainer.businesscontent {
    padding: 79.992px 0;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  }
}
@media only screen and (min-width: 768px) {
  footer.footer gridcontainer.businesscontent griditem {
    grid-column: auto/span 3;
    display: flex;
    place-content: center;
  }
  footer.footer gridcontainer.businesscontent griditem uicontent {
    padding: 48px 0;
  }
  footer.footer gridcontainer.businesscontent griditem uicontentactions {
    margin-top: 24px;
  }
}
footer.footer gridcontainer.businesslegal {
  flex: 0 0 100%;
  padding: 19.992px 39.984px;
  border-top: 1px solid var(--material-divider-color);
  color: tint(#545454, 54%);
}
footer.footer gridcontainer.businesslegal griditem {
  justify-content: center;
  font-size: 12px;
  line-height: 1.5;
}
footer.footer gridcontainer griditem uicontentmedia svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer.footer gridcontainer griditem uicontentmedia img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer.footer gridcontainer griditem uicontentcontent .md-sociallinks {
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  footer.footer gridcontainer griditem uicontentcontent .md-sociallinks {
    justify-content: flex-start;
  }
}
footer.footer gridcontainer griditem.griditem--item-etf-logo uicontentmedia img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(0.65);
}
footer.footer .footer--divider {
  padding: 0 12px;
}
footer.footer .footer--divider, footer.footer .footer--copyright, footer.footer .footer--developercredit {
  line-height: 1;
}
footer.footer .footer--copyright, footer.footer .footer--developercredit {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
footer.footer .footer--developercredit {
  color: tint(#545454, 54%);
}
footer.footer .footer--developercredit:focus, footer.footer .footer--developercredit:hover, footer.footer .footer--developercredit:active {
  color: var(--material-accent-color);
}
footer.footer uicontent.entry-content uicontenttitle h4 {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  footer.footer uicontent.entry-content uicontenttitle h4 {
    text-align: left;
    font-size: 1.4rem;
  }
}
footer.footer uicontent.entry-content uicontenttitle {
  margin: 0 0 24px;
}
footer.footer uicontent.entry-content uicontentcontent {
  display: block;
  color: #545454;
  font-size: 15px;
  line-height: 1.5;
}
footer.footer uicontent.entry-content uicontentcontent > * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  width: 100%;
}
footer.footer uicontent.entry-content uicontentcontent ul li, footer.footer uicontent.entry-content uicontentcontent ol li {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  footer.footer uicontent.entry-content uicontentcontent ul li, footer.footer uicontent.entry-content uicontentcontent ol li {
    text-align: left;
  }
}
footer.footer uicontent.entry-content uicontentcontent ul li a, footer.footer uicontent.entry-content uicontentcontent ol li a {
  text-align: inherit;
}
footer.footer uicontent.entry-content uicontentcontent a {
  color: inherit;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
footer.footer uicontent.entry-content uicontentcontent a:focus, footer.footer uicontent.entry-content uicontentcontent a:hover, footer.footer uicontent.entry-content uicontentcontent a:active {
  color: #212121;
}
footer.footer uicontent.entry-content uicontentcontent p {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  footer.footer uicontent.entry-content uicontentcontent p {
    text-align: left;
  }
}

.md-fab--root {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 50%;
  display: none;
  transform: translate3d(-50%, -150%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgb(240, 240, 240);
  color: rgb(87, 87, 87);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  backface-visibility: hidden;
  perspective: 1000px;
  transition: all 300ms ease;
  transition-property: opacity, box-shadow, background-color;
}
@media only screen and (min-width: 768px) {
  .md-fab--root {
    display: flex;
    top: 0;
    left: auto;
    right: 24px;
    bottom: auto;
    transform: translate3d(0, 0, 0);
  }
}
@media only screen and (min-width: 1024px) {
  .md-fab--root {
    transform: translate3d(0, -50%, 0);
  }
}
.md-fab:focus, .md-fab:hover, .md-fab:active {
  background-color: rgb(201, 201, 201);
}
.md-fab .md-icon {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  pointer-events: none;
}

uicontent,
uicontenttitle,
uicontentmedia,
uicontentcontent,
uicontentactions {
  display: flex;
  position: relative;
  width: 100%;
}

uicontentmedia {
  place-content: center;
}
uicontentmedia img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
uicontentmedia[aspectratio="1:1"] img, uicontentmedia[aspectratio="1:n"] img {
  aspect-ratio: 1/1;
}
uicontentmedia[aspectratio="4:3"] img {
  aspect-ratio: 4/3;
}
uicontentmedia[aspectratio="16:9"] img {
  aspect-ratio: 16/9;
}
uicontentmedia[aspectratio="22:9"] img {
  aspect-ratio: 22/9;
}

uicontent {
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
}
uicontent > * {
  width: 100%;
}
uicontent p:last-of-type,
uicontent ul:last-of-type,
uicontent ol:last-of-type {
  margin: 0;
}

uicontentactions {
  margin-top: 24px;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  uicontentactions {
    margin-top: auto;
    justify-content: flex-start;
  }
}

uielementalcontainer.uielementalcontent uielementalheader,
uielementalcontainer.uielementalcontent uielementalheader h1,
uielementalcontainer.uielementalcontent uielementalheader h2 {
  margin-bottom: 0;
}
uielementalcontainer.uielementalcontent uielemental[contentposition=before] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentposition=before] uielementalfooter, uielementalcontainer.uielementalcontent uielemental[contentposition=after] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentposition=after] uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalfooter, uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalfooter {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalheader > *,
uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalfooter > *, uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalheader > *,
uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalfooter > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcontent uielemental[contentposition=left], uielementalcontainer.uielementalcontent uielemental[contentposition=right] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
    grid-auto-rows: max-content;
  }
  uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalfooter,
  uielementalcontainer.uielementalcontent uielemental[contentposition=left] gridcontainer, uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalfooter,
  uielementalcontainer.uielementalcontent uielemental[contentposition=right] gridcontainer {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalcontent uielemental[contentposition=left] uielementalfooter {
    grid-area: 1/1/2/6;
  }
  uielementalcontainer.uielementalcontent uielemental[contentposition=left] gridcontainer {
    grid-area: 1/7/2/13;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalcontent uielemental[contentposition=right] uielementalfooter {
    grid-area: 1/8/2/13;
  }
  uielementalcontainer.uielementalcontent uielemental[contentposition=right] gridcontainer {
    grid-area: 1/1/2/7;
  }
}
uielementalcontainer.uielementalcontent uielemental[contentalign=centre] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentalign=centre] uielementalfooter,
uielementalcontainer.uielementalcontent uielemental[contentalign=centre] uielementalcontent, uielementalcontainer.uielementalcontent uielemental[contentalign=center] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentalign=center] uielementalfooter,
uielementalcontainer.uielementalcontent uielemental[contentalign=center] uielementalcontent {
  text-align: center;
}
uielementalcontainer.uielementalcontent uielemental[contentalign=centre] uielementalactions, uielementalcontainer.uielementalcontent uielemental[contentalign=center] uielementalactions {
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalcontent uielemental[contentalign=left] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentalign=left] uielementalfooter,
uielementalcontainer.uielementalcontent uielemental[contentalign=left] uielementalcontent {
  text-align: left;
}
uielementalcontainer.uielementalcontent uielemental[contentalign=left] uielementalactions {
  align-items: flex-start;
  justify-content: flex-start;
}
uielementalcontainer.uielementalcontent uielemental[contentalign=right] uielementalheader,
uielementalcontainer.uielementalcontent uielemental[contentalign=right] uielementalfooter,
uielementalcontainer.uielementalcontent uielemental[contentalign=right] uielementalcontent {
  text-align: right;
}
uielementalcontainer.uielementalcontent uielemental[contentalign=right] uielementalactions {
  align-items: flex-end;
  justify-content: flex-end;
}
uielementalcontainer uielemental.uielementalcontent--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcontent--root {
    flex: 1 1 1284px;
    max-width: none;
    padding: 96px 48px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalcontent--root {
    padding: 96px 0;
    flex: 0 0 1284px;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcontent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 24px;
    align-items: center;
  }
}
uielementalcontainer uielemental.uielementalcontent[collapsetop="1"] {
  padding-top: 0 !important;
}
uielementalcontainer uielemental.uielementalcontent[collapsebottom="1"] {
  padding-bottom: 0 !important;
}
uielementalcontainer uielemental.uielementalcontent uielementalheader,
uielementalcontainer uielemental.uielementalcontent uielementalfooter,
uielementalcontainer uielemental.uielementalcontent uielementalcontent,
uielementalcontainer uielemental.uielementalcontent uielementalactions {
  width: 100%;
  max-width: 100%;
  grid-column: auto/span 12;
}
uielementalcontainer uielemental.uielementalcontent[compact="1"] uielementalheader,
uielementalcontainer uielemental.uielementalcontent[compact="1"] uielementalfooter,
uielementalcontainer uielemental.uielementalcontent[compact="1"] uielementalcontent,
uielementalcontainer uielemental.uielementalcontent[compact="1"] uielementalactions {
  grid-column: 2/span 10;
}
uielementalcontainer uielemental.uielementalcontent[compact="2"] uielementalheader,
uielementalcontainer uielemental.uielementalcontent[compact="2"] uielementalfooter,
uielementalcontainer uielemental.uielementalcontent[compact="2"] uielementalcontent,
uielementalcontainer uielemental.uielementalcontent[compact="2"] uielementalactions {
  grid-column: 3/span 8;
}
uielementalcontainer uielemental.uielementalcontent[compact="3"] uielementalheader,
uielementalcontainer uielemental.uielementalcontent[compact="3"] uielementalfooter,
uielementalcontainer uielemental.uielementalcontent[compact="3"] uielementalcontent,
uielementalcontainer uielemental.uielementalcontent[compact="3"] uielementalactions {
  grid-column: 4/span 6;
}
uielementalcontainer uielemental.uielementalcontent uielementalactions {
  flex-flow: column nowrap;
  grid-gap: 12px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcontent uielementalactions {
    flex-flow: row nowrap;
    grid-gap: 24px;
  }
}
uielementalcontainer uielemental.uielementalcontent uielementalactions .md-button {
  width: 100%;
  margin-bottom: 12px;
}
uielementalcontainer uielemental.uielementalcontent uielementalactions .md-button:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcontent uielementalactions .md-button {
    width: auto;
    margin-right: 12px;
    margin-bottom: 0;
  }
  uielementalcontainer uielemental.uielementalcontent uielementalactions .md-button:last-of-type {
    margin-right: 0;
  }
}
uielementalcontainer.uielementalcontent--nopadding-top uielemental.uielementalcontent--root {
  padding-top: 0;
}
uielementalcontainer.uielementalcontent--nopadding-bottom uielemental.uielementalcontent--root {
  padding-bottom: 0;
}
uielementalcontainer.uielementalcontent--nomargin-top uielemental.uielementalcontent--root {
  margin-top: 0;
}
uielementalcontainer.uielementalcontent--nomargin-bottom uielemental.uielementalcontent--root {
  margin-bottom: 0;
}

[rs-elemental=uielementalctagroup] {
  --align-items: flex-start;
  --align-content: flex-start;
  --align-text: center;
  --tile-grid-area: fullheight/fullwidth/fullheight/fullwidth;
  --tile-grid-row-gap: 24px;
  --tile-opacity: 1;
  --tile-content-display: none;
  --tile-content-align: left;
  --tile-layout-align: start;
  --tile-background-color: #f7f8f9;
  --tile-container-color: rgba(44, 47, 52, 0.07);
  --tile-state-color-active: var(--material-secondary-color);
  --tile-color-active: var(--material-text-color);
  --tile-aspect-ratio: 1;
  --tile-image-filter-lowres: blur(12px) grayscale(1) brightness(0.5) contrast(0.75);
  --tile-image-mask: linear-gradient(to bottom, black 10%, rgba(0, 0, 0, 0.25) 85%);
  --tile-image-state: translate3d(0, 0, 0) scale(1);
  --tile-state-opacity: 0;
  --tile-align-center: start center;
  --tile-align-left: start;
  --tile-align-middle: center;
  --tile-align-middle-left: center start;
  --tile-align-middle-right: center end;
  --tile-align-top: start start;
  --tile-align-top-left: start center;
  --tile-align-top-right: end center;
  --tile-align-bottom: end start;
  --tile-align-bottom-left: end start;
  --tile-align-bottom-right: end end;
  --tile-accent-width-left: 100%;
  --tile-accent-width-right: 100%;
  --tile-accent-left: translate3d(-50%, 5%, 0);
  --tile-accent-right: translate3d(0%, 200%, 0);
  --tile-padding: 24px;
  grid-template-rows: var(--material-grid-rows);
  overflow: hidden;
}
[rs-elemental=uielementalctagroup] skeleton[error],
[rs-elemental=uielementalctagroup] rs-grid[tiles] {
  grid-area: var(--tile-grid-area);
}
[rs-elemental=uielementalctagroup]:before {
  left: 0;
  width: var(--tile-accent-width-left);
  background-position: center right;
  transform: var(--tile-accent-left);
}
[rs-elemental=uielementalctagroup]:after {
  right: 0;
  width: var(--tile-accent-width-right);
  background-position: center left;
  transform: var(--tile-accent-right);
}
@media only screen and (min-width: 1024px) {
  [rs-elemental=uielementalctagroup] {
    --tile-accent-width-left: 33.333%;
    --tile-accent-width-right: 33.333%;
    --tile-accent-left: translate3d(-50%, 5%, 0);
    --tile-accent-right: translate3d(35%, 50%, 0);
  }
}
@media only screen and (min-width: 1920px) {
  [rs-elemental=uielementalctagroup] {
    --tile-accent-right: translate3d(35%, 0%, 0);
  }
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] {
  z-index: 1;
  grid-area: middle/safearea;
  grid-row-gap: var(--tile-grid-row-gap);
}
@media only screen and (min-width: 768px) {
  [rs-elemental=uielementalctagroup] rs-grid[tiles] {
    --tile-grid-row-gap: 48px;
  }
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper {
  display: grid;
  grid-template-columns: [media-start] 50% [media-end content-start] 50% [content-end];
  grid-auto-flow: column;
  overflow: hidden;
  aspect-ratio: 2/1;
  height: 100%;
  background: var(--tile-container-color);
  transform: translate3d(0, 0, 0);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper panel[content],
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper panel[media] {
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper panel[media] {
  grid-area: media;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper panel[content] {
  grid-area: content;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper:focus, [rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper:hover, [rs-elemental=uielementalctagroup] rs-grid[tiles] rs-wrapper:active {
  transform: translate3d(-50%, 0, 0);
  --tile-image-state: translate3d(0, 0, 0) scale(1.125);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] {
  container: contentpanel/inline-size;
  display: flex;
  flex-flow: column nowrap;
  place-items: start center;
  overflow: hidden;
  aspect-ratio: 1/1;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile]:focus, [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile]:hover, [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile]:active {
  --tile-radius: 0;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] panel-inner {
  display: grid;
  grid-template-rows: minmax(24px, min-content);
  grid-auto-flow: row;
  gap: 12px;
  place-content: center;
  place-items: center;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] {
  display: grid;
  place-items: center;
  grid-auto-flow: column;
  padding: var(--tile-padding);
}
@container contentpanel (width >= 265px) {
  [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] {
    --tile-padding: 24px 48px;
  }
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner p:last-of-type {
  margin-bottom: 0;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner rs-heading h3,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner rs-heading h3 a {
  font-size: clamp(24px, 20.5714285714px + 0.0107142857 * 100vw, 36px);
  color: var(--material-secondary-text-color);
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner rs-heading h3 a:focus, [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner rs-heading h3 a:hover, [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] panel-inner rs-heading h3 a:active {
  color: var(--material-accent-color);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] rs-content {
  display: none;
}
@container contentpanel (width >= 265px) {
  [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[content] rs-content {
    display: block;
  }
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] panel-inner {
  color: var(--material-neutral-color);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] panel-inner rs-heading {
  padding: 0 24px;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] panel-inner rs-heading h3,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] panel-inner rs-heading h3 a {
  font-size: clamp(24px, 20.5714285714px + 0.0107142857 * 100vw, 36px);
  line-height: 1;
  color: var(--material-neutral-color);
  text-transform: uppercase;
  margin: 0;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media]:before {
  grid-area: stack;
  transition: all 512ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  overflow: hidden;
  display: block;
  pointer-events: none;
  background-position: center center;
  background-color: var(--tile-state-color-active);
  opacity: var(--tile-state-opacity);
  mix-blend-mode: color;
  z-index: 1;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: var(--tile-image-state);
  -webkit-mask-image: var(--tile-image-mask);
          mask-image: var(--tile-image-mask);
  opacity: var(--tile-image-state-opacity);
  transform: var(--tile-image-state);
  transition-duration: 1500ms;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] panel[media] picture img[lowres] {
  filter: var(--tile-image-filter-lowres) !important;
  position: relative;
  transform: translate3d(0, 0, 0) scale(1.125);
  transition-duration: 320ms;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile], [rs-elemental=uielementalctagroup] rs-grid[tiles] [tile]:before,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] content,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] picture,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] picture img {
  overflow: hidden;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] rs-heading,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] rs-content,
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile] rs-actions {
  z-index: 1;
  width: 100%;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] [tile][linked] {
  cursor: pointer;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] {
  container: contentcontainer/inline-size;
  display: grid;
  grid-template-columns: var(--material-grid-columns);
  grid-template-rows: min-content;
  place-content: center;
  gap: clamp(12px, 8px + 0.0125 * 100vw, 24px) clamp(12px, 8px + 0.0125 * 100vw, 24px);
  grid-template-columns: var(--material-content-grid-columns);
  grid-column-gap: 0;
}
@media only screen and (min-width: 1280px) {
  [rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] {
    grid-template-columns: [fullwidth-start] var(--slide-column-width) [safearea-start] repeat(10, 1fr) [safearea-end] var(--slide-column-width) [fullwidth-end];
  }
}
@media only screen and (min-width: 1920px) {
  [rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] {
    --slide-column-width: 96px;
  }
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] > * {
  place-content: var(--align-content);
  place-items: var(--align-items);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-heading,
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-content,
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-actions {
  grid-column: safearea;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-heading {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-heading *[casing*=display-] {
  flex: 0 0 100%;
  font-size: clamp(28px, 18.8571428571px + 0.0285714286 * 100vw, 60px);
  color: var(--material-secondary-text-color);
  text-transform: uppercase;
  line-height: 0.85em;
  transform: translate3d(0, 8px, 0);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-heading > *,
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-content > * {
  text-align: var(--align-text);
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-content {
  display: none;
}
@media only screen and (min-width: 400px) {
  [rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-content {
    display: block;
  }
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-content p:last-of-type {
  margin-bottom: 0;
}
[rs-elemental=uielementalctagroup] rs-grid[tiles] rs-griditem[content] rs-actions > * {
  place-content: var(--align-content);
  place-items: var(--align-items);
}
[rs-elemental=uielementalctagroup][aligncontent*=left] {
  --align-items: flex-start;
  --align-content: flex-start;
  --align-text: left;
}
[rs-elemental=uielementalctagroup][aligncontent*=right] {
  --align-items: flex-start;
  --align-content: flex-end;
  --align-text: right;
}
[rs-elemental=uielementalctagroup][aligncontent*=center] {
  --align-items: center;
  --align-content: center;
  --align-text: center;
}

uielementalcontainer.uielementalgrid--container.uielementalgrid--color-grey-50 {
  background-color: #f7f8f9;
}
uielementalcontainer.uielementalgrid--container.uielementalgrid--color-grey-100 {
  background-color: #212121;
}
uielementalcontainer.uielementalgrid--container.uielementalgrid--color-grey-200 {
  background-color: #545454;
}
uielementalcontainer.uielementalgrid--nopadding-top uielemental.uielementalgrid--root {
  padding-top: 0;
}
uielementalcontainer.uielementalgrid--nopadding-bottom uielemental.uielementalgrid--root {
  padding-bottom: 0;
}
uielementalcontainer.uielementalgrid--nomargin-top uielemental.uielementalgrid--root {
  margin-top: 0;
}
uielementalcontainer.uielementalgrid--nomargin-bottom uielemental.uielementalgrid--root {
  margin-bottom: 0;
}
uielementalcontainer uielemental.uielementalgrid uielementalheader,
uielementalcontainer uielemental.uielementalgrid uielementalfooter {
  width: 100%;
  flex-flow: column nowrap;
}
uielementalcontainer uielemental.uielementalgrid uielementalheader h1, uielementalcontainer uielemental.uielementalgrid uielementalheader h2, uielementalcontainer uielemental.uielementalgrid uielementalheader p,
uielementalcontainer uielemental.uielementalgrid uielementalfooter h1,
uielementalcontainer uielemental.uielementalgrid uielementalfooter h2,
uielementalcontainer uielemental.uielementalgrid uielementalfooter p {
  width: 100%;
}
uielementalcontainer uielemental.uielementalgrid--root {
  flex: 1 1 100%;
  flex-flow: column nowrap;
  max-width: 100%;
  padding: clamp(24px, 13.7142857143px + 0.0321428571 * 100vw, 60px) 24px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  uielementalcontainer uielemental.uielementalgrid--root {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalgrid--root {
    max-width: 1284px;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalgrid--root {
    padding: clamp(48px, 54.8571428571px + -0.0214285714 * 100vw, 24px) clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalgrid--root {
    padding: clamp(48px, 41.1428571429px + 0.0214285714 * 100vw, 72px) 0;
  }
}
uielementalcontainer uielemental.uielementalgrid--root.uielementalgrid--fluid {
  max-width: 100%;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalgrid--root.uielementalgrid--fluid {
    padding: clamp(48px, 41.1428571429px + 0.0214285714 * 100vw, 72px) 0;
  }
}
uielementalcontainer uielemental.uielementalgrid--root.uielementalgrid--seamless {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalgrid--root.uielementalgrid--seamless {
    padding: 0;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalgrid--root.uielementalgrid--seamless {
    padding: 0;
  }
}
uielementalcontainer uielemental.uielementalgrid gridcontainer {
  width: 100%;
}
uielementalcontainer uielemental.uielementalgrid gridcontainer griditem img,
uielementalcontainer uielemental.uielementalgrid gridcontainer gridcontent img {
  max-width: 100%;
  height: auto;
}
uielementalcontainer uielemental.uielementalgrid gridmedia,
uielementalcontainer uielemental.uielementalgrid mediawrapper {
  display: flex;
  position: relative;
  overflow: hidden;
}
uielementalcontainer uielemental.uielementalgrid mediawrapper {
  width: 100%;
}
uielementalcontainer uielemental.uielementalgrid mediawrapper img {
  margin: 0;
  padding: 0;
  width: 100%;
  pointer-events: none;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  uielementalcontainer uielemental.uielementalgrid mediawrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
uielementalcontainer uielemental.uielementalgrid mediawrapper img.non-deferred {
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalgrid mediawrapper img.non-deferred {
  width: 100% !important;
  height: 100%;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  uielementalcontainer uielemental.uielementalgrid mediawrapper img.non-deferred {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
uielementalcontainer uielemental.uielementalgrid gridmedia {
  margin-bottom: 24px;
  flex: 0 0 auto;
  background-color: #212121;
}
uielementalcontainer uielemental.uielementalgrid gridmedia:before {
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  background-color: #212121;
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalgrid gridmedia img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  pointer-events: none;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  uielementalcontainer uielemental.uielementalgrid gridmedia img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
uielementalcontainer uielemental.uielementalgrid gridmedia img.non-deferred {
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalgrid gridmedia img.non-deferred {
  width: 100% !important;
  height: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  uielementalcontainer uielemental.uielementalgrid gridmedia img.non-deferred {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
uielementalcontainer uielemental.uielementalgrid gridmedia a,
uielementalcontainer uielemental.uielementalgrid gridmedia .mediawrapper,
uielementalcontainer uielemental.uielementalgrid gridmedia mediawrapper {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1.001);
  transition: all 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalgrid gridmedia.mediawrapper img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1.001);
  pointer-events: none;
  transition: all 2.5s cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalgrid gridmedia:focus:before, uielementalcontainer uielemental.uielementalgrid gridmedia:hover:before, uielementalcontainer uielemental.uielementalgrid gridmedia:active:before {
  opacity: 0.54;
}
uielementalcontainer uielemental.uielementalgrid gridmedia:focus a, uielementalcontainer uielemental.uielementalgrid gridmedia:hover a, uielementalcontainer uielemental.uielementalgrid gridmedia:active a {
  transform: translate3d(0, 0, 0) scale(1.125);
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--1_n:before, uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--n_1:before {
  content: none;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--1_n a, uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--1_n img, uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--n_1 a, uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--n_1 img {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--1_1:before {
  padding-bottom: 100%;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--4_3:before {
  padding-bottom: 75%;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--3_4:before {
  padding-bottom: 125%;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--16_9:before {
  padding-bottom: 56.25%;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--9_16:before {
  padding-bottom: 156.25%;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--21_9:before {
  padding-bottom: 42.85%;
}
uielementalcontainer uielemental.uielementalgrid gridmedia.aspectratio--9_21:before {
  padding-bottom: 233.333%;
}
uielementalcontainer uielemental.uielementalgrid gridcontent {
  display: block;
  width: 100%;
  overflow: hidden;
}
uielementalcontainer uielemental.uielementalgrid gridcontent strong {
  font-weight: 600;
}
uielementalcontainer uielemental.uielementalgrid gridcontent img.non-deferred {
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalgrid gridcontent img.center.non-deferred {
  width: 100% !important;
  height: 100%;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  uielementalcontainer uielemental.uielementalgrid gridcontent img.center.non-deferred {
    -o-object-fit: contain;
       object-fit: contain;
  }
}

uielementalcontainer.uielementalgrid gridcontainer griditem gridmedia,
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem gridmedia,
uielementalcontainer.uielementalcontentgroup gridcontainer griditem gridmedia {
  width: 100%;
  border-radius: var(--material-radius);
  overflow: hidden;
}
uielementalcontainer.uielementalgrid gridcontainer griditem gridmedia a,
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem gridmedia a,
uielementalcontainer.uielementalcontentgroup gridcontainer griditem gridmedia a {
  display: block;
  width: 100%;
  height: 100%;
}
uielementalcontainer.uielementalgrid gridcontainer griditem gridmedia img,
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem gridmedia img,
uielementalcontainer.uielementalcontentgroup gridcontainer griditem gridmedia img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
uielementalcontainer.uielementalgrid gridcontainer griditem[mediablock] gridmedia,
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem[mediablock] gridmedia,
uielementalcontainer.uielementalcontentgroup gridcontainer griditem[mediablock] gridmedia {
  width: 100%;
  margin: 0;
}
uielementalcontainer.uielementalgrid gridcontainer griditem[mediablock] gridmedia img,
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem[mediablock] gridmedia img,
uielementalcontainer.uielementalcontentgroup gridcontainer griditem[mediablock] gridmedia img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
uielementalcontainer.uielementalgrid gridcontainer griditem.uicontent[contentalign],
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem.uicontent[contentalign],
uielementalcontainer.uielementalcontentgroup gridcontainer griditem.uicontent[contentalign] {
  display: flex;
  flex-flow: column nowrap;
}
uielementalcontainer.uielementalgrid gridcontainer griditem.uicontent[contentalign=left],
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem.uicontent[contentalign=left],
uielementalcontainer.uielementalcontentgroup gridcontainer griditem.uicontent[contentalign=left] {
  justify-content: flex-start;
}
uielementalcontainer.uielementalgrid gridcontainer griditem.uicontent[contentalign=right],
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem.uicontent[contentalign=right],
uielementalcontainer.uielementalcontentgroup gridcontainer griditem.uicontent[contentalign=right] {
  justify-content: flex-end;
}
uielementalcontainer.uielementalgrid gridcontainer griditem.uicontent[contentalign=center], uielementalcontainer.uielementalgrid gridcontainer griditem.uicontent[contentalign=centre],
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem.uicontent[contentalign=center],
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem.uicontent[contentalign=centre],
uielementalcontainer.uielementalcontentgroup gridcontainer griditem.uicontent[contentalign=center],
uielementalcontainer.uielementalcontentgroup gridcontainer griditem.uicontent[contentalign=centre] {
  justify-content: center;
}

uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem {
  display: flex;
  flex-flow: column nowrap;
}

@keyframes fadeInGrid {
  from {
    transform: translate3d(0, 160px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeOutGrid {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}
uielementalcontainer.uielementalgrid gridcontainer griditem,
uielementalcontainer.uielementalfeaturedgrid gridcontainer griditem {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
}
uielementalcontainer.uielementalgrid:not(.animation) uielementalheader h2, uielementalcontainer.uielementalgrid:not(.animation) uielementalheader p,
uielementalcontainer.uielementalgrid:not(.animation) uielementalfooter h2,
uielementalcontainer.uielementalgrid:not(.animation) uielementalfooter p,
uielementalcontainer.uielementalfeaturedgrid:not(.animation) uielementalheader h2,
uielementalcontainer.uielementalfeaturedgrid:not(.animation) uielementalheader p,
uielementalcontainer.uielementalfeaturedgrid:not(.animation) uielementalfooter h2,
uielementalcontainer.uielementalfeaturedgrid:not(.animation) uielementalfooter p {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation: fadeOutHeader 0s;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalgrid:not(.animation) gridcontainer griditem,
uielementalcontainer.uielementalfeaturedgrid:not(.animation) gridcontainer griditem {
  animation: fadeInHeader 0ms;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader h2, uielementalcontainer.uielementalgrid.animation uielementalheader p,
uielementalcontainer.uielementalgrid.animation uielementalfooter h2,
uielementalcontainer.uielementalgrid.animation uielementalfooter p,
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader h2,
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p,
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter h2,
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p {
  animation: fadeInHeader 1.72s both;
}
uielementalcontainer.uielementalgrid.animation uielementalheader h2,
uielementalcontainer.uielementalgrid.animation uielementalfooter h2,
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader h2,
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter h2 {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(1),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(1),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(1),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(1) {
  transition-delay: 250ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(2),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(2),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(2),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(2) {
  transition-delay: 500ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(3),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(3),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(3),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(3) {
  transition-delay: 750ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(4),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(4),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(4),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(4) {
  transition-delay: 1000ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(5),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(5),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(5),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(5) {
  transition-delay: 1250ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(6),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(6),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(6),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(6) {
  transition-delay: 1500ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(7),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(7),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(7),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(7) {
  transition-delay: 1750ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(8),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(8),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(8),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(8) {
  transition-delay: 2000ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(9),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(9),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(9),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(9) {
  transition-delay: 2250ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(10),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(10),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(10),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(10) {
  transition-delay: 2500ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(11),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(11),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(11),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(11) {
  transition-delay: 2750ms;
}
uielementalcontainer.uielementalgrid.animation uielementalheader p:nth-child(12),
uielementalcontainer.uielementalgrid.animation uielementalfooter p:nth-child(12),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalheader p:nth-child(12),
uielementalcontainer.uielementalfeaturedgrid.animation uielementalfooter p:nth-child(12) {
  transition-delay: 3000ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem,
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem {
  animation: fadeInGrid 1720ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(0),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(0) {
  animation-delay: 0ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(1),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(1) {
  animation-delay: 300ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(2),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(2) {
  animation-delay: 600ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(3),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(3) {
  animation-delay: 900ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(4),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(4) {
  animation-delay: 1200ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(5),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(5) {
  animation-delay: 1500ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(6),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(6) {
  animation-delay: 1800ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(7),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(7) {
  animation-delay: 2100ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(8),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(8) {
  animation-delay: 2400ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(9),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(9) {
  animation-delay: 2700ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(10),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(10) {
  animation-delay: 3000ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(11),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(11) {
  animation-delay: 3300ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(12),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(12) {
  animation-delay: 3600ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(13),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(13) {
  animation-delay: 3900ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(14),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(14) {
  animation-delay: 4200ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(15),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(15) {
  animation-delay: 4500ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(16),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(16) {
  animation-delay: 4800ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(17),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(17) {
  animation-delay: 5100ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(18),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(18) {
  animation-delay: 5400ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(19),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(19) {
  animation-delay: 5700ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(20),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(20) {
  animation-delay: 6000ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(21),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(21) {
  animation-delay: 6300ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(22),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(22) {
  animation-delay: 6600ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(23),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(23) {
  animation-delay: 6900ms;
}
uielementalcontainer.uielementalgrid.animation gridcontainer griditem:nth-child(24),
uielementalcontainer.uielementalfeaturedgrid.animation gridcontainer griditem:nth-child(24) {
  animation-delay: 7200ms;
}

banner.uielementalbanner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-height: 600px;
  overflow: hidden;
  background-color: #212121;
  margin: 24px 0;
}
@media only screen and (min-width: 768px) {
  banner.uielementalbanner {
    margin: 0;
  }
}
banner.uielementalbanner[collapsetop="1"] {
  margin-top: 0 !important;
}
banner.uielementalbanner[collapsebottom="1"] {
  margin-bottom: 0 !important;
}
banner.uielementalbanner uielementalimage {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
banner.uielementalbanner[data-scroll-section] uielementalimage {
  width: 100%;
  height: 100vh;
}
banner.uielementalbanner a:not(.md-button).overlay {
  display: block;
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
banner.uielementalbanner a:not(.md-button) .hide-visually {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
banner[tint="1"]:before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: #212121;
  opacity: 0.7;
}
banner uielemental.uielementalbanner--root {
  position: relative;
  z-index: 3;
  width: 100vw;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 24px;
}
@media only screen and (min-width: 768px) {
  banner uielemental.uielementalbanner--root {
    flex: 1 1 1284px;
    padding: 0 48px;
  }
}
@media only screen and (min-width: 1440px) {
  banner uielemental.uielementalbanner--root {
    flex: 0 0 1284px;
    padding: 0;
  }
}
banner uielemental.uielementalbanner uielementalheader,
banner uielemental.uielementalbanner uielementalcontent {
  color: rgb(255, 255, 255);
}
banner uielemental.uielementalbanner uielementalheader,
banner uielemental.uielementalbanner uielementalfooter,
banner uielemental.uielementalbanner uielementalcontent,
banner uielemental.uielementalbanner uielementalactions {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 3;
}
banner uielemental.uielementalbanner uielementalheader > *,
banner uielemental.uielementalbanner uielementalfooter > *,
banner uielemental.uielementalbanner uielementalcontent > *,
banner uielemental.uielementalbanner uielementalactions > * {
  color: inherit;
}
banner uielemental.uielementalbanner uielementalcontent {
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-h1, banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography h1 {
  font-size: clamp(32px, 13.7142857143px + 0.0571428571 * 100vw, 96px);
  line-height: 1;
  letter-spacing: -0.01562em;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-h2, banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography h2 {
  font-size: clamp(28px, 18.8571428571px + 0.0285714286 * 100vw, 60px);
  line-height: 1.2;
  letter-spacing: -0.00833em;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-h3, banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography h3 {
  font-size: clamp(18px, 9.4285714286px + 0.0267857143 * 100vw, 48px);
  line-height: 1.167;
  letter-spacing: 0em;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-h4, banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography h4 {
  font-size: clamp(16px, 10.8571428571px + 0.0160714286 * 100vw, 34px);
  line-height: 1.235;
  letter-spacing: 0.00735em;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-h5, banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography h5 {
  font-size: clamp(16px, 13.7142857143px + 0.0071428571 * 100vw, 24px);
  line-height: 1.334;
  letter-spacing: 0em;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-h6, banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography h6 {
  font-size: clamp(14px, 13.4285714286px + 0.0017857143 * 100vw, 16px);
  line-height: 1.6;
  letter-spacing: 0.0075em;
}
banner uielemental.uielementalbanner uielementalcontent.entry-content .md-typography-leadcopy {
  font-size: 1.142rem !important;
  line-height: 24px;
  letter-spacing: 0.03333em;
}
banner uielemental.uielementalbanner .uielementalbanner--calltoaction {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
banner uielemental.uielementalbanner .uielementalbanner--calltoaction-label {
  border: 0;
  clip-path: inset(50%);
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
banner[contentposition=centre] uielemental.uielementalbanner {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
}
banner[contentposition=centre] uielemental.uielementalbanner uielementalheader,
banner[contentposition=centre] uielemental.uielementalbanner uielementalfooter,
banner[contentposition=centre] uielemental.uielementalbanner uielementalactions,
banner[contentposition=centre] uielemental.uielementalbanner uielementalcontent {
  grid-column: auto/span 1;
}
banner[contentposition=left] uielemental.uielementalbanner {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: min-content;
}
banner[contentposition=left] uielemental.uielementalbanner uielementalheader,
banner[contentposition=left] uielemental.uielementalbanner uielementalfooter,
banner[contentposition=left] uielemental.uielementalbanner uielementalactions,
banner[contentposition=left] uielemental.uielementalbanner uielementalcontent {
  grid-column: 1/span 2;
}
@media only screen and (min-width: 768px) {
  banner[contentposition=left] uielemental.uielementalbanner uielementalheader,
  banner[contentposition=left] uielemental.uielementalbanner uielementalfooter,
  banner[contentposition=left] uielemental.uielementalbanner uielementalactions,
  banner[contentposition=left] uielemental.uielementalbanner uielementalcontent {
    grid-column: 1/span 1;
  }
}
banner[contentposition=left] uielemental.uielementalbanner uielementalheader {
  grid-row: 1;
}
banner[contentposition=left] uielemental.uielementalbanner uielementalcontent {
  grid-row: 2;
}
banner[contentposition=left] uielemental.uielementalbanner uielementalactions {
  grid-row: 3;
}
banner[contentposition=right] uielemental.uielementalbanner {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: min-content;
}
banner[contentposition=right] uielemental.uielementalbanner uielementalheader,
banner[contentposition=right] uielemental.uielementalbanner uielementalfooter,
banner[contentposition=right] uielemental.uielementalbanner uielementalactions,
banner[contentposition=right] uielemental.uielementalbanner uielementalcontent {
  grid-column: 1/span 2;
}
@media only screen and (min-width: 768px) {
  banner[contentposition=right] uielemental.uielementalbanner uielementalheader,
  banner[contentposition=right] uielemental.uielementalbanner uielementalfooter,
  banner[contentposition=right] uielemental.uielementalbanner uielementalactions,
  banner[contentposition=right] uielemental.uielementalbanner uielementalcontent {
    grid-column: 2/span 1;
  }
}
banner[contentposition=right] uielemental.uielementalbanner uielementalheader {
  grid-row: 1;
}
banner[contentposition=right] uielemental.uielementalbanner uielementalcontent {
  grid-row: 2;
}
banner[contentposition=right] uielemental.uielementalbanner uielementalactions {
  grid-row: 3;
}
banner[contentalign=centre] uielemental.uielementalbanner uielementalheader,
banner[contentalign=centre] uielemental.uielementalbanner uielementalfooter,
banner[contentalign=centre] uielemental.uielementalbanner uielementalcontent {
  align-items: center;
  justify-content: center;
}
banner[contentalign=centre] uielemental.uielementalbanner uielementalheader > *,
banner[contentalign=centre] uielemental.uielementalbanner uielementalfooter > *,
banner[contentalign=centre] uielemental.uielementalbanner uielementalcontent > * {
  text-align: center;
}
banner[contentalign=left] uielemental.uielementalbanner uielementalheader,
banner[contentalign=left] uielemental.uielementalbanner uielementalfooter,
banner[contentalign=left] uielemental.uielementalbanner uielementalcontent {
  align-items: flex-start;
  justify-content: flex-start;
}
banner[contentalign=left] uielemental.uielementalbanner uielementalheader > *,
banner[contentalign=left] uielemental.uielementalbanner uielementalfooter > *,
banner[contentalign=left] uielemental.uielementalbanner uielementalcontent > * {
  text-align: left;
}
banner[contentalign=right] uielemental.uielementalbanner uielementalheader,
banner[contentalign=right] uielemental.uielementalbanner uielementalfooter,
banner[contentalign=right] uielemental.uielementalbanner uielementalcontent {
  align-items: flex-end;
  justify-content: flex-end;
}
banner[contentalign=right] uielemental.uielementalbanner uielementalheader > *,
banner[contentalign=right] uielemental.uielementalbanner uielementalfooter > *,
banner[contentalign=right] uielemental.uielementalbanner uielementalcontent > * {
  text-align: right;
}

html:not(.has-scroll-smooth) banner.uielementalbanner:not(.animation) uielementalcontent h2, html:not(.has-scroll-smooth) banner.uielementalbanner:not(.animation) uielementalcontent h3, html:not(.has-scroll-smooth) banner.uielementalbanner:not(.animation) uielementalcontent h4, html:not(.has-scroll-smooth) banner.uielementalbanner:not(.animation) uielementalcontent h5, html:not(.has-scroll-smooth) banner.uielementalbanner:not(.animation) uielementalcontent p {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation: fadeOutHeader 0s;
  animation-delay: 0ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h2, html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h3, html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h4, html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h5, html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p {
  animation: fadeInHeader 1.72s both;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h2 {
  animation-delay: 250ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h3,
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h4,
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent h5 {
  animation-delay: 500ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(1) {
  transition-delay: 250ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(2) {
  transition-delay: 500ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(3) {
  transition-delay: 750ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(4) {
  transition-delay: 1000ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(5) {
  transition-delay: 1250ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(6) {
  transition-delay: 1500ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(7) {
  transition-delay: 1750ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(8) {
  transition-delay: 2000ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(9) {
  transition-delay: 2250ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(10) {
  transition-delay: 2500ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(11) {
  transition-delay: 2750ms;
}
html:not(.has-scroll-smooth) banner.uielementalbanner.animation uielementalcontent p:nth-child(12) {
  transition-delay: 3000ms;
}

uielementalcontainer uielemental.uielementalblogpostlist uielementalheader,
uielementalcontainer uielemental.uielementalblogpostlist uielementalfooter {
  flex-flow: column nowrap;
}
uielementalcontainer uielemental.uielementalblogpostlist uielementalheader h1, uielementalcontainer uielemental.uielementalblogpostlist uielementalheader h2, uielementalcontainer uielemental.uielementalblogpostlist uielementalheader p,
uielementalcontainer uielemental.uielementalblogpostlist uielementalfooter h1,
uielementalcontainer uielemental.uielementalblogpostlist uielementalfooter h2,
uielementalcontainer uielemental.uielementalblogpostlist uielementalfooter p {
  width: 100%;
}
uielementalcontainer uielemental.uielementalblogpostlist--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 63.984px 24px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalblogpostlist--root {
    flex: 1 1 1284px;
    max-width: none;
    padding: 96px 48px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalblogpostlist--root {
    padding: 96px 0;
    flex: 0 0 1284px;
  }
}

@keyframes fadeInGrid {
  from {
    transform: translate3d(0, 160px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeOutGrid {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}
uielementalcontainer.uielementalblogpostlist gridcontainer griditem {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
}
uielementalcontainer.uielementalblogpostlist:not(.animation) uielementalheader h2, uielementalcontainer.uielementalblogpostlist:not(.animation) uielementalheader p,
uielementalcontainer.uielementalblogpostlist:not(.animation) uielementalfooter h2,
uielementalcontainer.uielementalblogpostlist:not(.animation) uielementalfooter p {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation: fadeOutVertical 0s;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalblogpostlist:not(.animation) gridcontainer griditem {
  animation: fadeOutGrid 0ms;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader h2, uielementalcontainer.uielementalblogpostlist.animation uielementalheader p,
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter h2,
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p {
  animation: fadeInVertical 1.72s both;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader h2,
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter h2 {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(1),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(1) {
  transition-delay: 250ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(2),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(2) {
  transition-delay: 500ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(3),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(3) {
  transition-delay: 750ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(4),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(4) {
  transition-delay: 1000ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(5),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(5) {
  transition-delay: 1250ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(6),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(6) {
  transition-delay: 1500ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(7),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(7) {
  transition-delay: 1750ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(8),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(8) {
  transition-delay: 2000ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(9),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(9) {
  transition-delay: 2250ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(10),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(10) {
  transition-delay: 2500ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(11),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(11) {
  transition-delay: 2750ms;
}
uielementalcontainer.uielementalblogpostlist.animation uielementalheader p:nth-child(12),
uielementalcontainer.uielementalblogpostlist.animation uielementalfooter p:nth-child(12) {
  transition-delay: 3000ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem {
  animation: fadeInGrid 1720ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(0) {
  animation-delay: 0ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(1) {
  animation-delay: 300ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(2) {
  animation-delay: 600ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(3) {
  animation-delay: 900ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(4) {
  animation-delay: 1200ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(5) {
  animation-delay: 1500ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(6) {
  animation-delay: 1800ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(7) {
  animation-delay: 2100ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(8) {
  animation-delay: 2400ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(9) {
  animation-delay: 2700ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(10) {
  animation-delay: 3000ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(11) {
  animation-delay: 3300ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(12) {
  animation-delay: 3600ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(13) {
  animation-delay: 3900ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(14) {
  animation-delay: 4200ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(15) {
  animation-delay: 4500ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(16) {
  animation-delay: 4800ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(17) {
  animation-delay: 5100ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(18) {
  animation-delay: 5400ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(19) {
  animation-delay: 5700ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(20) {
  animation-delay: 6000ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(21) {
  animation-delay: 6300ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(22) {
  animation-delay: 6600ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(23) {
  animation-delay: 6900ms;
}
uielementalcontainer.uielementalblogpostlist.animation gridcontainer griditem:nth-child(24) {
  animation-delay: 7200ms;
}

uielementalcontainer.uielementalgallery--container {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
uielementalcontainer.uielementalgallery--container[contentalign=left], uielementalcontainer.uielementalgallery--container[contentalign=right] {
  flex-flow: row nowrap;
}
uielementalcontainer.uielementalgallery--container[contentalign=right] {
  flex-flow: row-reverse nowrap;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery--container {
    flex: 1 1 1284px;
    max-width: none;
    padding: 96px 48px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer.uielementalgallery--container {
    padding: 96px 0;
    flex: 0 0 1284px;
  }
}

uielementalcontainer.uielementalgallery uielementalheader,
uielementalcontainer.uielementalgallery uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementalgallery uielementalheader > *,
uielementalcontainer.uielementalgallery uielementalfooter > * {
  text-align: inherit;
  margin: 0 auto 24px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery uielementalheader > *,
  uielementalcontainer.uielementalgallery uielementalfooter > * {
    max-width: 696px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer.uielementalgallery uielementalheader > *,
  uielementalcontainer.uielementalgallery uielementalfooter > * {
    max-width: 960px;
  }
}
uielementalcontainer.uielementalgallery[contentalign] {
  display: grid;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalgallery[contentalign] {
    grid-template-columns: repeat(24, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[contentalign] {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
}
uielementalcontainer.uielementalgallery[contentalign] uielemental {
  grid-column: auto/span 1;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalgallery[contentalign] uielemental {
    grid-column: auto/span 24;
  }
}
uielementalcontainer.uielementalgallery[contentalign] gridcontainer {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
uielementalcontainer.uielementalgallery[contentalign] gridcontainer griditem {
  display: flex;
}
uielementalcontainer.uielementalgallery[contentalign] gridcontainer griditem gridcontent {
  flex: 1 1 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
uielementalcontainer.uielementalgallery[contentalign=before] uielementalheader,
uielementalcontainer.uielementalgallery[contentalign=before] uielementalfooter,
uielementalcontainer.uielementalgallery[contentalign=before] uielemental, uielementalcontainer.uielementalgallery[contentalign=after] uielementalheader,
uielementalcontainer.uielementalgallery[contentalign=after] uielementalfooter,
uielementalcontainer.uielementalgallery[contentalign=after] uielemental {
  grid-column: 1/span 1;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalgallery[contentalign=before] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=before] uielementalfooter,
  uielementalcontainer.uielementalgallery[contentalign=before] uielemental, uielementalcontainer.uielementalgallery[contentalign=after] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=after] uielementalfooter,
  uielementalcontainer.uielementalgallery[contentalign=after] uielemental {
    grid-column: 1/span 24;
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[contentalign=before] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=before] uielementalfooter,
  uielementalcontainer.uielementalgallery[contentalign=before] uielemental, uielementalcontainer.uielementalgallery[contentalign=after] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=after] uielementalfooter,
  uielementalcontainer.uielementalgallery[contentalign=after] uielemental {
    grid-column: 2/span 22;
  }
}
uielementalcontainer.uielementalgallery[contentalign=left] uielementalheader,
uielementalcontainer.uielementalgallery[contentalign=left] uielementalfooter, uielementalcontainer.uielementalgallery[contentalign=right] uielementalheader,
uielementalcontainer.uielementalgallery[contentalign=right] uielementalfooter {
  grid-column: auto/span 1;
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[contentalign=left] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=left] uielementalfooter, uielementalcontainer.uielementalgallery[contentalign=right] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=right] uielementalfooter {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalgallery[contentalign=left] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=left] uielementalfooter {
    grid-column: 1/8;
  }
  uielementalcontainer.uielementalgallery[contentalign=left] uielemental {
    grid-column: 9/25;
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[contentalign=left] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=left] uielementalfooter {
    grid-column: 2/8;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalgallery[contentalign=right] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=right] uielementalfooter {
    grid-column: 18/25;
  }
  uielementalcontainer.uielementalgallery[contentalign=right] uielemental {
    grid-column: 1/17;
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[contentalign=right] uielementalheader,
  uielementalcontainer.uielementalgallery[contentalign=right] uielementalfooter {
    grid-column: 18/24;
  }
  uielementalcontainer.uielementalgallery[contentalign=right] uielemental {
    grid-column: 2/17;
  }
}
uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer {
  grid-auto-flow: dense;
}
uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count] griditem:nth-child(-1n+12) {
  grid-column: 1/span auto;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="4"] griditem:nth-child(1) {
    grid-area: 1/1/3/4;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="4"] griditem:nth-child(2) {
    grid-area: 1/4/2/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="4"] griditem:nth-child(3) {
    grid-area: 2/4/3/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="4"] griditem:nth-child(4) {
    grid-area: 1/5/3/7;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="6"] griditem:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="6"] griditem:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="6"] griditem:nth-child(3) {
    grid-area: 2/1/3/2;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="6"] griditem:nth-child(4) {
    grid-area: 2/2/3/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="6"] griditem:nth-child(5) {
    grid-area: 1/3/3/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="6"] griditem:nth-child(6) {
    grid-area: 1/5/3/7;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(3) {
    grid-area: 2/1/3/2;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(4) {
    grid-area: 2/2/3/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(5) {
    grid-area: 1/3/3/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(6) {
    grid-area: 1/5/3/7;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(7) {
    grid-area: 3/1/5/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="8"] griditem:nth-child(8) {
    grid-area: 3/3/5/7;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(1) {
    grid-area: 1/1/2/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(4) {
    grid-area: 1/3/3/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(5) {
    grid-area: 1/5/3/7;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(6) {
    grid-area: 3/1/5/4;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(7) {
    grid-area: 3/4/5/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(8) {
    grid-area: 4/5/5/7;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(9) {
    grid-area: 3/5/4/6;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="10"] griditem:nth-child(10) {
    grid-area: 3/6/4/7;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(1) {
    grid-area: 1/1/2/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(2) {
    grid-area: 2/1/3/2;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(4) {
    grid-area: 1/3/3/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(5) {
    grid-area: 1/5/3/6;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(6) {
    grid-area: 1/6/3/7;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(7) {
    grid-area: 3/4/4/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(8) {
    grid-area: 4/4/5/5;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(9) {
    grid-area: 3/5/5/7;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(10) {
    grid-area: 3/1/5/3;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(11) {
    grid-area: 3/3/4/4;
  }
  uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer[count="12"] griditem:nth-child(12) {
    grid-area: 4/3/5/4;
  }
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery {
  display: flex;
  width: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-0 {
  padding: 0px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-1 {
  padding: 8px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-2 {
  padding: 16px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-3 {
  padding: 24px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-4 {
  padding: 32px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-5 {
  padding: 40px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-6 {
  padding: 48px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-7 {
  padding: 56px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-8 {
  padding: 64px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-9 {
  padding: 72px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-10 {
  padding: 80px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-11 {
  padding: 88px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery--spacing-xs-12 {
  padding: 96px;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery {
  min-height: 30vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery {
    min-height: 45vh;
  }
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery {
    min-height: 30vh;
  }
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset,
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery gallerymedia {
  display: flex;
  position: relative;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset {
  flex-flow: row nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  max-width: 300px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset {
    max-width: 520px;
  }
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(1) {
  z-index: 1;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(1) gallerymedia {
  transform: translate3d(0, -45%, 0);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(1) gallerymedia:focus, uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(1) gallerymedia:hover, uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(1) gallerymedia:active {
  transform: translate3d(0, -45%, 0) scale(1.125);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(2) {
  z-index: 2;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(2) gallerymedia {
  transform: translate3d(-35%, 0%, 0);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(2):focus gallerymedia, uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(2):hover gallerymedia, uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(2):active gallerymedia {
  transform: translate3d(-35%, 0, 0) scale(1.125);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(3) {
  z-index: 3;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(3) gallerymedia {
  transform: translate3d(25%, 35%, 0);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(3):focus gallerymedia, uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(3):hover gallerymedia, uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset:nth-child(3):active gallerymedia {
  transform: translate3d(25%, 35%, 0) scale(1.125);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset gallerymedia {
  width: 100%;
  overflow: hidden;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 13px 43px 0 rgba(27, 25, 47, 0.1);
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset gallerymedia img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery galleryasset gallerymedia {
    box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14);
  }
}
@media only screen and (min-width: 1920px) {
  uielementalcontainer.uielementalgallery[layout=cascade][contentalign=left] uielementalheader,
  uielementalcontainer.uielementalgallery[layout=cascade][contentalign=left] uielementalfooter {
    grid-column: 5/11;
  }
  uielementalcontainer.uielementalgallery[layout=cascade][contentalign=left] uielemental {
    grid-column: 11/25;
  }
}
@media only screen and (min-width: 1920px) {
  uielementalcontainer.uielementalgallery[layout=cascade][contentalign=right] uielementalheader,
  uielementalcontainer.uielementalgallery[layout=cascade][contentalign=right] uielementalfooter {
    grid-column: 15/21;
  }
  uielementalcontainer.uielementalgallery[layout=cascade][contentalign=right] uielemental {
    grid-column: 2/15;
  }
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent {
  aspect-ratio: 1/1;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent picture img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent picture img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent picture img {
  display: block;
  width: 100%;
  height: 100%;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:after {
  display: block;
  transform-origin: center;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:after {
  position: relative;
  content: "";
  pointer-events: none;
  opacity: 0;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:before {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.54);
  transition-duration: 1500ms;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  content: "add";
  color: rgb(255, 255, 255);
  font-size: 24px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  transition-delay: 125ms;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1.125);
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  transform: scale(1.125);
  filter: saturate(150%);
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent[aspectratio]:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent[aspectratio]:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent[aspectratio]:before {
  height: auto;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent[aspectratio="1:1"]:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent[aspectratio="1:1"]:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent[aspectratio="1:1"]:before {
  padding-bottom: 100%;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent[aspectratio="4:3"]:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent[aspectratio="4:3"]:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent[aspectratio="4:3"]:before {
  padding-bottom: 75%;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent[aspectratio="16:9"]:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent[aspectratio="16:9"]:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent[aspectratio="16:9"]:before {
  padding-bottom: 56.25%;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent[aspectratio="21:9"]:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent[aspectratio="21:9"]:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent[aspectratio="21:9"]:before {
  padding-bottom: 42.85%;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:focus:before, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:hover:before, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:active:before, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:focus:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:hover:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:active:before, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:focus:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:hover:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:active:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:active:after {
  opacity: 1;
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:active:after {
  transform: translate3d(-50%, -50%, 0) scale(1.001);
}
uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:focus img, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:hover img, uielementalcontainer.uielementalgallery[layout=grid] gridcontainer griditem gridcontent:active img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:focus img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:hover img, uielementalcontainer.uielementalgallery[layout=mosaic] gridcontainer griditem gridcontent:active img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:focus img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:hover img, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:active img {
  transform: scale(1.001);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer {
  overflow: visible;
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem {
  z-index: 1;
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent {
  backface-visibility: hidden;
  transform-origin: center;
  background-color: rgb(255, 255, 255);
  box-shadow: none;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem gridcontent:before {
  box-sizing: border-box;
  border: 12px solid rgb(255, 255, 255);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.009);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(1) gridcontent {
  transform: translate3d(0, 0, 0) rotate(-8deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(2) gridcontent {
  transform: translate3d(0, -25px, 0) rotate(10deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(3) gridcontent {
  transform: translate3d(0, 0, 0) rotate(-8deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(4) gridcontent {
  transform: translate3d(0, -21px, 0) rotate(4deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(5) gridcontent {
  transform: translate3d(0, 0, 0) rotate(-2deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(6) gridcontent {
  transform: translate3d(0, -25px, 0) rotate(6deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(7) gridcontent {
  transform: translate3d(0, 8px, 0) rotate(-2deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(8) gridcontent {
  transform: translate3d(0, -34px, 0) rotate(-10deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(9) gridcontent {
  transform: translate3d(0, 2px, 0) rotate(12deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(10) gridcontent {
  transform: translate3d(0, -37px, 0) rotate(10deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(11) gridcontent {
  transform: translate3d(0, 0, 0) rotate(-11deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:nth-child(12) gridcontent {
  transform: translate3d(0, -49px, 0) rotate(10deg);
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:focus, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:hover, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:active {
  z-index: 2;
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:focus gridcontent, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:hover gridcontent, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:active gridcontent {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transform: translate3d(0, 0, 0) rotate(0deg);
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:focus gridcontent, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:hover gridcontent, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:active gridcontent {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
}
uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:focus gridcontent:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:hover gridcontent:before, uielementalcontainer.uielementalgallery[layout=scatter] gridcontainer griditem:active gridcontent:before {
  border: 12px solid rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.54);
  opacity: 0.999;
}
uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent {
  cursor: default;
}
uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent::after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent::after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent::after {
  content: "";
}
uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:focus:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:hover:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:active:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:focus:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:hover:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:active:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:focus:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:hover:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:active:before, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:active:after {
  opacity: 0;
}
uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=grid] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=mosaic] gridcontainer griditem gridcontent:active:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:focus:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:hover:after, uielementalcontainer.uielementalgallery:not([interactive])[layout=scatter] gridcontainer griditem gridcontent:active:after {
  transform: none;
}

@keyframes scaleInAsset-1 {
  from {
    transform: scale(0.001) translate3d(0, -45%, 0);
    opacity: 0.001;
  }
  to {
    transform: scale(0.999) translate3d(0, -45%, 0);
    opacity: 0.999;
  }
}
@keyframes scaleInAsset-2 {
  from {
    transform: scale(0.001) translate3d(-35%, 0, 0);
    opacity: 0.001;
  }
  to {
    transform: scale(0.999) translate3d(-35%, 0, 0);
    opacity: 0.999;
  }
}
@keyframes scaleInAsset-3 {
  from {
    transform: scale(0.001) translate3d(25%, 35%, 0);
    opacity: 0.001;
  }
  to {
    transform: scale(0.999) translate3d(25%, 35%, 0);
    opacity: 0.999;
  }
}
@keyframes scaleOutAsset {
  from {
    transform: scale(0.999) translate3d(0, 0, 0);
    opacity: 0.999;
  }
  to {
    transform: scale(0.8) translate3d(0, 0, 0);
    opacity: 0.5;
  }
}
@keyframes gridFlipInVertical {
  from {
    transform: rotateX(-45deg) translateY(120px);
    opacity: 0;
  }
  to {
    transform: rotateY(0deg) translateY(0);
    opacity: 1;
  }
}
@keyframes gridFlipOutVertical {
  from {
    transform: rotateY(0deg) translateY(0);
    opacity: 1;
  }
  to {
    transform: rotateX(-45deg) translateY(120px);
    opacity: 0.5;
  }
}
@keyframes gridRotateIn {
  from {
    opacity: 0.009;
    transform: rotateZ(-21deg);
  }
  to {
    opacity: 0.999;
    transform: rotateZ(0);
  }
}
@keyframes gridRotateOut {
  from {
    opacity: 0.999;
    transform: rotateZ(0);
  }
  to {
    opacity: 0.009;
    transform: rotateZ(-21deg);
  }
}
@keyframes fadeOutVertical {
  from {
    opacity: 0.999;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0.009;
    transform: translate3d(0, 96px, 0);
  }
}
@keyframes fadeInVertical {
  from {
    opacity: 0.009;
    transform: translate3d(0, 96px, 0);
  }
  to {
    opacity: 0.999;
    transform: translate3d(0, 0, 0);
  }
}
uielementalcontainer.uielementalgallery:not(.animation) uielementalheader h2, uielementalcontainer.uielementalgallery:not(.animation) uielementalheader p,
uielementalcontainer.uielementalgallery:not(.animation) uielementalfooter h2,
uielementalcontainer.uielementalgallery:not(.animation) uielementalfooter p {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
  animation: fadeOutVertical 0s;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader h2, uielementalcontainer.uielementalgallery.animation uielementalheader p,
uielementalcontainer.uielementalgallery.animation uielementalfooter h2,
uielementalcontainer.uielementalgallery.animation uielementalfooter p {
  animation: fadeInVertical 1.72s both;
}
uielementalcontainer.uielementalgallery.animation uielementalheader h2,
uielementalcontainer.uielementalgallery.animation uielementalfooter h2 {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(1),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(1) {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(2),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(2) {
  animation-delay: 750ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(3),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(3) {
  animation-delay: 1000ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(4),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(4) {
  animation-delay: 1250ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(5),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(5) {
  animation-delay: 1500ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(6),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(6) {
  animation-delay: 1750ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(7),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(7) {
  animation-delay: 2000ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(8),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(8) {
  animation-delay: 2250ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(9),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(9) {
  animation-delay: 2500ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(10),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(10) {
  animation-delay: 2750ms;
}
uielementalcontainer.uielementalgallery.animation uielementalheader p:nth-child(11),
uielementalcontainer.uielementalgallery.animation uielementalfooter p:nth-child(11) {
  animation-delay: 3000ms;
}
uielementalcontainer.uielementalgallery[layout=cascade] uielemental.uielementalgallery gallery gallerymedia img {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both !important;
}
uielementalcontainer.uielementalgallery[layout=cascade]:not(.animation) uielemental.uielementalgallery gallery gallerymedia gridcontent {
  animation: scaleOutAsset 0ms;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalgallery[layout=cascade].animation uielemental.uielementalgallery gallery gallerymedia {
  animation: scaleInAsset 10s ease-in both;
}
uielementalcontainer.uielementalgallery[layout=cascade].animation uielemental.uielementalgallery gallery galleryasset:nth-child(1) gallerymedia {
  animation: scaleInAsset-1 4.5s both;
  animation-delay: 0ms;
}
uielementalcontainer.uielementalgallery[layout=cascade].animation uielemental.uielementalgallery gallery galleryasset:nth-child(2) gallerymedia {
  animation: scaleInAsset-2 2.25s both;
  animation-delay: 1s;
}
uielementalcontainer.uielementalgallery[layout=cascade].animation uielemental.uielementalgallery gallery galleryasset:nth-child(3) gallerymedia {
  animation: scaleInAsset-3 1s both;
  animation-delay: 1.5s;
}
uielementalcontainer.uielementalgallery[layout=grid] uielemental.uielementalgallery gridcontainer griditem, uielementalcontainer.uielementalgallery[layout=mosaic] uielemental.uielementalgallery gridcontainer griditem, uielementalcontainer.uielementalgallery[layout=scatter] uielemental.uielementalgallery gridcontainer griditem {
  animation-fill-mode: both !important;
  backface-visibility: hidden;
}
uielementalcontainer.uielementalgallery[layout=scatter]:not(.animation) uielemental.uielementalgallery gridcontainer griditem {
  animation: gridRotateOut 0ms;
  opacity: 0.999;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem {
  animation: gridRotateIn 0.35s both;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(1) {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(2) {
  animation-delay: 750ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(3) {
  animation-delay: 1000ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(4) {
  animation-delay: 1250ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(5) {
  animation-delay: 1500ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(6) {
  animation-delay: 1750ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(7) {
  animation-delay: 2000ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(8) {
  animation-delay: 2250ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(9) {
  animation-delay: 2500ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(10) {
  animation-delay: 2750ms;
}
uielementalcontainer.uielementalgallery[layout=scatter].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(11) {
  animation-delay: 3000ms;
}
uielementalcontainer.uielementalgallery[layout=grid] uielemental.uielementalgallery gridcontainer griditem, uielementalcontainer.uielementalgallery[layout=mosaic] uielemental.uielementalgallery gridcontainer griditem {
  perspective: 2000px;
  opacity: 0.999;
}
uielementalcontainer.uielementalgallery[layout=grid] uielemental.uielementalgallery gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic] uielemental.uielementalgallery gridcontainer griditem gridcontent {
  transform-style: preserve-3d;
}
uielementalcontainer.uielementalgallery[layout=grid]:not(.animation) uielemental.uielementalgallery gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic]:not(.animation) uielemental.uielementalgallery gridcontainer griditem gridcontent {
  animation: gridFlipOutVertical 0ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem gridcontent {
  animation: gridFlipInVertical 0.35s ease-in-out both;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(1) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(1) gridcontent {
  animation-delay: 500ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(2) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(2) gridcontent {
  animation-delay: 750ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(3) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(3) gridcontent {
  animation-delay: 1000ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(4) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(4) gridcontent {
  animation-delay: 1250ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(5) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(5) gridcontent {
  animation-delay: 1500ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(6) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(6) gridcontent {
  animation-delay: 1750ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(7) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(7) gridcontent {
  animation-delay: 2000ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(8) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(8) gridcontent {
  animation-delay: 2250ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(9) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(9) gridcontent {
  animation-delay: 2500ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(10) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(10) gridcontent {
  animation-delay: 2750ms;
}
uielementalcontainer.uielementalgallery[layout=grid].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(11) gridcontent, uielementalcontainer.uielementalgallery[layout=mosaic].animation uielemental.uielementalgallery gridcontainer griditem:nth-child(11) gridcontent {
  animation-delay: 3000ms;
}

.modal-content.modal-content--gallery {
  background-color: transparent;
  width: 100vw;
  max-width: 100vw;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .modal-content.modal-content--gallery {
    max-width: 90vw;
  }
}

.md-gallery {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .md-gallery {
    max-width: 90vw;
  }
}
.md-gallery > div {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .md-gallery > div {
    width: 100% !important;
  }
}
.md-gallery > div > div {
  overflow: hidden;
  min-width: 100%;
}
@media only screen and (min-width: 768px) {
  .md-gallery > div > div {
    min-width: 0;
  }
}
.md-gallery--item {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.md-gallery--controls {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  pointer-events: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.md-gallery--controls button {
  pointer-events: auto;
  padding: 0;
  border-radius: var(--material-radius);
  width: 48px;
  height: 48px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  background: var(--material-neutral-color);
  color: var(--material-secondary-color);
}
.md-gallery--controls button span {
  pointer-events: none;
}
.md-gallery--controls button span.md-icon {
  font-size: 24px;
}
.md-gallery--controls button[direction=prev] {
  transform: translate3d(-6px, 0, 0);
}
.md-gallery--controls button[direction=next] {
  transform: translate3d(6px, 0, 0);
}
@media only screen and (min-width: 768px) {
  .md-gallery--controls button {
    border-radius: 50%;
    width: 72px;
    height: 72px;
  }
  .md-gallery--controls button[direction=prev] {
    transform: translate3d(-50%, 0, 0);
  }
  .md-gallery--controls button[direction=next] {
    transform: translate3d(50%, 0, 0);
  }
  .md-gallery--controls button span.md-icon {
    font-size: 36px;
  }
}
.md-gallery--controls button:focus, .md-gallery--controls button:hover, .md-gallery--controls button:active {
  color: var(--material-accent-color);
}
@media only screen and (-width: 768px) {
  .md-gallery--controls button:focus[direction=prev], .md-gallery--controls button:hover[direction=prev], .md-gallery--controls button:active[direction=prev] {
    transform: translate3d(-53%, 0, 0);
  }
  .md-gallery--controls button:focus[direction=next], .md-gallery--controls button:hover[direction=next], .md-gallery--controls button:active[direction=next] {
    transform: translate3d(53%, 0, 0);
  }
}

uielementalcontainer.uielementalrepeater uielemental {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
}
uielementalcontainer.uielementalrepeater uielemental uielementalheader,
uielementalcontainer.uielementalrepeater uielemental uielementalfooter {
  display: block;
  grid-column: auto/span 1;
}
uielementalcontainer.uielementalrepeater uielemental uielementalheader > *,
uielementalcontainer.uielementalrepeater uielemental uielementalfooter > * {
  width: 100%;
}
uielementalcontainer.uielementalrepeater uielemental[contentposition=before] uielementalheader,
uielementalcontainer.uielementalrepeater uielemental[contentposition=before] uielementalfooter, uielementalcontainer.uielementalrepeater uielemental[contentposition=after] uielementalheader,
uielementalcontainer.uielementalrepeater uielemental[contentposition=after] uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalheader,
uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalfooter, uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalheader,
uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalfooter {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalheader > *,
uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalfooter > *, uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalheader > *,
uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalfooter > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left], uielementalcontainer.uielementalrepeater uielemental[contentposition=right] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
    grid-auto-rows: max-content;
  }
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalfooter,
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalcontent, uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalfooter,
  uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalcontent {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalfooter {
    grid-area: 1/1/2/4;
  }
  uielementalcontainer.uielementalrepeater uielemental[contentposition=left] uielementalcontent {
    grid-area: 1/4/2/13;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalfooter {
    grid-area: 1/9/2/13;
  }
  uielementalcontainer.uielementalrepeater uielemental[contentposition=right] uielementalcontent {
    grid-area: 1/1/2/9;
  }
}
uielementalcontainer.uielementalrepeater uielemental[contentalign=centre] uielementalheader,
uielementalcontainer.uielementalrepeater uielemental[contentalign=centre] uielementalfooter, uielementalcontainer.uielementalrepeater uielemental[contentalign=center] uielementalheader,
uielementalcontainer.uielementalrepeater uielemental[contentalign=center] uielementalfooter {
  text-align: center;
}
uielementalcontainer uielemental.uielementalrepeater--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 1284px;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}

[rs-elemental=uielementaltriptych] {
  --triptych-clip-before: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  --triptych-clip-picture: polygon(100% 100%, 100% 0, 100% 100%, 0% 100%);
  --triptych-order: unset;
  --triptych-template-cols: var(--material-content-grid-columns);
  --triptych-col-width: 72px;
  --triptych-gap: 24px;
  --triptych-content-gap: 24px;
  --triptych-content-padding: 48px 0;
  gap: var(--triptych-gap);
}
[rs-elemental=uielementaltriptych] skeleton,
[rs-elemental=uielementaltriptych] rs-grid {
  grid-column: fullwidth;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem {
  place-items: center start;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] {
  display: grid;
  grid-template-rows: min-content;
  grid-template-columns: var(--triptych-template-cols);
  place-items: center start;
  place-content: center;
  gap: var(--triptych-content-gap) 0;
  order: var(--triptych-order);
  padding: var(--triptych-content-padding);
}
@media only screen and (min-width: 320px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] {
    --triptych-template-cols: [fullwidth-start] var(--triptych-col-width) [safearea-start] repeat(10, 1fr) [safearea-end] var(--triptych-col-width) [fullwidth-end];
  }
}
@media only screen and (min-width: 1280px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] {
    --triptych-template-cols: [fullwidth-start] var(--triptych-col-width) [safearea-start] repeat(10, 1fr) [safearea-end] var(--triptych-col-width) [fullwidth-end];
    --triptych-content-padding: 0;
    --triptych-content-gap: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] {
    --triptych-col-width: 96px;
  }
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-heading,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-actions {
  grid-column: safearea;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content {
  display: block;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content > h1:first-of-type,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content > h2:first-of-type,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content > h3:first-of-type,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content > h4:first-of-type,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content > h5:first-of-type {
  margin-top: 0;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content p {
  font-size: clamp(16px, 15.4285714286px + 0.0017857143 * 100vw, 18px);
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[content] rs-content p:last-of-type {
  margin-bottom: 0;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media],
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media] picture,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media] picture img {
  overflow: hidden;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media]:before,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media] picture {
  position: relative;
  transition: all 256ms cubic-bezier(0.4, 0, 0.2, 1);
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media]:before {
  content: "";
  opacity: 0.8;
  background-color: var(--material-neutral-color);
  z-index: 1;
  overflow: hidden;
  transition-duration: 512ms;
  grid-area: stack;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media] picture,
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media] picture img {
  width: 100%;
}
[rs-elemental=uielementaltriptych] rs-grid rs-griditem[media] picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 24px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxs="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 320px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xs="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 768px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-sm="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 1024px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-mm="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 1280px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-lg="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 1920px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xl="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
@media only screen and (min-width: 2500px) {
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:1 portrait" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:1 landscape" i] picture img {
    aspect-ratio: 1 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:3 portrait" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="1:3 landscape" i] picture img {
    aspect-ratio: 1 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:3 portrait" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:3 landscape" i] picture img {
    aspect-ratio: 2 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:1 portrait" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="2:1 landscape" i] picture img {
    aspect-ratio: 2 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:1 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:1 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:1 portrait" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:1 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:1 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:1 landscape" i] picture img {
    aspect-ratio: 3 / 1;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:3 portrait" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="3:3 landscape" i] picture img {
    aspect-ratio: 3 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="4:3 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="4:3 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="4:3 portrait" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="4:3 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="4:3 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="4:3 landscape" i] picture img {
    aspect-ratio: 4 / 3;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="16:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="16:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="16:9 portrait" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="16:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="16:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="16:9 landscape" i] picture img {
    aspect-ratio: 16 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="21:9 portrait" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="21:9 portrait" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="21:9 portrait" i] picture img {
    aspect-ratio: 21 / 9;
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="21:9 landscape" i] {
    background-color: var(--material-secondary-color);
  }
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="21:9 landscape" i] picture,
  [rs-elemental=uielementaltriptych] rs-grid rs-griditem[media][aspect-xxl="21:9 landscape" i] picture img {
    aspect-ratio: 21 / 9;
  }
}
[rs-elemental=uielementaltriptych][alignment=right] {
  --triptych-order: 1;
}
[rs-elemental=uielementaltriptych][animations] rs-grid rs-griditem:nth-child(1):before {
  transition-delay: 512ms;
}
[rs-elemental=uielementaltriptych][animations] rs-grid rs-griditem:nth-child(1) picture {
  transition-delay: 256ms;
}
[rs-elemental=uielementaltriptych][animations] rs-grid rs-griditem:nth-child(2):before {
  transition-delay: 768ms;
}
[rs-elemental=uielementaltriptych][animations] rs-grid rs-griditem:nth-child(2) picture {
  transition-delay: 512ms;
}
[rs-elemental=uielementaltriptych][animations] rs-grid rs-griditem:nth-child(3):before {
  transition-delay: 1024ms;
}
[rs-elemental=uielementaltriptych][animations] rs-grid rs-griditem:nth-child(3) picture {
  transition-delay: 768ms;
}
[rs-elemental=uielementaltriptych][in-viewport] {
  --triptych-clip-before: polygon(100% 100%, 100% 0, 100% 100%, 0% 100%);
  --triptych-clip-picture: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

uielementalcontainer.uielementalcontentgroup uielemental {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
}
uielementalcontainer.uielementalcontentgroup uielemental uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental uielementalfooter {
  display: block;
  grid-column: auto/span 1;
}
uielementalcontainer.uielementalcontentgroup uielemental uielementalheader > *,
uielementalcontainer.uielementalcontentgroup uielemental uielementalfooter > * {
  width: 100%;
}
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=before] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=before] uielementalfooter, uielementalcontainer.uielementalcontentgroup uielemental[contentposition=after] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=after] uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalfooter, uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalfooter {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalheader > *,
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalfooter > *, uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalheader > *,
uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalfooter > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left], uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
    grid-auto-rows: max-content;
  }
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalfooter,
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] gridcontainer, uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalfooter,
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] gridcontainer {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] uielementalfooter {
    grid-area: 1/1/2/6;
  }
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=left] gridcontainer {
    grid-area: 1/7/2/13;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] uielementalfooter {
    grid-area: 1/8/2/13;
  }
  uielementalcontainer.uielementalcontentgroup uielemental[contentposition=right] gridcontainer {
    grid-area: 1/1/2/7;
  }
}
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=centre] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=centre] uielementalfooter, uielementalcontainer.uielementalcontentgroup uielemental[contentalign=center] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=center] uielementalfooter {
  text-align: center;
}
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=left] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=left] uielementalfooter {
  text-align: left;
}
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=right] uielementalheader,
uielementalcontainer.uielementalcontentgroup uielemental[contentalign=right] uielementalfooter {
  text-align: right;
}
uielementalcontainer uielemental.uielementalcontentgroup--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 1284px;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}
uielementalcontainer uielemental gridcontainer griditem[contentalign=centre] gridcontent,
uielementalcontainer uielemental gridcontainer griditem[contentalign=centre] gridcontent > *, uielementalcontainer uielemental gridcontainer griditem[contentalign=center] gridcontent,
uielementalcontainer uielemental gridcontainer griditem[contentalign=center] gridcontent > * {
  text-align: center;
}
uielementalcontainer uielemental gridcontainer griditem[contentalign=left] gridcontent,
uielementalcontainer uielemental gridcontainer griditem[contentalign=left] gridcontent > * {
  text-align: left;
}
uielementalcontainer uielemental gridcontainer griditem[contentalign=right] gridcontent,
uielementalcontainer uielemental gridcontainer griditem[contentalign=right] gridcontent > * {
  text-align: right;
}

uielementalcontainer.uielementalsitemap uielemental uielementalheader,
uielementalcontainer.uielementalsitemap uielemental uielementalfooter {
  display: block;
  max-width: 1284px;
}
uielementalcontainer.uielementalsitemap uielemental uielementalheader > *,
uielementalcontainer.uielementalsitemap uielemental uielementalfooter > * {
  width: 100%;
}
uielementalcontainer.uielementalsitemap uielemental[contentposition=before] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentposition=before] uielementalfooter, uielementalcontainer.uielementalsitemap uielemental[contentposition=after] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentposition=after] uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalfooter, uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalfooter {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalheader > *,
uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalfooter > *, uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalheader > *,
uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalfooter > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left], uielementalcontainer.uielementalsitemap uielemental[contentposition=right] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
    grid-auto-rows: max-content;
  }
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalfooter,
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left] gridcontainer, uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalfooter,
  uielementalcontainer.uielementalsitemap uielemental[contentposition=right] gridcontainer {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left] uielementalfooter {
    grid-area: 1/1/2/6;
  }
  uielementalcontainer.uielementalsitemap uielemental[contentposition=left] gridcontainer {
    grid-area: 1/7/2/13;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalsitemap uielemental[contentposition=right] uielementalfooter {
    grid-area: 1/9/2/12;
  }
  uielementalcontainer.uielementalsitemap uielemental[contentposition=right] gridcontainer {
    grid-area: 1/1/2/8;
  }
}
uielementalcontainer.uielementalsitemap uielemental[contentalign=centre] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentalign=centre] uielementalfooter, uielementalcontainer.uielementalsitemap uielemental[contentalign=center] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentalign=center] uielementalfooter {
  text-align: center;
}
uielementalcontainer.uielementalsitemap uielemental[contentalign=left] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentalign=left] uielementalfooter {
  text-align: left;
}
uielementalcontainer.uielementalsitemap uielemental[contentalign=right] uielementalheader,
uielementalcontainer.uielementalsitemap uielemental[contentalign=right] uielementalfooter {
  text-align: right;
}
uielementalcontainer uielemental.uielementalsitemap--root {
  z-index: 1;
  flex: 0 0 100%;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: clamp(24px, 13.7142857143px + 0.0321428571 * 100vw, 60px) 24px;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalsitemap--root {
    flex: 1 1 1284px;
    max-width: none;
    padding: clamp(48px, 54.8571428571px + -0.0214285714 * 100vw, 24px) clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalsitemap--root {
    padding: clamp(48px, 34.2857142857px + 0.0428571429 * 100vw, 96px) 0;
    flex: 0 0 1284px;
  }
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--container {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--container > * {
  width: 100%;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--root, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--child {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--root li, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--child li {
  box-sizing: border-box;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--child {
  width: 100%;
  grid-gap: clamp(3px, 2.1428571429px + 0.0026785714 * 100vw, 6px);
  padding-left: 24px;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--child .md-sitemap--item {
  grid-column: auto/span 1;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--root {
  grid-row-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
}
@media only screen and (min-width: 560px) {
  uielementalcontainer uielemental.uielementalsitemap .md-sitemap--root {
    grid-column-gap: clamp(3px, 2.1428571429px + 0.0026785714 * 100vw, 6px);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalsitemap .md-sitemap--root {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalsitemap .md-sitemap--root {
    grid-template-columns: repeat(12, 1fr);
  }
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item {
  flex-flow: column nowrap;
  grid-column: auto/span 1;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item {
    grid-column: auto/span 3;
  }
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[segment*=home], uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[segment*=sitemap] {
  display: none;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[segment*=home], uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[segment*=sitemap] {
    display: flex;
  }
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[parent], uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[subnav] {
  grid-gap: 12px;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[parent] > .md-sitemap--link {
  color: var(--material-text-color);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[subnav] {
  margin: 12px 0;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item[subnav] > .md-sitemap--link {
  font-weight: 700;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link {
  position: relative;
  color: var(--material-text-color);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:before,
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link .md-sitemap--link-label {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  opacity: 1;
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link .md-sitemap--link-label {
  transform: translate3d(0, 0, 0);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(-24px, 0, 0);
  display: block;
  opacity: 0;
  content: "arrow_right_alt";
  color: var(--material-text-color);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:focus, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:hover, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:active {
  color: var(--material-accent-color);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:focus:before, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:hover:before, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:active:before {
  color: var(--material-accent-color);
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:focus .md-sitemap--link-label, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:hover .md-sitemap--link-label, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link:active .md-sitemap--link-label {
  transform: translate3d(27px, 0, 0);
}
uielementalcontainer uielemental.uielementalsitemap .md-sitemap--link, uielementalcontainer uielemental.uielementalsitemap .md-sitemap--item {
  display: flex;
  width: 100%;
  line-height: 24px;
}

uielementalcontainer.uielementaltimeline {
  margin: 0 !important;
}
uielementalcontainer.uielementaltimeline uielementalheader,
uielementalcontainer.uielementaltimeline uielementalheader h1,
uielementalcontainer.uielementaltimeline uielementalheader h2 {
  margin-bottom: 0;
}
uielementalcontainer.uielementaltimeline uilemental.uielementaltimeline {
  margin: 48px 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementaltimeline uilemental.uielementaltimeline {
    margin: 96px 0;
  }
}
uielementalcontainer.uielementaltimeline uilemental.uielementaltimeline[collapsetop="1"] {
  margin-top: 0 !important;
}
uielementalcontainer.uielementaltimeline uilemental.uielementaltimeline[collapsebottom="1"] {
  margin-bottom: 0 !important;
}
uielementalcontainer.uielementaltimeline uielemental.uielementaltimeline--root {
  z-index: 1;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(12, 12fr);
  place-items: center;
  gap: 24px 0;
  width: 100%;
}
uielementalcontainer.uielementaltimeline uielemental.uielementaltimeline--root uielementalheader,
uielementalcontainer.uielementaltimeline uielemental.uielementaltimeline--root uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental.uielementaltimeline--root uielementalcontent {
  grid-column: 2/span 10;
  width: 100%;
  min-width: 0;
}
uielementalcontainer.uielementaltimeline uielemental.uielementaltimeline--root gridcontainer {
  grid-column: auto/span 12;
}
uielementalcontainer.uielementaltimeline uielemental uielementalheader uielementalheader,
uielementalcontainer.uielementaltimeline uielemental uielementalheader uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental uielementalfooter uielementalheader,
uielementalcontainer.uielementaltimeline uielemental uielementalfooter uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental uielementalcontent uielementalheader,
uielementalcontainer.uielementaltimeline uielemental uielementalcontent uielementalfooter, uielementalcontainer.uielementaltimeline uielemental[contentposition=before] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentposition=before] uielementalfooter, uielementalcontainer.uielementaltimeline uielemental[contentposition=after] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentposition=after] uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalfooter, uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalfooter {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalheader > *,
uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalfooter > *, uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalheader > *,
uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalfooter > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left], uielementalcontainer.uielementaltimeline uielemental[contentposition=right] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
    grid-auto-rows: max-content;
  }
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalfooter,
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left] gridcontainer, uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalfooter,
  uielementalcontainer.uielementaltimeline uielemental[contentposition=right] gridcontainer {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left] uielementalfooter {
    grid-area: 1/1/2/6;
  }
  uielementalcontainer.uielementaltimeline uielemental[contentposition=left] gridcontainer {
    grid-area: 1/7/2/13;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementaltimeline uielemental[contentposition=right] uielementalfooter {
    grid-area: 1/8/2/13;
  }
  uielementalcontainer.uielementaltimeline uielemental[contentposition=right] gridcontainer {
    grid-area: 1/1/2/7;
  }
}
uielementalcontainer.uielementaltimeline uielemental[contentalign=centre] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentalign=centre] uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental[contentalign=centre] uielementalcontent, uielementalcontainer.uielementaltimeline uielemental[contentalign=center] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentalign=center] uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental[contentalign=center] uielementalcontent {
  text-align: center;
}
uielementalcontainer.uielementaltimeline uielemental[contentalign=centre] uielementalactions, uielementalcontainer.uielementaltimeline uielemental[contentalign=center] uielementalactions {
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementaltimeline uielemental[contentalign=left] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentalign=left] uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental[contentalign=left] uielementalcontent {
  text-align: left;
}
uielementalcontainer.uielementaltimeline uielemental[contentalign=left] uielementalactions {
  align-items: flex-start;
  justify-content: flex-start;
}
uielementalcontainer.uielementaltimeline uielemental[contentalign=right] uielementalheader,
uielementalcontainer.uielementaltimeline uielemental[contentalign=right] uielementalfooter,
uielementalcontainer.uielementaltimeline uielemental[contentalign=right] uielementalcontent {
  text-align: right;
}
uielementalcontainer.uielementaltimeline uielemental[contentalign=right] uielementalactions {
  align-items: flex-end;
  justify-content: flex-end;
}
uielementalcontainer.uielementaltimeline griditem[rs-timeline] {
  display: block;
  position: relative;
}
uielementalcontainer.uielementaltimeline griditem[rs-timeline]:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  transform: translate3d(0, -73px, 0);
  width: 100%;
  height: 0;
  border-top: 4px solid #000000;
  opacity: 0.25;
}
uielementalcontainer.uielementaltimeline griditem[rs-timeline][compact]::after {
  content: none;
}
uielementalcontainer.uielementaltimeline griditem[carousel] controls button {
  cursor: pointer;
}
uielementalcontainer.uielementaltimeline griditem[carousel] controls button [label] {
  left: unset;
  top: unset;
  position: relative;
}
uielementalcontainer.uielementaltimeline griditem[carousel] controls button [label] icon {
  color: var(--material-accent-color);
}
uielementalcontainer.uielementaltimeline griditem[carousel] controls button:focus [label] icon, uielementalcontainer.uielementaltimeline griditem[carousel] controls button:hover [label] icon, uielementalcontainer.uielementaltimeline griditem[carousel] controls button:active [label] icon {
  color: var(--material-neutral-color);
}
uielementalcontainer.uielementaltimeline griditem pagination button:not(.active) {
  background: rgba(0, 0, 0, 0.18);
}
uielementalcontainer.uielementaltimeline glider,
uielementalcontainer.uielementaltimeline glider .glider-track {
  position: relative;
}
uielementalcontainer.uielementaltimeline glider {
  --border-box-color: rgb(0 0 0 / 20%);
  --border-radius: 3px;
  --border-box-width: 2px;
  --pointer-box-height: 72px;
  --pointer-box-width: 2px;
  display: block;
  z-index: 2;
}
uielementalcontainer.uielementaltimeline glider .glider-track {
  z-index: 1;
  padding: 48px 0;
}
uielementalcontainer.uielementaltimeline glider slide {
  position: relative;
  overflow: visible;
}
uielementalcontainer.uielementaltimeline glider slide:before, uielementalcontainer.uielementaltimeline glider slide:after {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementaltimeline glider slide slideinner,
uielementalcontainer.uielementaltimeline glider slide slideinner:after {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementaltimeline glider slide slideinner {
  position: relative;
  display: block;
}
uielementalcontainer.uielementaltimeline glider slide slidemedia,
uielementalcontainer.uielementaltimeline glider slide slidemedia img {
  display: block;
  margin: 0;
  padding: 0;
}
uielementalcontainer.uielementaltimeline glider slide slidemedia {
  overflow: hidden;
  aspect-ratio: 16/9;
}
uielementalcontainer.uielementaltimeline glider slide slidemedia img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.125);
  transition: all 1500ms cubic-bezier(0.4, 0, 0.2, 1);
  filter: saturate(150%);
}
uielementalcontainer.uielementaltimeline glider slide slidecontent p {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
uielementalcontainer.uielementaltimeline glider slide slidecontent h3, uielementalcontainer.uielementaltimeline glider slide slidecontent h4 {
  font-size: clamp(16px, 13.7142857143px + 0.0071428571 * 100vw, 24px);
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
uielementalcontainer.uielementaltimeline glider slide slidecontent h3 span, uielementalcontainer.uielementaltimeline glider slide slidecontent h4 span {
  display: block;
  flex: 0 0 100%;
}
uielementalcontainer.uielementaltimeline glider slide slidecontent h3 span[overline], uielementalcontainer.uielementaltimeline glider slide slidecontent h4 span[overline] {
  font-size: clamp(12px, 11.4285714286px + 0.0017857143 * 100vw, 14px);
  font-weight: 400;
  line-height: 24px;
  opacity: 0.7;
}
uielementalcontainer.uielementaltimeline glider slide slidecontent h3 span[title], uielementalcontainer.uielementaltimeline glider slide slidecontent h4 span[title] {
  font-size: clamp(16px, 13.7142857143px + 0.0071428571 * 100vw, 24px);
}
uielementalcontainer.uielementaltimeline glider slide slidecontent p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementaltimeline glider:not([layout=compact]) {
    padding: 96px 0 144px;
  }
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide slideinner {
  margin: 0 clamp(12px, 10.2385321101px + 0.0055045872 * 100vw, 24px);
  border: var(--border-box-width) solid var(--border-box-color);
  border-radius: var(--border-radius);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide slideinner:after {
  display: block;
  content: attr(event-date);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate3d(-50%, 120px, 0);
  font-size: clamp(12px, 11.4285714286px + 0.0017857143 * 100vw, 14px);
  font-weight: 700;
  line-height: 24px;
  opacity: 0.54;
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide slidecontent {
  padding: clamp(24px, 16.9541284404px + 0.0220183486 * 100vw, 72px);
  padding-top: clamp(24px, 24px + 0 * 100vw, 24px);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:before, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:after {
  content: "";
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:before {
  z-index: 1;
  transform: translate3d(-50%, 100%, 0);
  width: 0;
  height: var(--pointer-box-height);
  border-right: var(--pointer-box-width) solid var(--border-box-color);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:after {
  z-index: 2;
  transform: translate3d(-50%, 84px, 0) scale(0.65);
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  border: 4px solid var(--border-box-color);
  border-radius: 100%;
  background-color: var(--material-neutral-color);
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:focus, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:hover, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:active {
  --border-box-width: 3px;
  --pointer-box-width: 3px;
  --pointer-box-height: 96px;
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:focus slideinner, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:hover slideinner, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:active slideinner {
  box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:focus slideinner:after, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:hover slideinner:after, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:active slideinner:after {
  opacity: 1;
  color: var(--material-accent-color);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:focus slidemedia img, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:hover slidemedia img, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:active slidemedia img {
  transform: scale(1);
}
uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:focus:after, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:hover:after, uielementalcontainer.uielementaltimeline glider:not([layout=compact]) slide:active:after {
  transform: translate3d(-50%, 84px, 0) scale(1);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] {
  --pointer-box-height: 48px;
  --border-box-width: 2px;
  --pointer-box-width: 4px;
  --pointer-offset-odd: 48px;
  --pointer-offset-even: -48px;
  --img-opacity: 1;
  --img-filter: saturate(0.5) grayscale(1) contrast(0.5);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] + .progress-container {
  top: 50%;
  z-index: 1;
  transform: translate3d(0, -1px, 0);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] + .progress-container progress {
  height: 2px;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide,
uielementalcontainer.uielementaltimeline glider[layout=compact] slideinner,
uielementalcontainer.uielementaltimeline glider[layout=compact] slidemedia,
uielementalcontainer.uielementaltimeline glider[layout=compact] slidecontent {
  box-sizing: border-box;
  min-width: 0;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide {
  z-index: 1;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slideinner {
  display: grid;
  grid-template-columns: 1fr;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]) slideinner {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: [top-start] 1fr [top-end middle-start] 120px [middle-end bottom-start] 1fr [bottom-end];
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]) slideinner:before {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 2px solid var(--border-box-color);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  mix-blend-mode: multiply;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]) slideinner:after {
  display: block;
  content: attr(event-date);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate3d(-50%, -50%, 0);
  background-color: rgb(255, 255, 255);
  font-size: clamp(12px, 11.4285714286px + 0.0017857143 * 100vw, 14px);
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  padding: 3px 12px;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]) slidemedia {
  grid-area: top;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]) slidecontent {
  grid-area: bottom;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]):before, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]):after {
  border-color: var(--border-box-color);
  content: "";
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]):before {
  width: 0;
  height: var(--pointer-box-height);
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-right: var(--border-box-width) solid var(--border-box-color);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]):after {
  border-radius: 100%;
  border: var(--pointer-box-width) solid var(--border-box-color);
  background-color: rgb(255, 255, 255);
  width: 8.4px;
  height: 8.4px;
  aspect-ratio: 1/1;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0) scale(1);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]).first slideinner:before {
  left: unset;
  right: 0;
  width: 150%;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:not([endcap]).last slideinner:before {
  width: 150%;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidemedia,
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent {
  aspect-ratio: 4/3;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidemedia {
  border-radius: var(--border-radius);
  clip-path: circle(33% at 50% 50%);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidemedia img {
  transform: scale(1.125);
  opacity: var(--img-opacity);
  filter: var(--img-filter);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent {
  padding: clamp(24px, 16.9541284404px + 0.0220183486 * 100vw, 72px);
  display: grid;
  grid-auto-rows: min-content;
  gap: 24px;
  font-size: clamp(12px, 10.5771428571px + 0.0044464286 * 100vw, 13.992px);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent h3, uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent h4 {
  margin: 0;
  gap: 0;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent h3 span[overline], uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent h4 span[overline] {
  display: none;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide slidecontent p {
  font-size: inherit;
  margin: 0;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide[endcap] {
  z-index: 2;
  display: grid;
  place-content: center;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide[endcap] slidemedia {
  position: relative;
  display: grid;
  grid-column: auto/span 4;
  place-content: center;
  aspect-ratio: 1/1;
  padding: 96px;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide[endcap] slidemedia svg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide[endcap] slidemedia:before {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  content: attr(year);
  font-size: clamp(24px, 21.7142857143px + 0.0071428571 * 100vw, 32px);
  font-weight: 700;
  line-height: 24px;
  color: var(--material-neutral-color);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(odd) slideinner slidemedia {
  grid-area: top;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(odd) slideinner slidecontent {
  grid-area: bottom;
  place-content: start;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(odd):before {
  top: 50%;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(odd):after {
  top: 50%;
  transform: translate3d(-50%, var(--pointer-offset-odd), 0) scale(1);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(even) slideinner slidemedia {
  grid-area: bottom;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(even) slideinner slidecontent {
  grid-area: top;
  place-content: end;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(even):before {
  bottom: 50%;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:nth-child(even):after {
  bottom: 50%;
  transform: translate3d(-50%, var(--pointer-offset-even), 0) scale(1);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:hover, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:active, uielementalcontainer.uielementaltimeline glider[layout=compact] slide.active {
  --border-box-color: #EE4036;
  --pointer-box-height: 60px;
  --pointer-offset-odd: 60px;
  --pointer-offset-even: -60px;
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:hover:nth-child(odd):after, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:active:nth-child(odd):after, uielementalcontainer.uielementaltimeline glider[layout=compact] slide.active:nth-child(odd):after {
  transform: translate3d(-50%, var(--pointer-offset-odd), 0) scale(1.5);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:hover:nth-child(even):after, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:active:nth-child(even):after, uielementalcontainer.uielementaltimeline glider[layout=compact] slide.active:nth-child(even):after {
  transform: translate3d(-50%, var(--pointer-offset-even), 0) scale(1.5);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:hover slideinner::after, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:active slideinner::after, uielementalcontainer.uielementaltimeline glider[layout=compact] slide.active slideinner::after {
  color: var(--border-box-color);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:hover slidemedia, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:active slidemedia, uielementalcontainer.uielementaltimeline glider[layout=compact] slide.active slidemedia {
  clip-path: circle(75% at 50% 50%);
}
uielementalcontainer.uielementaltimeline glider[layout=compact] slide:hover slidemedia img, uielementalcontainer.uielementaltimeline glider[layout=compact] slide:active slidemedia img, uielementalcontainer.uielementaltimeline glider[layout=compact] slide.active slidemedia img {
  transform: scale(1);
  --img-opacity: 1;
  --img-filter: saturate(1.5) grayscale(0) contrast(1);
}
uielementalcontainer.uielementaltimeline glider[autoplay] slide slideinner:before {
  opacity: 0;
}

uielementalcontainer.uielementallogogarden {
  display: grid;
  grid-template-columns: var(--material-grid-columns);
  grid-template-rows: min-content;
  place-content: center;
  gap: clamp(12px, 8px + 0.0125 * 100vw, 24px) clamp(12px, 8px + 0.0125 * 100vw, 24px);
}
uielementalcontainer.uielementallogogarden rs-container {
  grid-area: 1/fullwidth;
  display: grid;
  grid-template-columns: var(--material-grid-columns);
  grid-template-rows: min-content;
  place-content: center;
  gap: clamp(12px, 8px + 0.0125 * 100vw, 24px) clamp(12px, 8px + 0.0125 * 100vw, 24px);
}
uielementalcontainer.uielementallogogarden rs-container rs-heading {
  grid-area: 1/contentcenteralt;
}
uielementalcontainer.uielementallogogarden rs-container rs-heading h2 {
  margin: 0;
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer {
  grid-area: 2/safearea;
  grid-template-columns: repeat(10, 1fr);
  gap: clamp(12px, 8px + 0.0125 * 100vw, 24px) clamp(12px, 8px + 0.0125 * 100vw, 24px);
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile {
  display: block;
  display: grid;
  grid-template-columns: [stack-start] 1fr [stack-end];
  grid-template-rows: [stack-start] 1fr [stack-end];
  overflow: hidden;
  grid-column: auto/span 5;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementallogogarden rs-container gridcontainer tile {
    grid-column: auto/span 2;
  }
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile a {
  color: transparent;
  opacity: 0;
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile a,
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile tilewrapper {
  display: block;
  grid-area: stack;
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile tilewrapper {
  pointer-events: none;
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile tilewrapper img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(0.75);
  aspect-ratio: 4/3;
  transition: all 1200ms cubic-bezier(0.4, 0, 0.2, 1);
}
uielementalcontainer.uielementallogogarden rs-container gridcontainer tile:focus tilewrapper img, uielementalcontainer.uielementallogogarden rs-container gridcontainer tile:hover tilewrapper img, uielementalcontainer.uielementallogogarden rs-container gridcontainer tile:active tilewrapper img {
  transform: scale(1);
}

[rs-elemental=uielementalfeaturemap] {
  grid-template-columns: var(--material-grid-columns);
  gap: 0;
  --panzoom-aspect-ratio: 3/4;
  --bound-apex: -8px;
  --bounce-rebound: -1.0125px;
  --bounce-duration: 1s;
  --featuremap-content-grid: 48px;
}
@media only screen and (min-width: 768px) {
  [rs-elemental=uielementalfeaturemap] {
    --panzoom-aspect-ratio: 16 / 9;
  }
}
@keyframes tilt-n-shake {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(0.125px, 0.125px) rotate(0.125deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(-0.125px, 0.125px) rotate(-0.125deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes pin-drop {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(var(--bound-apex));
  }
  40% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(var(--bounce-rebound));
  }
  80%, 100% {
    transform: translateY(0);
  }
}
[rs-elemental=uielementalfeaturemap] *:focus-visible {
  outline: none;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontainer],
[rs-elemental=uielementalfeaturemap] [svgmapcontent],
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper,
[rs-elemental=uielementalfeaturemap] [svgmapcontent] heading,
[rs-elemental=uielementalfeaturemap] [svgmapcontent] content,
[rs-elemental=uielementalfeaturemap] [svgmapcontent] actions,
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] {
  z-index: 1;
  display: block;
  box-sizing: border-box;
  position: relative;
}
[rs-elemental=uielementalfeaturemap] [controlsmessage] {
  box-sizing: border-box;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.54);
  color: var(--material-neutral-color);
  display: grid;
  place-content: center;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: clamp(96px, 165.8181818182px + -0.2181818182 * 100vw, 0px);
  width: 100%;
  height: 100%;
}
[rs-elemental=uielementalfeaturemap] [controlsmessage][active] {
  z-index: 4;
  opacity: 1;
  pointer-events: auto;
}
[rs-elemental=uielementalfeaturemap] [controlsmessage] p {
  color: inherit;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontainer] {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--panzoom-aspect-ratio);
  overflow: hidden;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] {
  container: modalcontent/inline-size;
  display: grid;
  place-items: center center;
  z-index: 3;
  padding: clamp(48px, 34.2857142857px + 0.0428571429 * 100vw, 96px);
  aspect-ratio: var(--panzoom-aspect-ratio);
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] content {
  display: block;
  overflow: hidden;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] content > h2:first-child:first-of-type,
[rs-elemental=uielementalfeaturemap] [svgmapcontent] content > h3:first-child:first-of-type {
  margin-top: 0;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] content p:last-of-type {
  margin-bottom: 0;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] button[close] {
  all: unset;
  outline: revert;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border-radius: 50%;
  display: grid;
  place-content: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: var(--material-neutral-color);
  background-color: var(--material-accent-color);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] button[close]:focus, [rs-elemental=uielementalfeaturemap] [svgmapcontent] button[close]:hover, [rs-elemental=uielementalfeaturemap] [svgmapcontent] button[close]:active {
  background-color: var(--material-accent-color-dark);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] button[close] icon {
  pointer-events: none;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper {
  position: relative;
  display: grid;
  grid-template-columns: [fullwidth-start] repeat(12, 1fr) [fullwidth-end];
  grid-auto-rows: min-content;
  gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  opacity: 0;
  width: 100%;
  max-height: 100%;
  padding: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  background: var(--material-neutral-color);
  border-radius: var(--material-radius);
  box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14);
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: translate3d(0, 15%, 0) scale(0.8);
}
@media only screen and (min-width: 1600px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper {
    max-width: 1008px;
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper heading,
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper actions,
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content {
  grid-column: fullwidth;
  max-height: 100%;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper actions {
  display: grid;
  gap: clamp(12px, 8.5714285714px + 0.0107142857 * 100vw, 24px);
  grid-auto-rows: min-content;
}
@media only screen and (min-width: 768px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper actions {
    grid-auto-flow: column;
    place-content: end;
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper heading h2 {
  margin: 0;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper button[close] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  transform: translate3d(40%, -40%, 0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content {
  display: grid;
  gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  grid-template-columns: 12fr;
  grid-auto-flow: row;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  grid-column: auto/span 12;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media header, [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media picture, [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media img {
  width: 100%;
  max-width: 100%;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media header {
  display: grid;
  place-content: center;
  place-items: center;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media header h2 {
  margin: 0;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: clamp(24px, -2.2414578588px + 0.0820045558 * 100vw, 60px);
  text-transform: uppercase;
  line-height: 1;
}
@container modalcontent (width > 759px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media header h2 {
    font-size: clamp(60px, 33.2511013216px + 0.0352422907 * 100vw, 84px);
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media picture {
  overflow: hidden;
  background-color: var(--material-secondary-text-color);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper content media picture img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 21/9;
  width: 100%;
  height: 100%;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] {
  grid-column: auto/span 12;
  display: grid;
  gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  grid-template-columns: [contentfull-start] repeat(12, 1fr) [contentfull-end];
}
@container modalcontent (width > 759px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] {
    grid-template-columns: [contentfull-start sidebar-start] repeat(4, 1fr) [sidebar-end content-start] repeat(8, 1fr) [content-end contentfull-end];
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] {
  grid-column: contentfull;
}
@container modalcontent (width > 759px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] {
    grid-column: sidebar;
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] dl {
  display: grid;
  grid-template-columns: 1fr;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] dl dt, [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] dl dd {
  grid-column: auto/span 1;
  margin: 0;
  padding: 0;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] dl dt {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--material-secondary-text-color);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] dl dd {
  display: grid;
  grid-auto-flow: row;
  gap: 12px;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] dl dd:not([resource]) {
  margin-bottom: clamp(12px, 8.5714285714px + 0.0107142857 * 100vw, 24px);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] {
  grid-column: contentfull;
}
@container modalcontent (width > 759px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [details] {
    grid-column: sidebar;
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [content] {
  grid-column: contentfull;
}
@container modalcontent (width > 759px) {
  [rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [content] {
    grid-column: content;
  }
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent] contentwrapper [communitycontent] [content] h2 {
  margin-top: 0;
  text-transform: uppercase;
  color: var(--material-secondary-text-color);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent]:not([active]) {
  opacity: 0;
  pointer-events: none;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent][active] {
  opacity: 1;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontent][active] contentwrapper {
  transition-delay: 512ms;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] {
  z-index: 2;
  display: grid;
  grid-auto-rows: min-content;
  place-items: start end;
  pointer-events: none;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] controls {
  pointer-events: auto;
  position: relative;
  border-radius: 3px;
  background: var(--material-neutral-color);
  overflow: hidden;
  transform: translate3d(-24px, 24px, 0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] controls:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  width: 100%;
  max-width: 100%;
  height: 0;
  border-bottom: 1px solid var(--material-divider-color);
  transform: translate3d(0, 50%, 0);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] button {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  line-height: 72px;
  cursor: pointer;
  background-color: var(--material-neutral-color);
}
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] button icon {
  font-size: 36px;
  line-height: 36px;
  opacity: 0.54;
  transform: scale(0.799);
  pointer-events: none;
}
[rs-elemental=uielementalfeaturemap] [svgmapcontrols] button:focus icon, [rs-elemental=uielementalfeaturemap] [svgmapcontrols] button:hover icon, [rs-elemental=uielementalfeaturemap] [svgmapcontrols] button:active icon {
  opacity: 1;
  transform: scale(0.999);
}
[rs-elemental=uielementalfeaturemap] svgmaproot {
  display: inline-block;
  width: auto;
  height: 100%;
  background-color: #E7EBEE;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
[rs-elemental=uielementalfeaturemap] svg {
  outline: none;
  min-width: 1400px;
  height: 100%;
}
[rs-elemental=uielementalfeaturemap] svg:focus-visible {
  outline: none;
}
[rs-elemental=uielementalfeaturemap] svg *[interactive]:not([type=area]) {
  cursor: pointer;
}
[rs-elemental=uielementalfeaturemap] svg *[interactive]:not([type=area]):focus, [rs-elemental=uielementalfeaturemap] svg *[interactive]:not([type=area]):hover, [rs-elemental=uielementalfeaturemap] svg *[interactive]:not([type=area]):active {
  transform-origin: center bottom;
  animation: pin-drop var(--bounce-duration) ease-in-out infinite;
}
[rs-elemental=uielementalfeaturemap] svg *[type=area] {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
[rs-elemental=uielementalfeaturemap] svg *[type=area]:focus, [rs-elemental=uielementalfeaturemap] svg *[type=area]:hover, [rs-elemental=uielementalfeaturemap] svg *[type=area]:active {
  opacity: 0;
}
[rs-elemental=uielementalfeaturemap] rs-grid {
  grid-column: auto/span 12;
}
[rs-elemental=uielementalfeaturemap] rs-grid.component-wrapper {
  display: grid;
  grid-column: fullwidth;
  grid-row: 1;
  grid-row-gap: 0;
  aspect-ratio: var(--panzoom-aspect-ratio);
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content], [rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[media] {
  grid-column: auto/span 12;
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[media] {
  grid-column: auto/span 12;
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] {
  place-content: center;
  container: contentcontainer/inline-size;
  display: grid;
  grid-template-columns: var(--material-grid-columns);
  grid-template-rows: min-content;
  place-content: center;
  gap: clamp(12px, 8px + 0.0125 * 100vw, 24px) clamp(12px, 8px + 0.0125 * 100vw, 24px);
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 0;
}
@media only screen and (min-width: 768px) {
  [rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] {
    --featuremap-content-grid: 96px;
  }
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] rs-heading,
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] rs-content,
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] rs-actions {
  grid-column: 2/span 10;
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] rs-heading {
  font-family: "Poppins", sans-serif;
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] rs-content {
  font-family: "Poppins", sans-serif;
  max-width: 800px;
}
[rs-elemental=uielementalfeaturemap] rs-grid rs-griditem[content] rs-actions {
  grid-column: safearea;
}

uielementalcontainer.uielementalcommunitystats uielementalheader,
uielementalcontainer.uielementalcommunitystats uielementalheader h1,
uielementalcontainer.uielementalcommunitystats uielementalheader h2 {
  margin-bottom: 0;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=before] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=before] uielementalfooter, uielementalcontainer.uielementalcommunitystats uielemental[contentposition=after] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=after] uielementalfooter {
  width: 100%;
  max-width: 1284px;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalfooter, uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalfooter {
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalheader > *,
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalfooter > *, uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalheader > *,
uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalfooter > * {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left], uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
    grid-auto-rows: max-content;
  }
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalfooter,
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] gridcontainer, uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalfooter,
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] gridcontainer {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalheader,
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] uielementalfooter {
    grid-area: 1/1/2/6;
  }
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=left] gridcontainer {
    grid-area: 1/7/2/13;
  }
}
@media only screen and (min-width: 1024px) {
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalheader,
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] uielementalfooter {
    grid-area: 1/8/2/13;
  }
  uielementalcontainer.uielementalcommunitystats uielemental[contentposition=right] gridcontainer {
    grid-area: 1/1/2/7;
  }
}
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=centre] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=centre] uielementalfooter,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=centre] uielementalcontent, uielementalcontainer.uielementalcommunitystats uielemental[contentalign=center] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=center] uielementalfooter,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=center] uielementalcontent {
  text-align: center;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=centre] uielementalactions, uielementalcontainer.uielementalcommunitystats uielemental[contentalign=center] uielementalactions {
  align-items: center;
  justify-content: center;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=left] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=left] uielementalfooter,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=left] uielementalcontent {
  text-align: left;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=left] uielementalactions {
  align-items: flex-start;
  justify-content: flex-start;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=right] uielementalheader,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=right] uielementalfooter,
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=right] uielementalcontent {
  text-align: right;
}
uielementalcontainer.uielementalcommunitystats uielemental[contentalign=right] uielementalactions {
  align-items: flex-end;
  justify-content: flex-end;
}
uielementalcontainer.uielementalcommunitystats uielemental rs-grid {
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalcommunitystats uielemental rs-grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
uielementalcontainer.uielementalcommunitystats uielemental *[statblock] {
  display: grid;
  grid-auto-flow: row;
  gap: 12px;
  place-content: start;
}
uielementalcontainer.uielementalcommunitystats uielemental *[statblock] h2, uielementalcontainer.uielementalcommunitystats uielemental *[statblock] h3, uielementalcontainer.uielementalcommunitystats uielemental *[statblock] h4 {
  margin: 0;
  list-style: 1.5;
  font-size: clamp(16px, 15.4285714286px + 0.0017857143 * 100vw, 18px);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--material-secondary-text-color);
}
uielementalcontainer.uielementalcommunitystats uielemental *[statblock] p {
  font-size: clamp(16px, 15.4285714286px + 0.0017857143 * 100vw, 18px);
}
uielementalcontainer.uielementalcommunitystats uielemental *[statblock][resources] {
  grid-template-columns: 1fr;
}
uielementalcontainer.uielementalcommunitystats uielemental *[statblock][resources] ul {
  grid-column: auto/span 1;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  gap: 12px;
  place-content: start;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementalcommunitystats uielemental *[statblock][resources] ul {
    grid-auto-flow: column;
  }
}
uielementalcontainer.uielementalcommunitystats uielemental *[statblock][resources] ul li {
  min-width: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
uielementalcontainer uielemental.uielementalcommunitystats--root {
  z-index: 1;
  flex: 0 0 100%;
  max-width: 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcommunitystats--root {
    flex: 1 1 1284px;
    max-width: none;
    padding: 96px 48px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer uielemental.uielementalcommunitystats--root {
    padding: 96px 0;
    flex: 0 0 1284px;
  }
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcommunitystats {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 24px;
    align-items: center;
  }
}
uielementalcontainer uielemental.uielementalcommunitystats[collapsetop="1"] {
  padding-top: 0 !important;
}
uielementalcontainer uielemental.uielementalcommunitystats[collapsebottom="1"] {
  padding-bottom: 0 !important;
}
uielementalcontainer uielemental.uielementalcommunitystats uielementalheader,
uielementalcontainer uielemental.uielementalcommunitystats uielementalfooter,
uielementalcontainer uielemental.uielementalcommunitystats uielementalcontent,
uielementalcontainer uielemental.uielementalcommunitystats uielementalactions {
  width: 100%;
  max-width: 100%;
  grid-column: auto/span 12;
}
uielementalcontainer uielemental.uielementalcommunitystats[compact="1"] uielementalheader,
uielementalcontainer uielemental.uielementalcommunitystats[compact="1"] uielementalfooter,
uielementalcontainer uielemental.uielementalcommunitystats[compact="1"] uielementalcontent,
uielementalcontainer uielemental.uielementalcommunitystats[compact="1"] uielementalactions {
  grid-column: 2/span 10;
}
uielementalcontainer uielemental.uielementalcommunitystats[compact="2"] uielementalheader,
uielementalcontainer uielemental.uielementalcommunitystats[compact="2"] uielementalfooter,
uielementalcontainer uielemental.uielementalcommunitystats[compact="2"] uielementalcontent,
uielementalcontainer uielemental.uielementalcommunitystats[compact="2"] uielementalactions {
  grid-column: 3/span 8;
}
uielementalcontainer uielemental.uielementalcommunitystats[compact="3"] uielementalheader,
uielementalcontainer uielemental.uielementalcommunitystats[compact="3"] uielementalfooter,
uielementalcontainer uielemental.uielementalcommunitystats[compact="3"] uielementalcontent,
uielementalcontainer uielemental.uielementalcommunitystats[compact="3"] uielementalactions {
  grid-column: 4/span 6;
}
uielementalcontainer uielemental.uielementalcommunitystats uielementalactions {
  flex-flow: column nowrap;
  grid-gap: 12px;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcommunitystats uielementalactions {
    flex-flow: row nowrap;
    grid-gap: 24px;
  }
}
uielementalcontainer uielemental.uielementalcommunitystats uielementalactions .md-button {
  width: 100%;
  margin-bottom: 12px;
}
uielementalcontainer uielemental.uielementalcommunitystats uielementalactions .md-button:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer uielemental.uielementalcommunitystats uielementalactions .md-button {
    width: auto;
    margin-right: 12px;
    margin-bottom: 0;
  }
  uielementalcontainer uielemental.uielementalcommunitystats uielementalactions .md-button:last-of-type {
    margin-right: 0;
  }
}
uielementalcontainer.uielementalcontent--nopadding-top uielemental.uielementalcontent--root {
  padding-top: 0;
}
uielementalcontainer.uielementalcontent--nopadding-bottom uielemental.uielementalcontent--root {
  padding-bottom: 0;
}
uielementalcontainer.uielementalcontent--nomargin-top uielemental.uielementalcontent--root {
  margin-top: 0;
}
uielementalcontainer.uielementalcontent--nomargin-bottom uielemental.uielementalcontent--root {
  margin-bottom: 0;
}

@media only screen and (min-width: 1280px) {
  .BlogPage_view uielementalcontainer uielemental.uielementalcontent--root {
    flex: 0 0 1068px;
  }
}
@media only screen and (min-width: 768px) {
  .BlogPage_view header.uielementalcontainer uielementalheader,
  .BlogPage_view header.uielementalcontainer uielementalcontent,
  .BlogPage_view header.uielementalcontainer uielementalactions {
    max-width: 80%;
  }
}

:root {
  --visible-state: none;
}
@media only screen and (min-width: 768px) {
  :root {
    --visible-state: block;
  }
}

.md-appbar-nav:after {
  content: none;
}
.md-appbar-nav--root {
  padding: 0;
  height: auto;
  max-height: 100vh;
}
.md-appbar-nav navwrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 48px;
  grid-gap: 48px;
  height: 100vh;
  max-width: 100%;
  margin: 0;
  background: transparent;
}
.md-appbar-nav navwrapper[active] .md-appbar--hasbranding:before {
  filter: none;
}
.md-appbar-nav navwrapper:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.93);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: none;
}
@media only screen and (min-width: 1280px) {
  .md-appbar-nav navwrapper {
    padding: clamp(48px, 34.2857142857px + 0.0428571429 * 100vw, 96px) 0;
  }
  .md-appbar-nav navwrapper > .md-primarynav,
  .md-appbar-nav navwrapper .md-sociallinks {
    width: 100%;
    max-width: 50vw;
    flex: 0 0 auto;
  }
}
.md-appbar-nav navwrapper .md-sociallinks--root {
  z-index: 2;
  flex: 0 0 auto;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 0, 0);
  align-items: center;
  justify-content: flex-start;
  grid-gap: 6px;
  opacity: 1;
  pointer-events: all;
}
.md-appbar-nav navwrapper.md-disabled {
  height: clamp(48px, 41.1428571429px + 0.0214285714 * 100vw, 72px);
  padding: clamp(48px, 41.1428571429px + 0.0214285714 * 100vw, 72px) 0 0;
}
.md-appbar-nav navwrapper.md-disabled > .md-primarynav, .md-appbar-nav navwrapper.md-disabled:after {
  height: 100%;
}
.md-appbar-nav navwrapper.md-disabled > .md-primarynav,
.md-appbar-nav navwrapper.md-disabled .md-sociallinks {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.md-appbar-nav navwrapper[active] .md-appbar--hasbranding {
  color: var(--material-text-color);
}
.md-appbar-nav navwrapper[active] .md-appbar--toggle .md-icon {
  color: var(--material-text-color);
}
.md-appbar-nav navwrapper[active] .md-appbar--toggle .md-icon:focus, .md-appbar-nav navwrapper[active] .md-appbar--toggle .md-icon:hover, .md-appbar-nav navwrapper[active] .md-appbar--toggle .md-icon:active {
  color: var(--material-accent-color);
}
.md-appbar-nav navwrapper:not([active]) > .md-primarynav {
  transform: translate3d(0, -25%, 0);
  opacity: 0;
  transition-delay: 128ms;
}
.md-appbar-nav navwrapper:not([active]):after {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.md-appbar-nav navwrapper:not([active]) .md-sociallinks--root {
  z-index: 2;
  flex: 0 0 auto;
  transform: translate3d(0, -100%, 0);
  opacity: 0;
  transition-delay: 64ms;
}
.md-appbar--hasbranding {
  font-size: clamp(18px, 19.7142857143px + -0.0053571429 * 100vw, 12px);
  color: var(--material-neutral-color);
  margin: 0;
  padding: 0;
  z-index: 3;
  position: absolute;
  left: clamp(18px, 16.2857142857px + 0.0053571429 * 100vw, 24px);
  top: clamp(12px, 8.5714285714px + 0.0107142857 * 100vw, 24px);
  width: auto;
  height: auto;
  font-weight: 700;
  text-transform: uppercase;
}
.md-appbar--branding.md-appbar--hasbranding {
  background: none !important;
  padding-left: 48px;
}
.md-appbar--branding.md-appbar--hasbranding:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -40%, 0);
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 48px;
  background: transparent url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='logo'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='%23bd9a56'%20d='m295.14,286.89c-8.86-20.62-34.64-29.89-51.61-33.81.06.07.11.13.13.22.84.46,16.11,13.19,24.21,31.31,12.5,27.98,8.38,73.11,4.06,92.15,27.83-57.08,27.23-80.47,23.21-89.87'%20/%3e%3cpath%20fill='%2383bfe8'%20d='m289.48,163.2C143.71,96.08,178.69,18.18,192.08,9.81c-89.64,19.9-102.03,66.25-73.17,99.73,28.87,33.49,96.53,45.85,132.19,60.48,68.1,27.9,105.03,67.57,109.83,117.89,4,42.14-47.12,115.65-97.58,176.97,51.32-46.19,110.78-101.51,124.91-122.01,26.23-38.09,47-112.55-98.78-179.67'%20/%3e%3cpath%20fill='%2380c244'%20d='m245.38,180.2c-28.93-11.86-99.75-24.8-129.23-59.4,2.05,13.25,22.08,39.4,43.37,58.8,7.31,6.57,27.08,24.47,32.64,29.08,14.13,11.76,44.47-5.25,136.2,30.93-16.84-22.62-44.97-43.84-82.98-59.41'%20/%3e%3cpath%20fill='%23ee4036'%20d='m347.84,289.14c-.5-5.47-1.49-10.8-2.89-15.99-1.16-2.74-13.63-28.62-79.72-42.78-15.04-3.25-39.99-6.04-57.26-8.44,8.06,6.69,15.78,13.13,22.89,19.31,27.08,5.19,66.06,16.51,76.32,40.47,11.35,26.52-8.32,81.34-60.15,167.58-11.54,19.16-23.38,37.71-34.27,54.22,13.93-15.6,29.38-33.43,44.66-52.16,62.01-76.06,93.27-132.14,90.42-162.2'%20/%3e%3cpath%20fill='%2380c244'%20d='m328.05,8.5h-120.41c-13.38,8.38-48.64,82.06,97.14,149.18-56.3-36.87-34.43-123.94,23.27-149.18'%20/%3e%3c/svg%3e") no-repeat center center/contain;
  filter: brightness(0) invert(1);
}
.md-appbar .md-primarynav {
  grid-gap: clamp(12px, 8.5714285714px + 0.0107142857 * 100vw, 24px);
}
.md-appbar .md-primarynav--root, .md-appbar--toggle, .md-appbar--branding {
  z-index: 2;
}
.md-appbar--toggle {
  background: transparent;
  visibility: visible;
  display: block;
  pointer-events: all;
  position: absolute;
  right: 12px;
  top: 12px;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
}
.md-appbar--toggle .md-icon {
  color: var(--material-neutral-color);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 768px) {
  .md-appbar--toggle {
    right: 24px;
    top: 24px;
  }
}
.md-appbar--toggle:focus, .md-appbar--toggle:hover, .md-appbar--toggle:active {
  background: transparent;
}
.md-appbar--toggle:focus .md-icon, .md-appbar--toggle:hover .md-icon, .md-appbar--toggle:active .md-icon {
  color: var(--material-accent-color);
}
.md-appbar .md-primarynav,
.md-appbar .md-primarynav-children {
  flex-flow: column nowrap;
  padding: 0;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.md-appbar .md-primarynav {
  position: relative;
  z-index: 2;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.md-appbar .md-primarynav--item, .md-appbar .md-primarynav--link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  text-transform: uppercase;
  font-size: clamp(24px, 17.1428571429px + 0.0214285714 * 100vw, 48px);
  font-weight: 900;
  color: var(--material-text-color);
  padding: 0;
}
.md-appbar .md-primarynav--item {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.md-appbar .md-primarynav--link {
  display: flex;
  flex-flow: column nowrap;
  grid-gap: 6px;
}
.md-appbar .md-primarynav--link span {
  width: 100%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.md-appbar .md-primarynav--link-label {
  color: var(--material-text-color);
}
.md-appbar .md-primarynav--link-description {
  font-size: clamp(14px, 13.4285714286px + 0.0017857143 * 100vw, 16px);
  font-weight: 400;
  color: var(--material-text-color);
  opacity: 0.7;
  text-transform: none;
  white-space: normal;
}
.md-appbar .md-primarynav--link:focus > .md-primarynav--link-label, .md-appbar .md-primarynav--link:hover > .md-primarynav--link-label, .md-appbar .md-primarynav--link:active > .md-primarynav--link-label {
  color: var(--material-accent-color);
}
.md-appbar .md-primarynav--link:focus > .md-primarynav--link-description, .md-appbar .md-primarynav--link:hover > .md-primarynav--link-description, .md-appbar .md-primarynav--link:active > .md-primarynav--link-description {
  color: var(--material-text-color);
  opacity: 0.99;
}
.md-appbar--compact {
  background-color: var(--material-transparent-color);
}
.md-appbar--compact .md-utilitynav--root {
  background: transparent;
}
.md-appbar--compact .md-utilitynav--item, .md-appbar--compact .md-utilitynav--link {
  color: #000000;
}
.md-appbar--compact .md-utilitynav--item:focus, .md-appbar--compact .md-utilitynav--item:hover, .md-appbar--compact .md-utilitynav--item:active {
  opacity: 0.7;
}
.md-appbar--compact .md-utilitynav--link {
  color: #000000;
}
.md-appbar--compact .md-utilitynav--link:focus, .md-appbar--compact .md-utilitynav--link:hover, .md-appbar--compact .md-utilitynav--link:active {
  color: var(--material-accent-color);
}
.md-appbar--compact .md-appbar-nav:after {
  opacity: 0;
}
.md-appbar--compact .md-appbar--hasbranding:before {
  filter: none;
}
.md-appbar:not(.md-appbar--compact) .md-appbar--hasbranding {
  color: var(--material-transparent-color);
}

html:not(.homepage) .md-appbar:not(.md-appbar--compact) .md-appbar--hasbranding {
  color: var(--material-neutral-color);
}
html:not(.homepage) .md-appbar--compact navwrapper {
  background-color: rgba(255, 255, 255, 0.7);
}
html:not(.homepage) .md-appbar--compact .md-appbar-nav:after {
  opacity: 0.7;
}
html:not(.homepage) .md-appbar--compact .md-appbar--toggle {
  color: var(--material-primary-text-color);
}
html:not(.homepage) .md-appbar--compact .md-appbar--toggle .md-icon {
  color: inherit;
}
html:not(.homepage) .md-appbar--compact .md-appbar--hasbranding {
  color: #584923;
}
html:not(.homepage) .md-appbar navwrapper[active] .md-appbar--hasbranding {
  color: #584923;
}

form.md-form .field.field--focus .field-wrapper input[type=text], form.md-form .field.field--focus .field-wrapper input[type=email], form.md-form .field.field--focus .field-wrapper input[type=search], form.md-form .field.field--focus .field-wrapper input[type=url] {
  border-color: #34b1c7;
}
form.md-form .field.field--focus .field-wrapper textarea,
form.md-form .field.field--focus .field-wrapper select {
  border-color: #34b1c7;
}
form.md-form .field.field--focus .field-wrapper:before {
  color: #34b1c7;
}
form.md-form .field.date.field--focus .field-wrapper, form.md-form .field.datetime.field--focus .field-wrapper, form.md-form .field[class*=datetime-].field--focus .field-wrapper {
  border-color: #34b1c7;
}
form.md-form input[type=text],
form.md-form input[type=email] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
form.md-form input[type=submit] {
  flex: 0 0 auto;
  background-color: var(--material-accent-color);
  border-radius: var(--material-radius);
}
form.md-form input[type=submit]:focus, form.md-form input[type=submit]:hover, form.md-form input[type=submit]:active {
  background-color: var(--material-accent-color-dark);
}

formcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
formcontainer form {
  max-width: 1284px;
}

.modal form.md-form .md-form--inner {
  padding: 0;
}

uielementalcontainer.uielementaltriptych uielemental[collapsetop="1"] {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementaltriptych uielemental[collapsetop="1"] {
    padding: 0;
  }
}
uielementalcontainer.uielementaltriptych uielemental[collapsebottom="1"] {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  uielementalcontainer.uielementaltriptych uielemental[collapsebottom="1"] {
    padding: 0;
  }
}

gallery,
gallerymedia,
gallerycontent,
gallerytitle,
gallerydescription,
galleryactions {
  display: block;
  position: relative;
  box-sizing: border-box;
}

gallery {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
gallery gallerymedia,
gallery gallerycontent,
gallery galleryactions {
  flex: 0 0 auto;
}
gallery galleryactions {
  margin-top: auto;
}
gallery gallerycontent,
gallery gallerymedia {
  margin-bottom: 24px;
}
gallery gallerymedia a,
gallery gallerymedia img {
  display: block;
}
gallery gallerymedia a {
  overflow: hidden;
  border-radius: var(--material-radius);
}
gallery gallerymedia a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: saturate(150%);
}

header.uielementalpageheader .etfheader--root {
  display: flex;
  flex-flow: column nowrap;
}
header.uielementalpageheader .etfheader uielemental {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  padding: clamp(24px, 3.4285714286px + 0.0642857143 * 100vw, 96px);
  transition: all 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
header.uielementalpageheader .etfheader uielemental .etf-heading {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: clamp(6px, 4.2857142857px + 0.0053571429 * 100vw, 12px);
  color: #000000;
  font-size: clamp(31.992px, -0.0102857143px + 0.1000071429 * 100vw, 144px);
}
header.uielementalpageheader .etfheader uielemental .etf-heading--line {
  grid-column: auto/span 1;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: color;
  line-height: 0.75;
}
@media only screen and (min-width: 1280px) {
  header.uielementalpageheader .etfheader uielemental .etf-heading--line {
    letter-spacing: 0.0125em;
  }
}
header.uielementalpageheader .etfheader uielemental .etf-heading--line-xs {
  font-size: 0.25em;
  transform: translate3d(0, 0, 0);
}
header.uielementalpageheader .etfheader uielemental .etf-heading--line-s {
  font-size: 0.5em;
  transform: translate3d(0, 0, 0);
}
header.uielementalpageheader .etfheader uielemental .etf-heading--line-m {
  font-size: 0.875em;
  transform: translate3d(-4px, 0, 0);
}
header.uielementalpageheader .etfheader uielemental .etf-heading--line-l {
  font-size: 2em;
  transform: translate3d(-4px, 0, 0);
}
@media only screen and (min-width: 768px) {
  header.uielementalpageheader .etfheader uielemental .etf-heading--line-l {
    transform: translate3d(-8px, 0, 0);
  }
}
@media only screen and (min-width: 1440px) {
  header.uielementalpageheader .etfheader uielemental .etf-heading--line-l {
    transform: translate3d(-12px, 0, 0);
  }
}
header.uielementalpageheader .etfheader uielemental .etf-heading--weight-100 {
  font-weight: 100;
}
header.uielementalpageheader .etfheader uielemental .etf-heading--weight-400 {
  font-weight: 400;
}
header.uielementalpageheader .etfheader uielemental .etf-heading--weight-700 {
  font-weight: 700;
}
header.uielementalpageheader .etfheader uielemental .etf-heading--weight-900 {
  font-weight: 900;
}
@media only screen and (min-width: 768px) {
  header.uielementalpageheader .etfheader uielemental .etf-content {
    padding-right: 25%;
  }
}
@media only screen and (min-width: 1280px) {
  header.uielementalpageheader .etfheader uielemental .etf-content {
    padding-right: 25%;
  }
}
@media only screen and (min-width: 1440px) {
  header.uielementalpageheader .etfheader uielemental .etf-content {
    padding-right: 16%;
  }
}
header.uielementalpageheader .etfheader uielementalheader,
header.uielementalpageheader .etfheader uielementalcontent {
  color: #000000;
}
header.uielementalpageheader .etfheader uielementalheader > *,
header.uielementalpageheader .etfheader uielementalcontent > * {
  color: inherit;
}
header.uielementalpageheader:not(.animation) .etfheader uielemental {
  mix-blend-mode: screen;
  background-color: rgb(255, 255, 255);
  color: #000000;
}
header.uielementalpageheader.animation .etfheader uielemental {
  mix-blend-mode: normal;
  background-color: transparent;
  color: rgb(255, 255, 255);
  transition: all 3000ms cubic-bezier(0.4, 0, 0.2, 1);
}
header.uielementalpageheader.animation .etfheader uielemental uielementalheader,
header.uielementalpageheader.animation .etfheader uielemental uielementalcontent {
  color: rgb(255, 255, 255);
}
header.uielementalpageheader.animation .etfheader uielemental .etf-heading {
  color: rgb(255, 255, 255);
}

uielementalcontainer.uielementalcontent uielemental.uielementalcontent uielementalcontent + uielementalactions {
  margin-top: 24px;
}
@media only screen and (min-width: 1280px) {
  uielementalcontainer.uielementalcontent uielemental.uielementalcontent uielementalactions .md-button {
    padding: 6px 24px;
  }
}
@media only screen and (min-width: 1440px) {
  uielementalcontainer.uielementalcontent uielemental.uielementalcontent uielementalactions .md-button {
    padding: 12px 36px;
  }
}

.md-fab--root {
  background-color: var(--material-accent-color);
  color: var(--material-neutral-color);
}
@media only screen and (min-width: 768px) {
  .md-fab--root {
    right: 63.984px;
  }
}
.md-fab:focus, .md-fab:hover, .md-fab:active {
  background-color: var(--material-accent-color-dark);
}