@font-face {
  font-family: FFClanWebPro;
  font-weight: 300;
  font-style: normal;
  src: url('fonts/308D97_0_0.eot?#iefix') format('embedded-opentype'),
				url('fonts/308D97_0_0.woff2') format('woff2'),
				url('fonts/308D97_0_0.woff') format('woff'),
				url('fonts/308D97_0_0.ttf') format('truetype');
}
@font-face {
  font-family: FFClanWebPro;
  font-weight: 900;
  font-style: normal;
  src: url('fonts/308D97_1_0.eot?#iefix') format('embedded-opentype'),
				url('fonts/308D97_1_0.woff2') format('woff2'),
				url('fonts/308D97_1_0.woff') format('woff'),
				url('fonts/308D97_1_0.ttf') format('truetype');
}
@font-face {
  font-family: FFClanWebPro;
  font-weight: 800;
  font-style: normal;
  src: url('fonts/308D97_2_0.eot?#iefix') format('embedded-opentype'),
				url('fonts/308D97_2_0.woff2') format('woff2'),
				url('fonts/308D97_2_0.woff') format('woff'),
				url('fonts/308D97_2_0.ttf') format('truetype');
}
@font-face {
  font-family: volume-icons;
  font-weight: normal;
  font-style: normal;
  src: url('fonts/icons/volume-icons.eot?#iefix') format('embedded-opentype'),
				url('fonts/icons/volume-icons.woff2') format('woff2'),
				url('fonts/icons/volume-icons.woff') format('woff'),
				url('fonts/icons/volume-icons.ttf') format('truetype');
}
@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
				url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
				url('fonts/montserrat-regular-webfont.woff') format('woff'),
				url('fonts/montserrat-regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  src: url('fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'),
				url('fonts/montserrat-italic-webfont.woff2') format('woff2'),
				url('fonts/montserrat-italic-webfont.woff') format('woff'),
				url('fonts/montserrat-italic-webfont.ttf') format('truetype');
}
@font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
				url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
				url('fonts/montserrat-bold-webfont.woff') format('woff'),
				url('fonts/montserrat-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: Montserrat;
  font-weight: 800;
  font-style: normal;
  src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
				url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
				url('fonts/montserrat-extrabold-webfont.woff') format('woff'),
				url('fonts/montserrat-extrabold-webfont.ttf') format('truetype');
}
html {
  box-sizing: border-box;
}
*,
*:after,
*:before {
  box-sizing: inherit;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  vertical-align: baseline;
}
html {
  margin: 0;
  padding: 0;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  margin: 0;
  padding: 0;
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  width: 100%;
  height: auto;
}
picture,
picture * {
  display: block;
}
aria-hidden {
  display: none !important;
}
input.punchcard {
  visibility: hidden !important;
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}
[class*="-is-hidden"] {
  display: none !important;
}
[class*="-is-visible"] {
  display: inline-block !important;
  display: initial !important;
}
[class*="is(hidden"] {
  display: none !important;
}
[class*="is(visible"] {
  display: inline-block !important;
  display: initial !important;
}
@media only screen and (max-width: 240px) {
  [micro*="-is-hidden"] {
    display: none !important;
  }
  [micro*="-is-visible"] {
    display: inline-block !important;
    display: initial !important;
  }
  [micro*="is(hidden"] {
    display: none !important;
  }
  [micro*="is(visible"] {
    display: inline-block !important;
    display: initial !important;
  }
}
@media only screen and (min-width: 640px) {
  [slate*="-is-hidden"] {
    display: none !important;
  }
  [slate*="-is-visible"] {
    display: inline-block !important;
    display: initial !important;
  }
  [slate*="is(hidden"] {
    display: none !important;
  }
  [slate*="is(visible"] {
    display: inline-block !important;
    display: initial !important;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="-is-hidden"] {
    display: none !important;
  }
  [fixed*="-is-visible"] {
    display: inline-block !important;
    display: initial !important;
  }
  [fixed*="is(hidden"] {
    display: none !important;
  }
  [fixed*="is(visible"] {
    display: inline-block !important;
    display: initial !important;
  }
}
@media only screen and (min-width: 1200px) {
  [large*="-is-hidden"] {
    display: none !important;
  }
  [large*="-is-visible"] {
    display: inline-block !important;
    display: initial !important;
  }
  [large*="is(hidden"] {
    display: none !important;
  }
  [large*="is(visible"] {
    display: inline-block !important;
    display: initial !important;
  }
}
@media only screen and (max-width: 959px) {
  [fluid*="-is-hidden"] {
    display: none !important;
  }
  [fluid*="-is-visible"] {
    display: inline-block !important;
    display: initial !important;
  }
  [fluid*="is(hidden"] {
    display: none !important;
  }
  [fluid*="is(visible"] {
    display: inline-block !important;
    display: initial !important;
  }
}
html {
  font-size: 100%;
}
@media only screen and (max-width: 240px) {
  html {
    font-size: 56.25%;
  }
}
@media only screen and (min-width: 241px) {
  html {
    font-size: 60%;
  }
}
@media only screen and (min-width: 300px) {
  html {
    font-size: 75%;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size: 75%;
  }
}
@media only screen and (min-width: 960px) {
  html {
    font-size: 75%;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 75%;
  }
}
@media only screen and (min-width: 1560px) {
  html {
    font-size: 80.625%;
  }
}
@media only screen and (min-width: 1920px) {
  html {
    font-size: 84.375%;
  }
}
@media only screen and (min-width: 2400px) {
  html {
    font-size: 89.0625%;
  }
}
@media only screen and (min-width: 3360px) {
  html {
    font-size: 93.75%;
  }
}
body {
  font-size: 1.33333333rem !important;
}
@media only screen and (min-width: 640px) {
  body {
    font-size: 1.75rem !important;
  }
}
@media only screen and (min-width: 960px) {
  body {
    font-size: 1.33333333rem !important;
  }
}
@media only screen and (max-width: 240px) {
  body::after {
    content: "micro";
  }
}
@media only screen and (min-width: 241px) {
  body::after {
    content: "small";
  }
}
@media only screen and (min-width: 300px) {
  body::after {
    content: "carry";
  }
}
@media only screen and (min-width: 640px) {
  body::after {
    content: "slate";
  }
}
@media only screen and (min-width: 720px) {
  body::after {
    content: "board";
  }
}
@media only screen and (min-width: 960px) {
  body::after {
    content: "fixed";
  }
}
@media only screen and (min-width: 1200px) {
  body::after {
    content: "large";
  }
}
@media only screen and (min-width: 1560px) {
  body::after {
    content: "super";
  }
}
@media only screen and (min-width: 1920px) {
  body::after {
    content: "hyper";
  }
}
@media only screen and (min-width: 2400px) {
  body::after {
    content: "supra";
  }
}
@media only screen and (min-width: 3360px) {
  body::after {
    content: "ultra";
  }
}
body::before {
  content: '"fluid":"min-width: 959px","micro":"min-width: 240px","small": "min-width: 241px","carry": "min-width: 300px","slate":"min-width: 640px","board":"min-width: 720px","fixed":"min-width: 960px","large":"min-width: 1200px","super":"min-width: 1560px","hyper":"min-width: 1920px","supra":"min-width: 2400px","ultra": "min-width:3360px"';
  display: none !important;
}
body::after {
  display: none !important;
}
html,
body {
  width: 100%;
  max-width: 100% !important;
  min-height: 100% !important;
}
.viewport {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  margin: 0 !important;
  position: relative;
}
.viewport > .view {
  width: 100%;
  min-height: 100% !important;
  padding: 0 !important;
}
body {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #0a0826;
  color: var(--text-color);
  background-color: #fafbfc;
  background-color: var(--background-color);
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayrebase;
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
:root {
  --scale: var(--step-0x0);
  --baseline: var(--baseline-0x0);
}
:root {
  --scale-base: 1;
  --scale-ratio: 1.6667;
  --scale-steps: 5;
  --step--5x0: 0.6;
  --step-down-5: 0.599988;
  --baseline--5x0: 2.3617139;
  --step--4x0: 0.66;
  --step-down-4: 0.66452917;
  --baseline--4x0: 2.13233678;
  --step--3x0: 0.74;
  --step-down-3: 0.73601309;
  --baseline--3x0: 1.9252375;
  --step--2x0: 0.82;
  --step-down-2: 0.81518659;
  --baseline--2x0: 1.73825235;
  --step--1x0: 0.9;
  --step-down-1: 0.90287684;
  --baseline--1x0: 1.56942779;
  --step-down-0: 1;
  --step-0x0: 1;
  --step-up-0: 1;
  --baseline-0x0: 1.417;
  --step-1x0: 1.11;
  --step-up-1: 1.10757077;
  --baseline-1x0: 1.27937648;
  --step-2x0: 1.23;
  --step-up-2: 1.22671302;
  --baseline-2x0: 1.1551194;
  --step-3x0: 1.36;
  --step-up-3: 1.35867149;
  --baseline-3x0: 1.04293055;
  --step-4x0: 1.5;
  --step-up-4: 1.50482483;
  --baseline-4x0: 0.94163784;
  --step-5x0: 1.67;
  --step-up-5: 1.6667;
  --baseline-5x0: 0.850183;
  --step-0x1: 1.67;
  --baseline-0x1: 0.850183;
  --step-1x1: 1.85;
  --baseline-1x1: 0.76761054;
  --step-2x1: 2.04;
  --baseline-2x1: 0.69305778;
  --step-3x1: 2.26;
  --baseline-3x1: 0.62574581;
  --step-4x1: 2.51;
  --baseline-4x1: 0.5649714;
  --step-5x1: 2.78;
  --baseline-5x1: 0.5100996;
  --step-0x2: 2.78;
  --baseline-0x2: 0.5100996;
  --step-1x2: 3.08;
  --baseline-1x2: 0.46055711;
  --step-2x2: 3.41;
  --baseline-2x2: 0.41582635;
  --step-3x2: 3.77;
  --baseline-3x2: 0.37543998;
  --step-4x2: 4.18;
  --baseline-4x2: 0.33897606;
  --step-5x2: 4.63;
  --baseline-5x2: 0.30605364;
}
@media only screen and (min-width: 640px) {
  :root {
    --scale-base: 1;
    --scale-ratio: 1.617;
    --scale-steps: 5;
    --step--5x0: 0.62;
    --step-down-5: 0.61842919;
    --baseline--5x0: 2.4255;
    --step--4x0: 0.68;
    --step-down-4: 0.6808195;
    --baseline--4x0: 2.20322715;
    --step--3x0: 0.75;
    --step-down-3: 0.74950406;
    --baseline--3x0: 2.00132339;
    --step--2x0: 0.83;
    --step-down-2: 0.82511787;
    --baseline--2x0: 1.81792209;
    --step--1x0: 0.91;
    --step-down-1: 0.90835999;
    --baseline--1x0: 1.65132769;
    --step-down-0: 1;
    --step-0x0: 1;
    --step-up-0: 1;
    --baseline-0x0: 1.5;
    --step-1x0: 1.1;
    --step-up-1: 1.10088513;
    --baseline-1x0: 1.36253998;
    --step-2x0: 1.21;
    --step-up-2: 1.21194806;
    --baseline-2x0: 1.2376768;
    --step-3x0: 1.33;
    --step-up-3: 1.33421559;
    --baseline-3x0: 1.12425609;
    --step-4x0: 1.47;
    --step-up-4: 1.4688181;
    --baseline-4x0: 1.02122924;
    --step-5x0: 1.62;
    --step-up-5: 1.617;
    --baseline-5x0: 0.92764378;
    --step-0x1: 1.62;
    --baseline-0x1: 0.92764378;
    --step-1x1: 1.78;
    --baseline-1x1: 0.8426345;
    --step-2x1: 1.96;
    --baseline-2x1: 0.76541546;
    --step-3x1: 2.16;
    --baseline-3x1: 0.69527278;
    --step-4x1: 2.38;
    --baseline-4x1: 0.63155797;
    --step-5x1: 2.61;
    --baseline-5x1: 0.57368199;
    --step-0x2: 2.61;
    --baseline-0x2: 0.57368199;
    --step-1x2: 2.88;
    --baseline-1x2: 0.52110977;
    --step-2x2: 3.17;
    --baseline-2x2: 0.47335526;
    --step-3x2: 3.49;
    --baseline-3x2: 0.42997698;
    --step-4x2: 3.84;
    --baseline-4x2: 0.39057389;
    --step-5x2: 4.23;
    --baseline-5x2: 0.35478169;
  }
  :root {
    --scale: var(--step-0x0);
    --baseline: var(--baseline-0x0);
  }
}
@media only screen and (min-width: 960px) {
  :root {
    --scale-base: 1;
    --scale-ratio: 2;
    --scale-steps: 5;
    --step--5x0: 0.5;
    --step-down-5: 0.5;
    --baseline--5x0: 3;
    --step--4x0: 0.57;
    --step-down-4: 0.57434918;
    --baseline--4x0: 2.61165169;
    --step--3x0: 0.66;
    --step-down-3: 0.65975396;
    --baseline--3x0: 2.27357485;
    --step--2x0: 0.76;
    --step-down-2: 0.75785828;
    --baseline--2x0: 1.97926187;
    --step--1x0: 0.87;
    --step-down-1: 0.87055056;
    --baseline--1x0: 1.72304753;
    --step-down-0: 1;
    --step-0x0: 1;
    --step-up-0: 1;
    --baseline-0x0: 1.5;
    --step-1x0: 1.15;
    --step-up-1: 1.14869835;
    --baseline-1x0: 1.30582584;
    --step-2x0: 1.32;
    --step-up-2: 1.31950791;
    --baseline-2x0: 1.13678742;
    --step-3x0: 1.52;
    --step-up-3: 1.51571657;
    --baseline-3x0: 0.98963093;
    --step-4x0: 1.74;
    --step-up-4: 1.74110113;
    --baseline-4x0: 0.86152377;
    --step-5x0: 2;
    --step-up-5: 2;
    --baseline-5x0: 0.75;
    --step-0x1: 2;
    --baseline-0x1: 0.75;
    --step-1x1: 2.3;
    --baseline-1x1: 0.65291292;
    --step-2x1: 2.64;
    --baseline-2x1: 0.56839371;
    --step-3x1: 3.03;
    --baseline-3x1: 0.49481547;
    --step-4x1: 3.48;
    --baseline-4x1: 0.43076188;
    --step-5x1: 4;
    --baseline-5x1: 0.375;
    --step-0x2: 4;
    --baseline-0x2: 0.375;
    --step-1x2: 4.59;
    --baseline-1x2: 0.32645646;
    --step-2x2: 5.28;
    --baseline-2x2: 0.28419686;
    --step-3x2: 6.06;
    --baseline-3x2: 0.24740773;
    --step-4x2: 6.96;
    --baseline-4x2: 0.21538094;
    --step-5x2: 8;
    --baseline-5x2: 0.1875;
  }
  :root {
    --scale: var(--step-0x0);
    --baseline: var(--baseline-0x0);
  }
}
::selection {
  background-color: var(--primary-color) !important;
  color: var(--text-color) !important;
  text-shadow: none !important;
}
a {
  color: #ef375f;
  color: var(--primary-color);
  transition: transform 240ms ease-out, color 160ms ease-out;
}
a:active,
a:visited:active {
  outline: none;
  transform: translate3D(0, 0.1em, 0);
}
a:hover,
a:visited:hover {
  color: var(--primary-hover);
}
b,
strong {
  font-weight: bold;
}
i,
em,
var,
cite,
ins {
  font-style: italic;
}
u {
  text-decoration: underline;
}
del {
  text-decoration: line-through;
  color: #35343a;
  color: var(--text-muted);
}
ins {
  text-decoration: overline;
}
abbr[title],
acronym[title] {
  text-decoration: none;
  font-weight: 500;
  border-bottom: dashed 0.067em currentColor;
}
small {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  vertical-align: baseline;
}
sub,
sup {
  --scale: var(--step--3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--3x0);
  line-height: calc(0.75 * var(--baseline));
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: calc(-0.25em * var(--baseline));
}
sub {
  bottom: calc(-0.25em * var(--baseline));
}
code,
kbd,
samp {
  font-family: monospace;
  vertical-align: middle;
}
code,
kbd {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(0.75 * var(--baseline));
  padding: calc(0.125em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.125em * var(--baseline));
  border-radius: 0.1em;
  position: relative;
  top: calc(-0.1em * var(--baseline));
}
code {
  background-color: #e2e3e7;
  background-color: var(--background-faded);
}
kbd {
  background-color: #0a0826;
  background-color: var(--text-muted);
  color: #fafbfc;
  color: var(--background-color);
}
mark {
  background-color: #ebcb8b;
  background-color: var(--alert-color);
  padding: calc(0.1em * var(--baseline));
}
[class*="copy:flow"] > * + p,
[class*="copy:flow"] > * + ul,
[class*="copy:flow"] > * + ol,
[class*="copy:flow"] > * + dl,
[class*="copy:flow"] > * + div,
[class*="copy:flow"] > * + iframe,
[class*="copy:flow"] > * + pre,
[class*="copy:flow"] > * + figure {
  margin-top: calc(1em * var(--baseline));
}
[class*="copy:flow:half"] > * + * {
  margin-top: calc(0.5em * var(--baseline));
}
h1 {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
h1 {
  --scale: var(--step-5x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-5x0);
  line-height: calc(1.5 * var(--baseline));
  margin-top: calc(2.5em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
  font-weight: 900;
  letter-spacing: +0.02em;
}
h2 {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1.5 * var(--baseline));
  margin-top: calc(2em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
  font-weight: 700;
}
h3 {
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1.5 * var(--baseline));
  margin-top: calc(1.5em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
  font-weight: 300;
}
h4 {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  margin-top: calc(1em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
  font-weight: 900;
}
h5 {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
  font-weight: 300;
  letter-spacing: +0.1em;
  font-style: normal;
  text-transform: uppercase;
}
h6 {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-top: calc(0.75em * var(--baseline));
  margin-bottom: calc(0.25em * var(--baseline));
  font-weight: 900;
  letter-spacing: +0.1em;
  font-style: normal;
  text-transform: uppercase;
}
[class*="copy:flow"] h2 + *,
[class*="copy:flow"] h3 + *,
[class*="copy:flow"] h4 + *,
[class*="copy:flow"] h5 + *,
[class*="copy:flow"] h6 + * {
  margin-top: 0;
}
[class*="copy:flow"] h1 + h2 + * {
  margin-top: calc(1em * var(--baseline));
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: 0 !important;
}
hr {
  height: calc(0.075em * var(--baseline));
  background-color: var(--text-20);
  border: 0;
}
hr,
[class*="copy:flow"] > hr {
  margin-top: calc(0.425em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
}
[class*="copy:flow"] > hr + p {
  margin-top: 0;
}
p,
blockquote {
  widows: 4;
  orphans: 4;
}
blockquote {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0em * var(--baseline)) calc(1em * var(--baseline));
  text-indent: -0.5em;
}
address {
  font-style: normal;
}
.item__copy blockquote {
  border-left: 0.3em solid var(--background-muted);
}
li + li {
  margin-top: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  vertical-align: middle;
}
thead tr:first-child {
  border-top: 0.8em solid transparent;
}
th {
  font-size: calc(1.15em * var(--scale));
  padding: calc(0.25em * var(--baseline));
  border-bottom: 0.167em solid #c0c5ce;
}
td {
  padding: calc(0.25em * var(--baseline));
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
tr:not(:last-child) > td {
  border-bottom: 0.087em solid #c0c5ce;
}
.table--striped tr:nth-child(even) {
  background-color: #f1f1f3;
}
.table--striped tr:not(:last-child) > td {
  border-bottom: none;
}
.table--bordered td {
  border: 0.087em solid #c0c5ce;
}
thead.solid {
  background: #cacad1;
}
thead.inverted {
  background: #0a0826;
  color: #fafbfc;
}
img {
  width: 100%;
  height: auto;
}
audio {
  width: 100%;
  height: auto;
}
video {
  width: 100%;
  height: auto;
}
.item__copy iframe,
.item__copy object {
  width: 100%;
}
input {
  display: inline-block;
}
input,
textarea {
  margin: 0;
}
textarea {
  font-family: inherit;
}
label {
  display: block;
  font-weight: 500;
}
label + label {
  margin-top: 0;
}
label i,
label span,
label input,
label textarea {
  margin-top: 0;
}
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
select {
  width: 100%;
  height: calc(1.75em * var(--baseline));
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
  margin-top: calc(0.25em * var(--baseline));
  border-radius: 0.1em;
  border: 0.125em solid #b2b2bc;
  font-weight: 600;
}
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time] {
  width: auto;
}
input[type=number]::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=week]::-webkit-inner-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=datetime-local]::-webkit-outer-spin-button,
input[type=month]::-webkit-outer-spin-button,
input[type=week]::-webkit-outer-spin-button,
input[type=time]::-webkit-outer-spin-button {
  height: auto;
}
input[type=color] {
  background: #fefefe;
  width: auto;
  min-width: 6em;
  height: calc(1.5em * var(--baseline));
  padding: calc(0.175em * var(--baseline)) calc(0.25em * var(--baseline));
}
input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type=color]::-webkit-color-swatch {
  border: 0;
  border-radius: 0.1em;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #22203b;
  outline: none;
}
input.has-error,
textarea.has-error,
select.has-error,
.has-error > input,
.has-error > textarea,
.has-error > select {
  border-color: #bf616a;
}
input.is-valid,
textarea.is-valid,
select.is-valid,
.is-valid > input,
.is-valid > textarea,
.is-valid > select {
  border-color: #a3be8c;
}
textarea {
  line-height: var(--baseline-ms-0);
  min-height: calc(4em * var(--baseline));
  padding: calc(0.25em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
  border: 0.125em solid #b2b2bc;
  width: 100%;
}
input[type=radio],
input[type=checkbox] {
  width: calc(0.6em * var(--baseline));
  height: calc(0.6em * var(--baseline));
  margin-top: calc(0.2em * var(--baseline));
  margin-bottom: calc(0.2em * var(--baseline));
  margin-right: calc(0.25em * var(--baseline));
  border: 0.125em solid #b2b2bc;
}
option + option {
  margin-top: 0;
}
button,
input[type=button],
input[type=submit] {
  margin: 0;
}
a[class*="button"] {
  color: var(--text-color);
  text-decoration: none;
  margin: 0;
}
a[class*="button"]:hover {
  color: var(--text-color);
}
[class*="button"] + [class*="button"] {
  margin-left: calc(0.1em * var(--baseline-ms-0));
}
button,
input[type=button],
input[type=submit],
[class*=button] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: inherit;
  white-space: nowrap;
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
  height: calc(1.75em * var(--baseline));
  margin-top: calc(0.125em * var(--baseline));
  margin-bottom: calc(0.125em * var(--baseline));
  padding-left: calc(0.667em * var(--baseline));
  padding-right: calc(0.667em * var(--baseline));
  cursor: pointer;
  transition: color 240ms ease-in, transform 130ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
  border-radius: 0.1em;
  color: inherit;
  border: 0.16em solid currentColor;
  font-weight: 600;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
[class*=button]:hover {
  color: var(--text-faded);
}
button:focus,
input[type=button]:focus,
input[type=submit]:focus,
[class*=button]:focus {
  outline: none;
}
button:active,
input[type=button]:active,
input[type=submit]:active,
[class*=button]:active,
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
[class*=button]:disabled {
  transform: translate3d(0, 3px, 0);
}
[class*="button:"][class*=":small"] {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  height: calc(1.25em * var(--baseline));
  margin-top: calc(0.125em * var(--baseline));
  margin-bottom: calc(0.125em * var(--baseline));
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.5em * var(--baseline));
  letter-spacing: 0.02em;
  font-weight: 700;
}
[class*="button:"][class*=":large"] {
  font-size: var(--ms-1);
}
[class*="button:"][class*=":mini"] {
  --scale: var(--step--3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--3x0);
  line-height: calc(1 * var(--baseline));
  height: calc(1em * var(--baseline));
  margin-top: calc(0em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
  padding-left: calc(0.333em * var(--baseline));
  padding-right: calc(0.333em * var(--baseline));
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-weight: 700;
}
[class*="button:"][class*=":block"] {
  margin-top: calc(0.5em * var(--baseline-ms-0));
  width: 100%;
  text-align: center;
}
[class*="button:"][class*=":block"] + [class*="button:"][class*=":block"] {
  margin-top: calc(0.25em * var(--baseline-ms-0));
  margin-left: 0;
}
[class*="button:"][class*=":rounded"] {
  border-radius: 1em;
}
[class*="button:"][class*=":circular"] {
  border-radius: 100%;
}
[class*=button][class*="icon-"] {
  padding-right: calc(0.75em * var(--baseline));
}
[class*=button][class*="icon-"]::before {
  margin-right: 0.4em;
}
[class*=button][class~="icon:only"] {
  width: calc(1.75em * var(--baseline));
  padding: 0 !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
[class*=button][class~="icon:only"][class*=":small"] {
  width: calc(1.333em * var(--baseline));
}
[class*=button][class~="icon:only"][class*=":mini"] {
  width: calc(1em * var(--baseline));
}
[class*=button][class~="icon:only"] > i {
  display: none;
}
[class*="button"]:hover[class*=":faded"] {
  color: var(--text-color);
}
[class*="button"]:hover[class*=":muted"] {
  color: var(--text-faded);
}
[class*="button"]:hover[class*=":primary"] {
  color: var(--primary-color);
}
[class*="button"]:hover[class*=":secondary"] {
  color: var(--secondary-color);
}
[class*="::primary"] [class*="button"][class*=":faded"] {
  color: rgba(255, 255, 255, 0.8);
}
[class*="::primary"] [class*="button"][class*=":muted"] {
  color: rgba(255, 255, 255, 0.6);
}
[class*="::primary"] [class*="button"][class*=":primary"] {
  color: var(--primary-contrast);
}
[class*="::primary"] [class*="button"][class*=":secondary"] {
  color: var(--secondary-color);
}
[class*="::primary"] [class*="button"]:hover[class*=":faded"] {
  color: #ffffff;
}
[class*="::primary"] [class*="button"]:hover[class*=":muted"] {
  color: rgba(255, 255, 255, 0.8);
}
[class*="::primary"] [class*="button"]:hover[class*=":primary"] {
  color: var(--primary-contrast);
}
[class*="::primary"] [class*="button"]:hover[class*=":secondary"] {
  color: var(--secondary-hover);
}
[class*="::secondary"] [class*="button"][class*=":faded"] {
  color: rgba(255, 255, 255, 0.8);
}
[class*="::secondary"] [class*="button"][class*=":muted"] {
  color: rgba(255, 255, 255, 0.6);
}
[class*="::secondary"] [class*="button"][class*=":primary"] {
  color: var(--primary-color);
}
[class*="::secondary"] [class*="button"][class*=":secondary"] {
  color: var(--secondary-contrast);
}
[class*="::secondary"] [class*="button"]:hover[class*=":faded"] {
  color: #ffffff;
}
[class*="::secondary"] [class*="button"]:hover[class*=":muted"] {
  color: rgba(255, 255, 255, 0.8);
}
[class*="::secondary"] [class*="button"]:hover[class*=":primary"] {
  color: var(--primary-hover);
}
[class*="::secondary"] [class*="button"]:hover[class*=":secondary"] {
  color: var(--secondary-contrast);
}
button:not([class*="solid"]),
input[type=button]:not([class*="solid"]),
[class*=button]:not([class*="solid"]) {
  background-color: transparent;
}
input[type=submit],
input[type=submit]:not([class*="solid"]) {
  border-width: 0;
  background-color: var(--text-color);
  color: var(--background-color);
}
input[type=submit]:hover,
input[type=submit]:not([class*="solid"]):hover,
input[type=submit]:disabled,
input[type=submit]:not([class*="solid"]):disabled {
  color: var(--background-color);
  background-color: var(--text-faded);
}
[class*="button:"][class*=":solid"] {
  border-width: 0;
}
[class*="button:"][class*=":solid"][class*=":invert"] {
  color: var(--text-90);
  background-color: var(--text-00);
}
[class*="button:"][class*=":solid"][class*=":muted"],
[class*="button:"][class*=":solid"][class*=":faded"] {
  color: var(--text-color);
}
[class*="button:"][class*=":solid"]:hover[class*=":primary"] {
  color: var(--primary-200);
  background-color: var(--primary-120);
}
[class*="button:"][class*=":solid"]:hover[class*=":secondary"] {
  color: var(--secondary-200);
  background-color: var(--secondary-120);
}
[class*="button:"][class*=":solid"]:hover[class*=":muted"] {
  color: var(--text-100);
  background-color: var(--background-90);
}
[class*="button:"][class*=":solid"]:hover[class*=":faded"] {
  color: var(--text-100);
  background-color: var(--background-80);
}
[class*="button:"][class*=":solid"]:hover[class*=":invert"] {
  color: var(--text-90);
  background-color: var(--background-100);
}
[class*="::primary"] [class*="button:"][class*=":solid"][class*=":primary"] {
  color: var(--primary-100);
  background-color: var(--primary-200);
}
[class*="::primary"] [class*="button:"][class*=":solid"][class*=":secondary"] {
  color: var(--secondary-200);
  background-color: var(--secondary-100);
}
[class*="::primary"] [class*="button:"][class*=":solid"]:hover[class*=":primary"] {
  color: var(--primary-120);
  background-color: var(--primary-200);
}
[class*="::primary"] [class*="button:"][class*=":solid"]:hover[class*=":secondary"] {
  color: var(--secondary-200);
  background-color: var(--secondary-120);
}
[class*="::secondary"] [class*="button:"][class*=":solid"][class*=":primary"] {
  color: var(--primary-200);
  background-color: var(--primary-100);
}
[class*="::secondary"] [class*="button:"][class*=":solid"][class*=":secondary"] {
  color: var(--secondary-100);
  background-color: var(--secondary-200);
}
[class*="::secondary"] [class*="button:"][class*=":solid"]:hover[class*=":primary"] {
  color: var(--primary-200);
  background-color: var(--primary-120);
}
[class*="::secondary"] [class*="button:"][class*=":solid"]:hover[class*=":secondary"] {
  color: var(--secondary-120);
  background-color: var(--secondary-200);
}
.item__copy fieldset {
  padding: calc(0.5em * var(--baseline)) calc(1.5em * var(--baseline)) calc(1.5em * var(--baseline));
  border: 0.087em solid #b2b2bc;
}
fieldset legend {
  height: calc(1em * var(--baseline));
  font-weight: bold;
  box-sizing: content-box;
}
.ui-group {
  display: flex;
}
progress,
meter {
  width: 100%;
  height: calc(0.8em * var(--baseline));
  margin-top: calc(0.35em * var(--baseline));
  background: #dfe1e8;
  border-radius: 0.1em;
  border: 0 solid #b2b2bc;
}
progress::-webkit-progress-bar {
  background: #dfe1e8;
  border-radius: 0.1em;
}
progress::-webkit-progress-value {
  background: var(--primary-color);
  border-radius: 0.1em;
}
progress::-moz-progress-bar {
  background: var(--primary-color);
  border-radius: 0.1em;
}
progress::-ms-fill {
  border: none;
}
meter::-webkit-meter-bar {
  background: #dfe1e8;
}
meter::-moz-meter-bar {
  background: #dfe1e8;
}
meter::-ms-meter-bar {
  border: none;
}
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value {
  border-radius: 0.1em;
}
meter::-webkit-meter-optimum-value {
  background: #a3be8c;
}
meter:-moz-meter-optimum::-moz-meter-bar {
  background: #a3be8c;
}
meter::-webkit-meter-suboptimum-value {
  background: #ebcb8b;
}
meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: #ebcb8b;
}
meter::-webkit-meter-even-less-good-value {
  background: #bf616a;
}
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: #bf616a;
}
meter::-ms-fill {
  border: none;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  width: 100%;
  background: #c0c5ce;
  border-radius: 0.1em;
}
input[type=range]::-webkit-slider-runnable-track:focus {
  background: #c0c5ce;
}
input[type=range]::-moz-range-track {
  cursor: pointer;
  width: 100%;
  background: #c0c5ce;
  border-radius: 0.1em;
}
input[type=range]::-moz-range-track:focus {
  background: #c0c5ce;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0;
  border: none;
  cursor: pointer;
  background: #4f5b66;
  border-radius: 50%;
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb:focus {
  background: #bf616a;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0;
  border: none;
  cursor: pointer;
  background: #4f5b66;
  border-radius: 50%;
  -webkit-appearance: none;
}
input[type=range]::-moz-range-thumb:focus {
  background: #bf616a;
}
input[type=range]::-ms-track {
  box-shadow: 0;
  border: none;
  cursor: pointer;
  width: 100%;
  background: transparent;
}
input[type=range]::-ms-fill-lower {
  box-shadow: 0;
  border: none;
  cursor: pointer;
  background: #c0c5ce;
  border-radius: 0.1em;
}
input[type=range]::-ms-fill-lower:focus {
  background: #c0c5ce;
}
input[type=range]::-ms-fill-upper {
  box-shadow: 0;
  border: none;
  cursor: pointer;
  background: #c0c5ce;
  border-radius: 0.1em;
}
input[type=range]::-ms-fill-upper:focus {
  background: #c0c5ce;
}
input[type=range]::-ms-thumb {
  box-shadow: 0;
  border: none;
  width: calc(1em * var(--baseline));
  height: calc(1em * var(--baseline));
  margin-top: 0;
  background: #4f5b66;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-ms-thumb:focus {
  background: #bf616a;
}
@media only screen and (min-width: 640px) {
  [class^=form] fieldset {
    padding: calc(0em * var(--baseline)) calc(1em * var(--baseline)) calc(1em * var(--baseline));
  }
}
.item__term {
  font-weight: 600;
}
.button--small {
  height: calc(1.5em * var(--baseline));
  padding: calc(0em * var(--baseline)) calc(0.75em * var(--baseline));
}
.list-inline > li,
.list-inline > ul > li {
  display: inline;
}
.list-inline > li:not(:last-child)::after,
.list-inline > ul > li:not(:last-child)::after {
  content: ", ";
}
.toolbar > *:not(:first-child) {
  margin-left: 0.167em;
}
.item__copy > * + a,
.item__copy > * + p,
.item__copy > * + ul,
.item__copy > * + ol,
.item__copy > * + dl,
.item__copy > * + div,
.item__copy > * + iframe,
.item__copy > * + pre,
.item__copy > * + figure,
.item__copy > * + blockquote {
  margin-top: calc(1em * var(--baseline));
}
.item__copy {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
  padding: calc(1em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0em * var(--baseline));
  word-break: break-word;
}
@media only screen and (min-width: 640px) {
  .item__copy {
    padding: calc(2em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0em * var(--baseline));
  }
}
.item__copy > *,
.item__copy figcaption,
.item__copy > a {
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
}
.item__copy > a {
  display: block;
}
@media only screen and (max-width: 240px) {
  .item__copy > * {
    max-width: 100% !important;
  }
}
.item__copy > ul,
.item__copy > ol {
  margin-top: 0;
}
.item__copy ul,
.item__copy ol {
  padding-left: calc(1.25em * var(--baseline));
  list-style-position: outside;
}
.item__copy li {
  margin: 0;
  line-height: var(--baseline-ms-0);
  padding-top: calc(0.5em * var(--baseline));
}
.item__copy li:nth-child(odd):last-child {
  padding-bottom: calc(0.5em * var(--baseline));
}
.item__copy ul.nolist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.item__copy ul {
  list-style-type: disc;
}
.item__copy ul ul {
  list-style-type: circle;
}
.item__copy ul ul ul {
  list-style-type: square;
}
.item__copy ol {
  list-style: decimal;
}
.item__copy ol ol {
  list-style: lower-latin;
}
.item__copy ol ol ol {
  list-style-type: upper-roman;
}
.item__copy dl {
  padding: calc(1em * var(--baseline));
  border: 0.087em solid #dfe1e8;
  border: 0.087em solid var(--background-muted);
}
.item__copy dt {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1.25 * var(--baseline));
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.25em * var(--baseline));
  font-weight: 900;
}
.item__copy dd {
  padding-left: calc(0.5em * var(--baseline));
}
.item__copy dt + dd {
  margin-top: 0;
}
.item__copy figcaption {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  max-width: 41.25em;
  text-align: center;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  color: var(--text-muted);
}
.item__copy .copy__iframe {
  position: relative;
  overflow: hidden;
}
.item__copy .copy__iframe:before,
.item__copy .copy__iframe:after {
  content: "";
  height: 0;
}
.item__copy .copy__iframe:before {
  float: left;
}
.item__copy .copy__iframe:after {
  clear: left;
}
.item__copy .copy__iframe:before {
  padding-bottom: 56.25%;
}
.item__copy .copy__media[class*="ratio("] > iframe,
.item__copy .copy__iframe > iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.item__copy > .wp-caption.alignnone,
.item__copy > .copy__image.alignnone,
.item__copy > .copy__iframe.alignnone {
  max-width: 100%;
}
@media only screen and (min-width: 640px) {
  .item__copy > .wp-caption.alignnone,
  .item__copy > .copy__image.alignnone,
  .item__copy > .copy__iframe.alignnone {
    margin-left: calc(-0.5em * var(--baseline));
    margin-right: calc(-0.5em * var(--baseline));
  }
}
@media only screen and (min-width: 960px) {
  .item__copy > .wp-caption.alignnone,
  .item__copy > .copy__image.alignnone,
  .item__copy > .copy__iframe.alignnone {
    margin-left: auto;
    margin-right: auto;
  }
}
.item__copy > p.alignleft,
.item__copy > img.alignleft,
.item__copy > .wp-caption.alignleft,
.item__copy > .copy__image.alignleft,
.item__copy > p.alignright,
.item__copy > img.alignright,
.item__copy > .wp-caption.alignright,
.item__copy > .copy__image.alignright {
  height: auto;
  max-width: 33em;
  margin-right: auto;
  margin-bottom: auto;
}
@media only screen and (min-width: 960px) {
  .item__copy > p.alignleft,
  .item__copy > img.alignleft,
  .item__copy > .wp-caption.alignleft,
  .item__copy > .copy__image.alignleft,
  .item__copy > p.alignright,
  .item__copy > img.alignright,
  .item__copy > .wp-caption.alignright,
  .item__copy > .copy__image.alignright {
    max-width: 45%;
    height: auto;
    margin-right: 1em;
    margin-bottom: 1em;
  }
  .item__copy > p.alignleft,
  .item__copy > img.alignleft,
  .item__copy > .wp-caption.alignleft,
  .item__copy > .copy__image.alignleft {
    float: left;
  }
  .item__copy > p.alignright,
  .item__copy > img.alignright,
  .item__copy > .wp-caption.alignright,
  .item__copy > .copy__image.alignright {
    float: right;
    margin-right: 0;
    margin-left: 1em;
  }
}
.item__copy .anchor {
  float: left;
}
.article__main .item__summary {
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
}
[class*="flex("] {
  display: flex;
  width: 100%;
  max-width: 100%;
}
[class*="flex("][class*=":inline"] {
  display: inline-flex;
}
[class*="flex("][class*=":wrap"] {
  flex-wrap: wrap;
}
[class*="flex(centered"],
[class*="flex(row"] {
  flex-direction: row;
}
[class*="flex(col"] {
  flex-direction: column;
}
[class*="flex(row"][class*="reverse"] {
  flex-direction: row-reverse;
}
[class*="flex(col"][class*="reverse"] {
  flex-direction: column-reverse;
}
[class*="flex(none"],
[class*="flex(none"] > * {
  display: block;
}
[class*="flex(row"][class*=" left"],
[class*="flex(col"][class*=":top)"] {
  justify-content: flex-start;
}
[class*="flex("][class*="centered)"],
[class*="flex(row"][class*=" center"],
[class*="flex(col"][class*=":center"] {
  justify-content: center;
}
[class*="flex(row"][class*=" right"],
[class*="flex(col"][class*=":bottom"] {
  justify-content: flex-end;
}
[class*="flex(row"][class*=" spread"],
[class*="flex(col"][class*=":spread"] {
  justify-content: space-around;
}
[class*="flex(row"][class*=" justify"],
[class*="flex(col"][class*=":justify"] {
  justify-content: space-between;
}
[class*="flex(row"][class*=":top"],
[class*="flex(col"][class*=" left"] {
  align-items: flex-start;
}
[class*="flex("][class*="centered)"],
[class*="flex(row"][class*=":center"],
[class*="flex(col"][class*=" center"] {
  align-items: center;
}
[class*="flex(row"][class*=":bottom"],
[class*="flex(col"][class*="right:"] {
  align-items: flex-end;
}
[class*="flex(row"][class*=":stretch"],
[class*="flex(col"][class*=" stretch"] {
  align-items: stretch;
}
[class*="self(center"] {
  align-self: center;
}
[class*="self(stretch"] {
  align-self: stretch;
}
[class*="flex(row"] > [class*="self(top"],
[class*="flex(col"] > [class*="self(left"] {
  align-self: flex-start;
}
[class*="flex(row"] > [class*="self(bottom"],
[class*="flex(col"] > [class*="self(right"] {
  align-self: flex-end;
}
[class*="flex("][class*="self(center"] {
  margin-left: auto;
  margin-right: auto;
}
[class*="flex("][class*="self(left"] {
  margin-left: 0;
}
[class*="flex("][class*="self(right"] {
  margin-right: 0;
}
[class*="flex(row"] > [class*="self(left"] {
  margin-right: auto;
}
[class*="flex(row"] > [class*="self(right"] {
  margin-left: auto;
}
[class*="flex(col"] > [class*="self(top"] {
  margin-bottom: auto;
}
[class*="flex(col"] > [class*="self(bottom"] {
  margin-top: auto;
}
[class*="flex("] > [class*="order(1)"] {
  order: 1;
}
[class*="flex("] > [class*="order(2)"] {
  order: 2;
}
[class*="flex("] > [class*="order(3)"] {
  order: 3;
}
[class*="flex("] > [class*="order(4)"] {
  order: 4;
}
[class*="flex("] > [class*="order(5)"] {
  order: 5;
}
[class*="flex("] > [class*="order(6)"] {
  order: 6;
}
[class*="flex("] > [class*="order(7)"] {
  order: 7;
}
[class*="flex("] > [class*="order(8)"] {
  order: 8;
}
[class*="flex("] > [class*="order(9)"] {
  order: 9;
}
[class*="flex("] > [class*="order(10)"] {
  order: 10;
}
[class*="flex("] > [class*="order(11)"] {
  order: 11;
}
[class*="flex("] > [class*="order(12)"] {
  order: 12;
}
[class*="flex("] > [class*="order(13)"] {
  order: 13;
}
[class*="flex("] > [class*="order(14)"] {
  order: 14;
}
[class*="flex("] > [class*="order(15)"] {
  order: 15;
}
[class*="flex("] > [class*="order(16)"] {
  order: 16;
}
@media only screen and (min-width: 640px) {
  [slate*="flex("] {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  [slate*="flex("][slate*=":inline"] {
    display: inline-flex;
  }
  [slate*="flex("][slate*=":wrap"] {
    flex-wrap: wrap;
  }
  [slate*="flex(centered"],
  [slate*="flex(row"] {
    flex-direction: row;
  }
  [slate*="flex(col"] {
    flex-direction: column;
  }
  [slate*="flex(row"][slate*="reverse"] {
    flex-direction: row-reverse;
  }
  [slate*="flex(col"][slate*="reverse"] {
    flex-direction: column-reverse;
  }
  [slate*="flex(none"],
  [slate*="flex(none"] > * {
    display: block;
  }
  [slate*="flex(row"][slate*=" left"],
  [slate*="flex(col"][slate*=":top)"] {
    justify-content: flex-start;
  }
  [slate*="flex("][slate*="centered)"],
  [slate*="flex(row"][slate*=" center"],
  [slate*="flex(col"][slate*=":center"] {
    justify-content: center;
  }
  [slate*="flex(row"][slate*=" right"],
  [slate*="flex(col"][slate*=":bottom"] {
    justify-content: flex-end;
  }
  [slate*="flex(row"][slate*=" spread"],
  [slate*="flex(col"][slate*=":spread"] {
    justify-content: space-around;
  }
  [slate*="flex(row"][slate*=" justify"],
  [slate*="flex(col"][slate*=":justify"] {
    justify-content: space-between;
  }
  [slate*="flex(row"][slate*=":top"],
  [slate*="flex(col"][slate*=" left"] {
    align-items: flex-start;
  }
  [slate*="flex("][slate*="centered)"],
  [slate*="flex(row"][slate*=":center"],
  [slate*="flex(col"][slate*=" center"] {
    align-items: center;
  }
  [slate*="flex(row"][slate*=":bottom"],
  [slate*="flex(col"][slate*="right:"] {
    align-items: flex-end;
  }
  [slate*="flex(row"][slate*=":stretch"],
  [slate*="flex(col"][slate*=" stretch"] {
    align-items: stretch;
  }
  [slate*="self(center"] {
    align-self: center;
  }
  [slate*="self(stretch"] {
    align-self: stretch;
  }
  [slate*="flex(row"] > [slate*="self(top"],
  [slate*="flex(col"] > [slate*="self(left"] {
    align-self: flex-start;
  }
  [slate*="flex(row"] > [slate*="self(bottom"],
  [slate*="flex(col"] > [slate*="self(right"] {
    align-self: flex-end;
  }
  [slate*="flex("][slate*="self(center"] {
    margin-left: auto;
    margin-right: auto;
  }
  [slate*="flex("][slate*="self(left"] {
    margin-left: 0;
  }
  [slate*="flex("][slate*="self(right"] {
    margin-right: 0;
  }
  [slate*="flex(row"] > [slate*="self(left"] {
    margin-right: auto;
  }
  [slate*="flex(row"] > [slate*="self(right"] {
    margin-left: auto;
  }
  [slate*="flex(col"] > [slate*="self(top"] {
    margin-bottom: auto;
  }
  [slate*="flex(col"] > [slate*="self(bottom"] {
    margin-top: auto;
  }
  [slate*="flex("] > [slate*="order(1)"] {
    order: 1;
  }
  [slate*="flex("] > [slate*="order(2)"] {
    order: 2;
  }
  [slate*="flex("] > [slate*="order(3)"] {
    order: 3;
  }
  [slate*="flex("] > [slate*="order(4)"] {
    order: 4;
  }
  [slate*="flex("] > [slate*="order(5)"] {
    order: 5;
  }
  [slate*="flex("] > [slate*="order(6)"] {
    order: 6;
  }
  [slate*="flex("] > [slate*="order(7)"] {
    order: 7;
  }
  [slate*="flex("] > [slate*="order(8)"] {
    order: 8;
  }
  [slate*="flex("] > [slate*="order(9)"] {
    order: 9;
  }
  [slate*="flex("] > [slate*="order(10)"] {
    order: 10;
  }
  [slate*="flex("] > [slate*="order(11)"] {
    order: 11;
  }
  [slate*="flex("] > [slate*="order(12)"] {
    order: 12;
  }
  [slate*="flex("] > [slate*="order(13)"] {
    order: 13;
  }
  [slate*="flex("] > [slate*="order(14)"] {
    order: 14;
  }
  [slate*="flex("] > [slate*="order(15)"] {
    order: 15;
  }
  [slate*="flex("] > [slate*="order(16)"] {
    order: 16;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="flex("] {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  [fixed*="flex("][fixed*=":inline"] {
    display: inline-flex;
  }
  [fixed*="flex("][fixed*=":wrap"] {
    flex-wrap: wrap;
  }
  [fixed*="flex(centered"],
  [fixed*="flex(row"] {
    flex-direction: row;
  }
  [fixed*="flex(col"] {
    flex-direction: column;
  }
  [fixed*="flex(row"][fixed*="reverse"] {
    flex-direction: row-reverse;
  }
  [fixed*="flex(col"][fixed*="reverse"] {
    flex-direction: column-reverse;
  }
  [fixed*="flex(none"],
  [fixed*="flex(none"] > * {
    display: block;
  }
  [fixed*="flex(row"][fixed*=" left"],
  [fixed*="flex(col"][fixed*=":top)"] {
    justify-content: flex-start;
  }
  [fixed*="flex("][fixed*="centered)"],
  [fixed*="flex(row"][fixed*=" center"],
  [fixed*="flex(col"][fixed*=":center"] {
    justify-content: center;
  }
  [fixed*="flex(row"][fixed*=" right"],
  [fixed*="flex(col"][fixed*=":bottom"] {
    justify-content: flex-end;
  }
  [fixed*="flex(row"][fixed*=" spread"],
  [fixed*="flex(col"][fixed*=":spread"] {
    justify-content: space-around;
  }
  [fixed*="flex(row"][fixed*=" justify"],
  [fixed*="flex(col"][fixed*=":justify"] {
    justify-content: space-between;
  }
  [fixed*="flex(row"][fixed*=":top"],
  [fixed*="flex(col"][fixed*=" left"] {
    align-items: flex-start;
  }
  [fixed*="flex("][fixed*="centered)"],
  [fixed*="flex(row"][fixed*=":center"],
  [fixed*="flex(col"][fixed*=" center"] {
    align-items: center;
  }
  [fixed*="flex(row"][fixed*=":bottom"],
  [fixed*="flex(col"][fixed*="right:"] {
    align-items: flex-end;
  }
  [fixed*="flex(row"][fixed*=":stretch"],
  [fixed*="flex(col"][fixed*=" stretch"] {
    align-items: stretch;
  }
  [fixed*="self(center"] {
    align-self: center;
  }
  [fixed*="self(stretch"] {
    align-self: stretch;
  }
  [fixed*="flex(row"] > [fixed*="self(top"],
  [fixed*="flex(col"] > [fixed*="self(left"] {
    align-self: flex-start;
  }
  [fixed*="flex(row"] > [fixed*="self(bottom"],
  [fixed*="flex(col"] > [fixed*="self(right"] {
    align-self: flex-end;
  }
  [fixed*="flex("][fixed*="self(center"] {
    margin-left: auto;
    margin-right: auto;
  }
  [fixed*="flex("][fixed*="self(left"] {
    margin-left: 0;
  }
  [fixed*="flex("][fixed*="self(right"] {
    margin-right: 0;
  }
  [fixed*="flex(row"] > [fixed*="self(left"] {
    margin-right: auto;
  }
  [fixed*="flex(row"] > [fixed*="self(right"] {
    margin-left: auto;
  }
  [fixed*="flex(col"] > [fixed*="self(top"] {
    margin-bottom: auto;
  }
  [fixed*="flex(col"] > [fixed*="self(bottom"] {
    margin-top: auto;
  }
  [fixed*="flex("] > [fixed*="order(1)"] {
    order: 1;
  }
  [fixed*="flex("] > [fixed*="order(2)"] {
    order: 2;
  }
  [fixed*="flex("] > [fixed*="order(3)"] {
    order: 3;
  }
  [fixed*="flex("] > [fixed*="order(4)"] {
    order: 4;
  }
  [fixed*="flex("] > [fixed*="order(5)"] {
    order: 5;
  }
  [fixed*="flex("] > [fixed*="order(6)"] {
    order: 6;
  }
  [fixed*="flex("] > [fixed*="order(7)"] {
    order: 7;
  }
  [fixed*="flex("] > [fixed*="order(8)"] {
    order: 8;
  }
  [fixed*="flex("] > [fixed*="order(9)"] {
    order: 9;
  }
  [fixed*="flex("] > [fixed*="order(10)"] {
    order: 10;
  }
  [fixed*="flex("] > [fixed*="order(11)"] {
    order: 11;
  }
  [fixed*="flex("] > [fixed*="order(12)"] {
    order: 12;
  }
  [fixed*="flex("] > [fixed*="order(13)"] {
    order: 13;
  }
  [fixed*="flex("] > [fixed*="order(14)"] {
    order: 14;
  }
  [fixed*="flex("] > [fixed*="order(15)"] {
    order: 15;
  }
  [fixed*="flex("] > [fixed*="order(16)"] {
    order: 16;
  }
}
[class*="grid("] {
  display: -ms-grid;
  display: grid;
  max-width: 100%;
}
[class*="grid("] > * {
  max-width: 100%;
  margin: 0;
}
[class*="grid("][class*=":inline"] {
  display: inline-grid;
}
[class*="grid("] [class*="(unset)"] {
  display: initial;
}
[class*="grid("][class*=" left:"] {
  justify-items: start;
}
[class*="grid("][class*=":top"] {
  align-items: start;
}
[class*="grid("][class*=" right:"] {
  justify-items: end;
}
[class*="grid("][class*=":bottom"] {
  align-items: end;
}
[class*="grid("][class*=" centered"],
[class*="grid("][class*=" center:"] {
  justify-items: center;
}
[class*="grid("][class*=" centered"],
[class*="grid("][class*=":center"] {
  align-items: center;
}
[class*="grid("][class*=" stretch:"] {
  justify-items: stretch;
}
[class*="grid("][class*=":stretch"] {
  align-items: stretch;
}
[class*="grid("][class*="/row"] {
  grid-auto-flow: row;
}
[class*="grid("][class*="/col"] {
  grid-auto-flow: column;
}
[class*="grid("][class*="/dense"] {
  grid-auto-flow: dense;
}
[class*="grid("][class*="(1x/"] {
  grid-template-columns: repeat(1, 1fr);
}
[class*="grid("][class*="/1x)"] {
  grid-template-rows: repeat(1, 1fr);
}
[class*="grid("][class*="(2x/"] {
  grid-template-columns: repeat(2, 1fr);
}
[class*="grid("][class*="/2x)"] {
  grid-template-rows: repeat(2, 1fr);
}
[class*="grid("][class*="(3x/"] {
  grid-template-columns: repeat(3, 1fr);
}
[class*="grid("][class*="/3x)"] {
  grid-template-rows: repeat(3, 1fr);
}
[class*="grid("][class*="(4x/"] {
  grid-template-columns: repeat(4, 1fr);
}
[class*="grid("][class*="/4x)"] {
  grid-template-rows: repeat(4, 1fr);
}
[class*="grid("][class*="(5x/"] {
  grid-template-columns: repeat(5, 1fr);
}
[class*="grid("][class*="/5x)"] {
  grid-template-rows: repeat(5, 1fr);
}
[class*="grid("][class*="(6x/"] {
  grid-template-columns: repeat(6, 1fr);
}
[class*="grid("][class*="/6x)"] {
  grid-template-rows: repeat(6, 1fr);
}
[class*="grid("][class*="(7x/"] {
  grid-template-columns: repeat(7, 1fr);
}
[class*="grid("][class*="/7x)"] {
  grid-template-rows: repeat(7, 1fr);
}
[class*="grid("][class*="(8x/"] {
  grid-template-columns: repeat(8, 1fr);
}
[class*="grid("][class*="/8x)"] {
  grid-template-rows: repeat(8, 1fr);
}
[class*="grid("][class*="(9x/"] {
  grid-template-columns: repeat(9, 1fr);
}
[class*="grid("][class*="/9x)"] {
  grid-template-rows: repeat(9, 1fr);
}
[class*="grid("][class*="(10x/"] {
  grid-template-columns: repeat(10, 1fr);
}
[class*="grid("][class*="/10x)"] {
  grid-template-rows: repeat(10, 1fr);
}
[class*="grid("][class*="(11x/"] {
  grid-template-columns: repeat(11, 1fr);
}
[class*="grid("][class*="/11x)"] {
  grid-template-rows: repeat(11, 1fr);
}
[class*="grid("][class*="(12x/"] {
  grid-template-columns: repeat(12, 1fr);
}
[class*="grid("][class*="/12x)"] {
  grid-template-rows: repeat(12, 1fr);
}
[class*="grid("][class*="(1/"] {
  grid-auto-columns: calc(1em * var(--baseline));
}
[class*="grid("][class*="/1)"] {
  grid-auto-rows: calc(1em * var(--baseline));
}
[class*="grid("][class*="(2/"] {
  grid-auto-columns: calc(2em * var(--baseline));
}
[class*="grid("][class*="/2)"] {
  grid-auto-rows: calc(2em * var(--baseline));
}
[class*="grid("][class*="(3/"] {
  grid-auto-columns: calc(3em * var(--baseline));
}
[class*="grid("][class*="/3)"] {
  grid-auto-rows: calc(3em * var(--baseline));
}
[class*="grid("][class*="(4/"] {
  grid-auto-columns: calc(4em * var(--baseline));
}
[class*="grid("][class*="/4)"] {
  grid-auto-rows: calc(4em * var(--baseline));
}
[class*="grid("][class*="(5/"] {
  grid-auto-columns: calc(5em * var(--baseline));
}
[class*="grid("][class*="/5)"] {
  grid-auto-rows: calc(5em * var(--baseline));
}
[class*="grid("][class*="(6/"] {
  grid-auto-columns: calc(6em * var(--baseline));
}
[class*="grid("][class*="/6)"] {
  grid-auto-rows: calc(6em * var(--baseline));
}
[class*="grid("][class*="(7/"] {
  grid-auto-columns: calc(7em * var(--baseline));
}
[class*="grid("][class*="/7)"] {
  grid-auto-rows: calc(7em * var(--baseline));
}
[class*="grid("][class*="(8/"] {
  grid-auto-columns: calc(8em * var(--baseline));
}
[class*="grid("][class*="/8)"] {
  grid-auto-rows: calc(8em * var(--baseline));
}
[class*="grid("][class*="(9/"] {
  grid-auto-columns: calc(9em * var(--baseline));
}
[class*="grid("][class*="/9)"] {
  grid-auto-rows: calc(9em * var(--baseline));
}
[class*="grid("][class*="(10/"] {
  grid-auto-columns: calc(10em * var(--baseline));
}
[class*="grid("][class*="/10)"] {
  grid-auto-rows: calc(10em * var(--baseline));
}
[class*="grid("][class*="(11/"] {
  grid-auto-columns: calc(11em * var(--baseline));
}
[class*="grid("][class*="/11)"] {
  grid-auto-rows: calc(11em * var(--baseline));
}
[class*="grid("][class*="(12/"] {
  grid-auto-columns: calc(12em * var(--baseline));
}
[class*="grid("][class*="/12)"] {
  grid-auto-rows: calc(12em * var(--baseline));
}
[class*="grid("][class*="(13/"] {
  grid-auto-columns: calc(13em * var(--baseline));
}
[class*="grid("][class*="/13)"] {
  grid-auto-rows: calc(13em * var(--baseline));
}
[class*="grid("][class*="(14/"] {
  grid-auto-columns: calc(14em * var(--baseline));
}
[class*="grid("][class*="/14)"] {
  grid-auto-rows: calc(14em * var(--baseline));
}
[class*="grid("][class*="(15/"] {
  grid-auto-columns: calc(15em * var(--baseline));
}
[class*="grid("][class*="/15)"] {
  grid-auto-rows: calc(15em * var(--baseline));
}
[class*="grid("][class*="(16/"] {
  grid-auto-columns: calc(16em * var(--baseline));
}
[class*="grid("][class*="/16)"] {
  grid-auto-rows: calc(16em * var(--baseline));
}
[class*="grid("][class*="(17/"] {
  grid-auto-columns: calc(17em * var(--baseline));
}
[class*="grid("][class*="/17)"] {
  grid-auto-rows: calc(17em * var(--baseline));
}
[class*="grid("][class*="(18/"] {
  grid-auto-columns: calc(18em * var(--baseline));
}
[class*="grid("][class*="/18)"] {
  grid-auto-rows: calc(18em * var(--baseline));
}
[class*="grid("][class*="(19/"] {
  grid-auto-columns: calc(19em * var(--baseline));
}
[class*="grid("][class*="/19)"] {
  grid-auto-rows: calc(19em * var(--baseline));
}
[class*="grid("][class*="(20/"] {
  grid-auto-columns: calc(20em * var(--baseline));
}
[class*="grid("][class*="/20)"] {
  grid-auto-rows: calc(20em * var(--baseline));
}
[class*="grid("][class*="(21/"] {
  grid-auto-columns: calc(21em * var(--baseline));
}
[class*="grid("][class*="/21)"] {
  grid-auto-rows: calc(21em * var(--baseline));
}
[class*="grid("][class*="(22/"] {
  grid-auto-columns: calc(22em * var(--baseline));
}
[class*="grid("][class*="/22)"] {
  grid-auto-rows: calc(22em * var(--baseline));
}
[class*="grid("][class*="(23/"] {
  grid-auto-columns: calc(23em * var(--baseline));
}
[class*="grid("][class*="/23)"] {
  grid-auto-rows: calc(23em * var(--baseline));
}
[class*="grid("][class*="(24/"] {
  grid-auto-columns: calc(24em * var(--baseline));
}
[class*="grid("][class*="/24)"] {
  grid-auto-rows: calc(24em * var(--baseline));
}
[class*="grid("][class*=")+0.1"] {
  grid-gap: calc(0.1em * var(--baseline));
  margin-bottom: calc(0.1em * var(--baseline));
}
[class*="grid("][class*=")+0.2"] {
  grid-gap: calc(0.2em * var(--baseline));
  margin-bottom: calc(0.2em * var(--baseline));
}
[class*="grid("][class*=")+0.3"] {
  grid-gap: calc(0.3em * var(--baseline));
  margin-bottom: calc(0.3em * var(--baseline));
}
[class*="grid("][class*=")+0.4"] {
  grid-gap: calc(0.4em * var(--baseline));
  margin-bottom: calc(0.4em * var(--baseline));
}
[class*="grid("][class*=")+0.5"] {
  grid-gap: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
}
[class*="grid("][class*=")+0.6"] {
  grid-gap: calc(0.6em * var(--baseline));
  margin-bottom: calc(0.6em * var(--baseline));
}
[class*="grid("][class*=")+0.7"] {
  grid-gap: calc(0.7em * var(--baseline));
  margin-bottom: calc(0.7em * var(--baseline));
}
[class*="grid("][class*=")+0.8"] {
  grid-gap: calc(0.8em * var(--baseline));
  margin-bottom: calc(0.8em * var(--baseline));
}
[class*="grid("][class*=")+0.9"] {
  grid-gap: calc(0.9em * var(--baseline));
  margin-bottom: calc(0.9em * var(--baseline));
}
[class*="grid("][class*=")+1"] {
  grid-gap: calc(1em * var(--baseline));
  margin-bottom: calc(1em * var(--baseline));
}
[class*="grid("][class*=")+1.1"] {
  grid-gap: calc(1.1em * var(--baseline));
  margin-bottom: calc(1.1em * var(--baseline));
}
[class*="grid("][class*=")+1.2"] {
  grid-gap: calc(1.2em * var(--baseline));
  margin-bottom: calc(1.2em * var(--baseline));
}
[class*="grid("][class*=")+1.3"] {
  grid-gap: calc(1.3em * var(--baseline));
  margin-bottom: calc(1.3em * var(--baseline));
}
[class*="grid("][class*=")+1.4"] {
  grid-gap: calc(1.4em * var(--baseline));
  margin-bottom: calc(1.4em * var(--baseline));
}
[class*="grid("][class*=")+1.5"] {
  grid-gap: calc(1.5em * var(--baseline));
  margin-bottom: calc(1.5em * var(--baseline));
}
[class*="grid("][class*=")+1.6"] {
  grid-gap: calc(1.6em * var(--baseline));
  margin-bottom: calc(1.6em * var(--baseline));
}
[class*="grid("][class*=")+1.7"] {
  grid-gap: calc(1.7em * var(--baseline));
  margin-bottom: calc(1.7em * var(--baseline));
}
[class*="grid("][class*=")+1.8"] {
  grid-gap: calc(1.8em * var(--baseline));
  margin-bottom: calc(1.8em * var(--baseline));
}
[class*="grid("][class*=")+1.9"] {
  grid-gap: calc(1.9em * var(--baseline));
  margin-bottom: calc(1.9em * var(--baseline));
}
[class*="grid("] > [class*="span("][class*="(1/"] {
  grid-column: span 1;
}
[class*="grid("] > [class*="span("][class*="/1)"] {
  grid-row: span 1;
}
[class*="grid("] > [class*="span("][class*="(2/"] {
  grid-column: span 2;
}
[class*="grid("] > [class*="span("][class*="/2)"] {
  grid-row: span 2;
}
[class*="grid("] > [class*="span("][class*="(3/"] {
  grid-column: span 3;
}
[class*="grid("] > [class*="span("][class*="/3)"] {
  grid-row: span 3;
}
[class*="grid("] > [class*="span("][class*="(4/"] {
  grid-column: span 4;
}
[class*="grid("] > [class*="span("][class*="/4)"] {
  grid-row: span 4;
}
[class*="grid("] > [class*="span("][class*="(5/"] {
  grid-column: span 5;
}
[class*="grid("] > [class*="span("][class*="/5)"] {
  grid-row: span 5;
}
[class*="grid("] > [class*="span("][class*="(6/"] {
  grid-column: span 6;
}
[class*="grid("] > [class*="span("][class*="/6)"] {
  grid-row: span 6;
}
[class*="grid("] > [class*="span("][class*="(7/"] {
  grid-column: span 7;
}
[class*="grid("] > [class*="span("][class*="/7)"] {
  grid-row: span 7;
}
[class*="grid("] > [class*="span("][class*="(8/"] {
  grid-column: span 8;
}
[class*="grid("] > [class*="span("][class*="/8)"] {
  grid-row: span 8;
}
[class*="grid("] > [class*="span("][class*="(9/"] {
  grid-column: span 9;
}
[class*="grid("] > [class*="span("][class*="/9)"] {
  grid-row: span 9;
}
[class*="grid("] > [class*="span("][class*="(10/"] {
  grid-column: span 10;
}
[class*="grid("] > [class*="span("][class*="/10)"] {
  grid-row: span 10;
}
[class*="grid("] > [class*="span("][class*="(11/"] {
  grid-column: span 11;
}
[class*="grid("] > [class*="span("][class*="/11)"] {
  grid-row: span 11;
}
[class*="grid("] > [class*="span("][class*="(12/"] {
  grid-column: span 12;
}
[class*="grid("] > [class*="span("][class*="/12)"] {
  grid-row: span 12;
}
[class*="grid("] > [class*="span("][class*="/end"] {
  grid-column-end: -1;
}
[class*="grid("] > [class*="span("][class*="start/"] {
  grid-column-start: 0;
}
[class*="grid("] > [class*="self(left"] {
  justify-self: start;
}
[class*="grid("] > [class*="self(right"] {
  justify-self: end;
}
[class*="grid("] > [class*="self(top"] {
  align-self: start;
}
[class*="grid("] > [class*="self(bottom"] {
  align-self: end;
}
[class*="grid("] > [class*="self(left"][class*=":stretch"],
[class*="grid("] > [class*="self(right"][class*=":stretch"] {
  align-self: stretch;
}
[class*="grid("] > [class*="self(left"][class*=":center"],
[class*="grid("] > [class*="self(right"][class*=":center"] {
  align-self: center;
}
[class*="grid("] > [class*="self(top"][class*=":stretch"],
[class*="grid("] > [class*="self(bottom"][class*=":stretch"] {
  justify-self: stretch;
}
[class*="grid("] > [class*="self(top"][class*=":center"],
[class*="grid("] > [class*="self(bottom"][class*=":center"] {
  justify-self: center;
}
[class*="grid("] > [class*="self(centered)"] {
  justify-self: center;
  align-items: center;
}
@media only screen and (min-width: 640px) {
  [slate*="grid("] {
    display: -ms-grid;
    display: grid;
    max-width: 100%;
  }
  [slate*="grid("] > * {
    max-width: 100%;
    margin: 0;
  }
  [slate*="grid("][slate*=":inline"] {
    display: inline-grid;
  }
  [slate*="grid("] [slate*="(unset)"] {
    display: initial;
  }
  [slate*="grid("][slate*=" left:"] {
    justify-items: start;
  }
  [slate*="grid("][slate*=":top"] {
    align-items: start;
  }
  [slate*="grid("][slate*=" right:"] {
    justify-items: end;
  }
  [slate*="grid("][slate*=":bottom"] {
    align-items: end;
  }
  [slate*="grid("][slate*=" centered"],
  [slate*="grid("][slate*=" center:"] {
    justify-items: center;
  }
  [slate*="grid("][slate*=" centered"],
  [slate*="grid("][slate*=":center"] {
    align-items: center;
  }
  [slate*="grid("][slate*=" stretch:"] {
    justify-items: stretch;
  }
  [slate*="grid("][slate*=":stretch"] {
    align-items: stretch;
  }
  [slate*="grid("][slate*="/row"] {
    grid-auto-flow: row;
  }
  [slate*="grid("][slate*="/col"] {
    grid-auto-flow: column;
  }
  [slate*="grid("][slate*="/dense"] {
    grid-auto-flow: dense;
  }
  [slate*="grid("][slate*="(1x/"] {
    grid-template-columns: repeat(1, 1fr);
  }
  [slate*="grid("][slate*="/1x)"] {
    grid-template-rows: repeat(1, 1fr);
  }
  [slate*="grid("][slate*="(2x/"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [slate*="grid("][slate*="/2x)"] {
    grid-template-rows: repeat(2, 1fr);
  }
  [slate*="grid("][slate*="(3x/"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [slate*="grid("][slate*="/3x)"] {
    grid-template-rows: repeat(3, 1fr);
  }
  [slate*="grid("][slate*="(4x/"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [slate*="grid("][slate*="/4x)"] {
    grid-template-rows: repeat(4, 1fr);
  }
  [slate*="grid("][slate*="(5x/"] {
    grid-template-columns: repeat(5, 1fr);
  }
  [slate*="grid("][slate*="/5x)"] {
    grid-template-rows: repeat(5, 1fr);
  }
  [slate*="grid("][slate*="(6x/"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [slate*="grid("][slate*="/6x)"] {
    grid-template-rows: repeat(6, 1fr);
  }
  [slate*="grid("][slate*="(7x/"] {
    grid-template-columns: repeat(7, 1fr);
  }
  [slate*="grid("][slate*="/7x)"] {
    grid-template-rows: repeat(7, 1fr);
  }
  [slate*="grid("][slate*="(8x/"] {
    grid-template-columns: repeat(8, 1fr);
  }
  [slate*="grid("][slate*="/8x)"] {
    grid-template-rows: repeat(8, 1fr);
  }
  [slate*="grid("][slate*="(9x/"] {
    grid-template-columns: repeat(9, 1fr);
  }
  [slate*="grid("][slate*="/9x)"] {
    grid-template-rows: repeat(9, 1fr);
  }
  [slate*="grid("][slate*="(10x/"] {
    grid-template-columns: repeat(10, 1fr);
  }
  [slate*="grid("][slate*="/10x)"] {
    grid-template-rows: repeat(10, 1fr);
  }
  [slate*="grid("][slate*="(11x/"] {
    grid-template-columns: repeat(11, 1fr);
  }
  [slate*="grid("][slate*="/11x)"] {
    grid-template-rows: repeat(11, 1fr);
  }
  [slate*="grid("][slate*="(12x/"] {
    grid-template-columns: repeat(12, 1fr);
  }
  [slate*="grid("][slate*="/12x)"] {
    grid-template-rows: repeat(12, 1fr);
  }
  [slate*="grid("][slate*="(1/"] {
    grid-auto-columns: calc(1em * var(--baseline));
  }
  [slate*="grid("][slate*="/1)"] {
    grid-auto-rows: calc(1em * var(--baseline));
  }
  [slate*="grid("][slate*="(2/"] {
    grid-auto-columns: calc(2em * var(--baseline));
  }
  [slate*="grid("][slate*="/2)"] {
    grid-auto-rows: calc(2em * var(--baseline));
  }
  [slate*="grid("][slate*="(3/"] {
    grid-auto-columns: calc(3em * var(--baseline));
  }
  [slate*="grid("][slate*="/3)"] {
    grid-auto-rows: calc(3em * var(--baseline));
  }
  [slate*="grid("][slate*="(4/"] {
    grid-auto-columns: calc(4em * var(--baseline));
  }
  [slate*="grid("][slate*="/4)"] {
    grid-auto-rows: calc(4em * var(--baseline));
  }
  [slate*="grid("][slate*="(5/"] {
    grid-auto-columns: calc(5em * var(--baseline));
  }
  [slate*="grid("][slate*="/5)"] {
    grid-auto-rows: calc(5em * var(--baseline));
  }
  [slate*="grid("][slate*="(6/"] {
    grid-auto-columns: calc(6em * var(--baseline));
  }
  [slate*="grid("][slate*="/6)"] {
    grid-auto-rows: calc(6em * var(--baseline));
  }
  [slate*="grid("][slate*="(7/"] {
    grid-auto-columns: calc(7em * var(--baseline));
  }
  [slate*="grid("][slate*="/7)"] {
    grid-auto-rows: calc(7em * var(--baseline));
  }
  [slate*="grid("][slate*="(8/"] {
    grid-auto-columns: calc(8em * var(--baseline));
  }
  [slate*="grid("][slate*="/8)"] {
    grid-auto-rows: calc(8em * var(--baseline));
  }
  [slate*="grid("][slate*="(9/"] {
    grid-auto-columns: calc(9em * var(--baseline));
  }
  [slate*="grid("][slate*="/9)"] {
    grid-auto-rows: calc(9em * var(--baseline));
  }
  [slate*="grid("][slate*="(10/"] {
    grid-auto-columns: calc(10em * var(--baseline));
  }
  [slate*="grid("][slate*="/10)"] {
    grid-auto-rows: calc(10em * var(--baseline));
  }
  [slate*="grid("][slate*="(11/"] {
    grid-auto-columns: calc(11em * var(--baseline));
  }
  [slate*="grid("][slate*="/11)"] {
    grid-auto-rows: calc(11em * var(--baseline));
  }
  [slate*="grid("][slate*="(12/"] {
    grid-auto-columns: calc(12em * var(--baseline));
  }
  [slate*="grid("][slate*="/12)"] {
    grid-auto-rows: calc(12em * var(--baseline));
  }
  [slate*="grid("][slate*="(13/"] {
    grid-auto-columns: calc(13em * var(--baseline));
  }
  [slate*="grid("][slate*="/13)"] {
    grid-auto-rows: calc(13em * var(--baseline));
  }
  [slate*="grid("][slate*="(14/"] {
    grid-auto-columns: calc(14em * var(--baseline));
  }
  [slate*="grid("][slate*="/14)"] {
    grid-auto-rows: calc(14em * var(--baseline));
  }
  [slate*="grid("][slate*="(15/"] {
    grid-auto-columns: calc(15em * var(--baseline));
  }
  [slate*="grid("][slate*="/15)"] {
    grid-auto-rows: calc(15em * var(--baseline));
  }
  [slate*="grid("][slate*="(16/"] {
    grid-auto-columns: calc(16em * var(--baseline));
  }
  [slate*="grid("][slate*="/16)"] {
    grid-auto-rows: calc(16em * var(--baseline));
  }
  [slate*="grid("][slate*="(17/"] {
    grid-auto-columns: calc(17em * var(--baseline));
  }
  [slate*="grid("][slate*="/17)"] {
    grid-auto-rows: calc(17em * var(--baseline));
  }
  [slate*="grid("][slate*="(18/"] {
    grid-auto-columns: calc(18em * var(--baseline));
  }
  [slate*="grid("][slate*="/18)"] {
    grid-auto-rows: calc(18em * var(--baseline));
  }
  [slate*="grid("][slate*="(19/"] {
    grid-auto-columns: calc(19em * var(--baseline));
  }
  [slate*="grid("][slate*="/19)"] {
    grid-auto-rows: calc(19em * var(--baseline));
  }
  [slate*="grid("][slate*="(20/"] {
    grid-auto-columns: calc(20em * var(--baseline));
  }
  [slate*="grid("][slate*="/20)"] {
    grid-auto-rows: calc(20em * var(--baseline));
  }
  [slate*="grid("][slate*="(21/"] {
    grid-auto-columns: calc(21em * var(--baseline));
  }
  [slate*="grid("][slate*="/21)"] {
    grid-auto-rows: calc(21em * var(--baseline));
  }
  [slate*="grid("][slate*="(22/"] {
    grid-auto-columns: calc(22em * var(--baseline));
  }
  [slate*="grid("][slate*="/22)"] {
    grid-auto-rows: calc(22em * var(--baseline));
  }
  [slate*="grid("][slate*="(23/"] {
    grid-auto-columns: calc(23em * var(--baseline));
  }
  [slate*="grid("][slate*="/23)"] {
    grid-auto-rows: calc(23em * var(--baseline));
  }
  [slate*="grid("][slate*="(24/"] {
    grid-auto-columns: calc(24em * var(--baseline));
  }
  [slate*="grid("][slate*="/24)"] {
    grid-auto-rows: calc(24em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.1"] {
    grid-gap: calc(0.1em * var(--baseline));
    margin-bottom: calc(0.1em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.2"] {
    grid-gap: calc(0.2em * var(--baseline));
    margin-bottom: calc(0.2em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.3"] {
    grid-gap: calc(0.3em * var(--baseline));
    margin-bottom: calc(0.3em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.4"] {
    grid-gap: calc(0.4em * var(--baseline));
    margin-bottom: calc(0.4em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.5"] {
    grid-gap: calc(0.5em * var(--baseline));
    margin-bottom: calc(0.5em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.6"] {
    grid-gap: calc(0.6em * var(--baseline));
    margin-bottom: calc(0.6em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.7"] {
    grid-gap: calc(0.7em * var(--baseline));
    margin-bottom: calc(0.7em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.8"] {
    grid-gap: calc(0.8em * var(--baseline));
    margin-bottom: calc(0.8em * var(--baseline));
  }
  [slate*="grid("][slate*=")+0.9"] {
    grid-gap: calc(0.9em * var(--baseline));
    margin-bottom: calc(0.9em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1"] {
    grid-gap: calc(1em * var(--baseline));
    margin-bottom: calc(1em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.1"] {
    grid-gap: calc(1.1em * var(--baseline));
    margin-bottom: calc(1.1em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.2"] {
    grid-gap: calc(1.2em * var(--baseline));
    margin-bottom: calc(1.2em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.3"] {
    grid-gap: calc(1.3em * var(--baseline));
    margin-bottom: calc(1.3em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.4"] {
    grid-gap: calc(1.4em * var(--baseline));
    margin-bottom: calc(1.4em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.5"] {
    grid-gap: calc(1.5em * var(--baseline));
    margin-bottom: calc(1.5em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.6"] {
    grid-gap: calc(1.6em * var(--baseline));
    margin-bottom: calc(1.6em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.7"] {
    grid-gap: calc(1.7em * var(--baseline));
    margin-bottom: calc(1.7em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.8"] {
    grid-gap: calc(1.8em * var(--baseline));
    margin-bottom: calc(1.8em * var(--baseline));
  }
  [slate*="grid("][slate*=")+1.9"] {
    grid-gap: calc(1.9em * var(--baseline));
    margin-bottom: calc(1.9em * var(--baseline));
  }
  [slate*="grid("] > [slate*="span("][slate*="(1/"] {
    grid-column: span 1;
  }
  [slate*="grid("] > [slate*="span("][slate*="/1)"] {
    grid-row: span 1;
  }
  [slate*="grid("] > [slate*="span("][slate*="(2/"] {
    grid-column: span 2;
  }
  [slate*="grid("] > [slate*="span("][slate*="/2)"] {
    grid-row: span 2;
  }
  [slate*="grid("] > [slate*="span("][slate*="(3/"] {
    grid-column: span 3;
  }
  [slate*="grid("] > [slate*="span("][slate*="/3)"] {
    grid-row: span 3;
  }
  [slate*="grid("] > [slate*="span("][slate*="(4/"] {
    grid-column: span 4;
  }
  [slate*="grid("] > [slate*="span("][slate*="/4)"] {
    grid-row: span 4;
  }
  [slate*="grid("] > [slate*="span("][slate*="(5/"] {
    grid-column: span 5;
  }
  [slate*="grid("] > [slate*="span("][slate*="/5)"] {
    grid-row: span 5;
  }
  [slate*="grid("] > [slate*="span("][slate*="(6/"] {
    grid-column: span 6;
  }
  [slate*="grid("] > [slate*="span("][slate*="/6)"] {
    grid-row: span 6;
  }
  [slate*="grid("] > [slate*="span("][slate*="(7/"] {
    grid-column: span 7;
  }
  [slate*="grid("] > [slate*="span("][slate*="/7)"] {
    grid-row: span 7;
  }
  [slate*="grid("] > [slate*="span("][slate*="(8/"] {
    grid-column: span 8;
  }
  [slate*="grid("] > [slate*="span("][slate*="/8)"] {
    grid-row: span 8;
  }
  [slate*="grid("] > [slate*="span("][slate*="(9/"] {
    grid-column: span 9;
  }
  [slate*="grid("] > [slate*="span("][slate*="/9)"] {
    grid-row: span 9;
  }
  [slate*="grid("] > [slate*="span("][slate*="(10/"] {
    grid-column: span 10;
  }
  [slate*="grid("] > [slate*="span("][slate*="/10)"] {
    grid-row: span 10;
  }
  [slate*="grid("] > [slate*="span("][slate*="(11/"] {
    grid-column: span 11;
  }
  [slate*="grid("] > [slate*="span("][slate*="/11)"] {
    grid-row: span 11;
  }
  [slate*="grid("] > [slate*="span("][slate*="(12/"] {
    grid-column: span 12;
  }
  [slate*="grid("] > [slate*="span("][slate*="/12)"] {
    grid-row: span 12;
  }
  [slate*="grid("] > [slate*="span("][slate*="/end"] {
    grid-column-end: -1;
  }
  [slate*="grid("] > [slate*="span("][slate*="start/"] {
    grid-column-start: 0;
  }
  [slate*="grid("] > [slate*="self(left"] {
    justify-self: start;
  }
  [slate*="grid("] > [slate*="self(right"] {
    justify-self: end;
  }
  [slate*="grid("] > [slate*="self(top"] {
    align-self: start;
  }
  [slate*="grid("] > [slate*="self(bottom"] {
    align-self: end;
  }
  [slate*="grid("] > [slate*="self(left"][slate*=":stretch"],
  [slate*="grid("] > [slate*="self(right"][slate*=":stretch"] {
    align-self: stretch;
  }
  [slate*="grid("] > [slate*="self(left"][slate*=":center"],
  [slate*="grid("] > [slate*="self(right"][slate*=":center"] {
    align-self: center;
  }
  [slate*="grid("] > [slate*="self(top"][slate*=":stretch"],
  [slate*="grid("] > [slate*="self(bottom"][slate*=":stretch"] {
    justify-self: stretch;
  }
  [slate*="grid("] > [slate*="self(top"][slate*=":center"],
  [slate*="grid("] > [slate*="self(bottom"][slate*=":center"] {
    justify-self: center;
  }
  [slate*="grid("] > [slate*="self(centered)"] {
    justify-self: center;
    align-items: center;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="grid("] {
    display: -ms-grid;
    display: grid;
    max-width: 100%;
  }
  [fixed*="grid("] > * {
    max-width: 100%;
    margin: 0;
  }
  [fixed*="grid("][fixed*=":inline"] {
    display: inline-grid;
  }
  [fixed*="grid("] [fixed*="(unset)"] {
    display: initial;
  }
  [fixed*="grid("][fixed*=" left:"] {
    justify-items: start;
  }
  [fixed*="grid("][fixed*=":top"] {
    align-items: start;
  }
  [fixed*="grid("][fixed*=" right:"] {
    justify-items: end;
  }
  [fixed*="grid("][fixed*=":bottom"] {
    align-items: end;
  }
  [fixed*="grid("][fixed*=" centered"],
  [fixed*="grid("][fixed*=" center:"] {
    justify-items: center;
  }
  [fixed*="grid("][fixed*=" centered"],
  [fixed*="grid("][fixed*=":center"] {
    align-items: center;
  }
  [fixed*="grid("][fixed*=" stretch:"] {
    justify-items: stretch;
  }
  [fixed*="grid("][fixed*=":stretch"] {
    align-items: stretch;
  }
  [fixed*="grid("][fixed*="/row"] {
    grid-auto-flow: row;
  }
  [fixed*="grid("][fixed*="/col"] {
    grid-auto-flow: column;
  }
  [fixed*="grid("][fixed*="/dense"] {
    grid-auto-flow: dense;
  }
  [fixed*="grid("][fixed*="(1x/"] {
    grid-template-columns: repeat(1, 1fr);
  }
  [fixed*="grid("][fixed*="/1x)"] {
    grid-template-rows: repeat(1, 1fr);
  }
  [fixed*="grid("][fixed*="(2x/"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [fixed*="grid("][fixed*="/2x)"] {
    grid-template-rows: repeat(2, 1fr);
  }
  [fixed*="grid("][fixed*="(3x/"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [fixed*="grid("][fixed*="/3x)"] {
    grid-template-rows: repeat(3, 1fr);
  }
  [fixed*="grid("][fixed*="(4x/"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [fixed*="grid("][fixed*="/4x)"] {
    grid-template-rows: repeat(4, 1fr);
  }
  [fixed*="grid("][fixed*="(5x/"] {
    grid-template-columns: repeat(5, 1fr);
  }
  [fixed*="grid("][fixed*="/5x)"] {
    grid-template-rows: repeat(5, 1fr);
  }
  [fixed*="grid("][fixed*="(6x/"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [fixed*="grid("][fixed*="/6x)"] {
    grid-template-rows: repeat(6, 1fr);
  }
  [fixed*="grid("][fixed*="(7x/"] {
    grid-template-columns: repeat(7, 1fr);
  }
  [fixed*="grid("][fixed*="/7x)"] {
    grid-template-rows: repeat(7, 1fr);
  }
  [fixed*="grid("][fixed*="(8x/"] {
    grid-template-columns: repeat(8, 1fr);
  }
  [fixed*="grid("][fixed*="/8x)"] {
    grid-template-rows: repeat(8, 1fr);
  }
  [fixed*="grid("][fixed*="(9x/"] {
    grid-template-columns: repeat(9, 1fr);
  }
  [fixed*="grid("][fixed*="/9x)"] {
    grid-template-rows: repeat(9, 1fr);
  }
  [fixed*="grid("][fixed*="(10x/"] {
    grid-template-columns: repeat(10, 1fr);
  }
  [fixed*="grid("][fixed*="/10x)"] {
    grid-template-rows: repeat(10, 1fr);
  }
  [fixed*="grid("][fixed*="(11x/"] {
    grid-template-columns: repeat(11, 1fr);
  }
  [fixed*="grid("][fixed*="/11x)"] {
    grid-template-rows: repeat(11, 1fr);
  }
  [fixed*="grid("][fixed*="(12x/"] {
    grid-template-columns: repeat(12, 1fr);
  }
  [fixed*="grid("][fixed*="/12x)"] {
    grid-template-rows: repeat(12, 1fr);
  }
  [fixed*="grid("][fixed*="(1/"] {
    grid-auto-columns: calc(1em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/1)"] {
    grid-auto-rows: calc(1em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(2/"] {
    grid-auto-columns: calc(2em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/2)"] {
    grid-auto-rows: calc(2em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(3/"] {
    grid-auto-columns: calc(3em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/3)"] {
    grid-auto-rows: calc(3em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(4/"] {
    grid-auto-columns: calc(4em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/4)"] {
    grid-auto-rows: calc(4em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(5/"] {
    grid-auto-columns: calc(5em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/5)"] {
    grid-auto-rows: calc(5em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(6/"] {
    grid-auto-columns: calc(6em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/6)"] {
    grid-auto-rows: calc(6em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(7/"] {
    grid-auto-columns: calc(7em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/7)"] {
    grid-auto-rows: calc(7em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(8/"] {
    grid-auto-columns: calc(8em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/8)"] {
    grid-auto-rows: calc(8em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(9/"] {
    grid-auto-columns: calc(9em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/9)"] {
    grid-auto-rows: calc(9em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(10/"] {
    grid-auto-columns: calc(10em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/10)"] {
    grid-auto-rows: calc(10em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(11/"] {
    grid-auto-columns: calc(11em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/11)"] {
    grid-auto-rows: calc(11em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(12/"] {
    grid-auto-columns: calc(12em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/12)"] {
    grid-auto-rows: calc(12em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(13/"] {
    grid-auto-columns: calc(13em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/13)"] {
    grid-auto-rows: calc(13em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(14/"] {
    grid-auto-columns: calc(14em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/14)"] {
    grid-auto-rows: calc(14em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(15/"] {
    grid-auto-columns: calc(15em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/15)"] {
    grid-auto-rows: calc(15em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(16/"] {
    grid-auto-columns: calc(16em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/16)"] {
    grid-auto-rows: calc(16em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(17/"] {
    grid-auto-columns: calc(17em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/17)"] {
    grid-auto-rows: calc(17em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(18/"] {
    grid-auto-columns: calc(18em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/18)"] {
    grid-auto-rows: calc(18em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(19/"] {
    grid-auto-columns: calc(19em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/19)"] {
    grid-auto-rows: calc(19em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(20/"] {
    grid-auto-columns: calc(20em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/20)"] {
    grid-auto-rows: calc(20em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(21/"] {
    grid-auto-columns: calc(21em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/21)"] {
    grid-auto-rows: calc(21em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(22/"] {
    grid-auto-columns: calc(22em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/22)"] {
    grid-auto-rows: calc(22em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(23/"] {
    grid-auto-columns: calc(23em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/23)"] {
    grid-auto-rows: calc(23em * var(--baseline));
  }
  [fixed*="grid("][fixed*="(24/"] {
    grid-auto-columns: calc(24em * var(--baseline));
  }
  [fixed*="grid("][fixed*="/24)"] {
    grid-auto-rows: calc(24em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.1"] {
    grid-gap: calc(0.1em * var(--baseline));
    margin-bottom: calc(0.1em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.2"] {
    grid-gap: calc(0.2em * var(--baseline));
    margin-bottom: calc(0.2em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.3"] {
    grid-gap: calc(0.3em * var(--baseline));
    margin-bottom: calc(0.3em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.4"] {
    grid-gap: calc(0.4em * var(--baseline));
    margin-bottom: calc(0.4em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.5"] {
    grid-gap: calc(0.5em * var(--baseline));
    margin-bottom: calc(0.5em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.6"] {
    grid-gap: calc(0.6em * var(--baseline));
    margin-bottom: calc(0.6em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.7"] {
    grid-gap: calc(0.7em * var(--baseline));
    margin-bottom: calc(0.7em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.8"] {
    grid-gap: calc(0.8em * var(--baseline));
    margin-bottom: calc(0.8em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+0.9"] {
    grid-gap: calc(0.9em * var(--baseline));
    margin-bottom: calc(0.9em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1"] {
    grid-gap: calc(1em * var(--baseline));
    margin-bottom: calc(1em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.1"] {
    grid-gap: calc(1.1em * var(--baseline));
    margin-bottom: calc(1.1em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.2"] {
    grid-gap: calc(1.2em * var(--baseline));
    margin-bottom: calc(1.2em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.3"] {
    grid-gap: calc(1.3em * var(--baseline));
    margin-bottom: calc(1.3em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.4"] {
    grid-gap: calc(1.4em * var(--baseline));
    margin-bottom: calc(1.4em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.5"] {
    grid-gap: calc(1.5em * var(--baseline));
    margin-bottom: calc(1.5em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.6"] {
    grid-gap: calc(1.6em * var(--baseline));
    margin-bottom: calc(1.6em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.7"] {
    grid-gap: calc(1.7em * var(--baseline));
    margin-bottom: calc(1.7em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.8"] {
    grid-gap: calc(1.8em * var(--baseline));
    margin-bottom: calc(1.8em * var(--baseline));
  }
  [fixed*="grid("][fixed*=")+1.9"] {
    grid-gap: calc(1.9em * var(--baseline));
    margin-bottom: calc(1.9em * var(--baseline));
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(1/"] {
    grid-column: span 1;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/1)"] {
    grid-row: span 1;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(2/"] {
    grid-column: span 2;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/2)"] {
    grid-row: span 2;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(3/"] {
    grid-column: span 3;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/3)"] {
    grid-row: span 3;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(4/"] {
    grid-column: span 4;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/4)"] {
    grid-row: span 4;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(5/"] {
    grid-column: span 5;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/5)"] {
    grid-row: span 5;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(6/"] {
    grid-column: span 6;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/6)"] {
    grid-row: span 6;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(7/"] {
    grid-column: span 7;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/7)"] {
    grid-row: span 7;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(8/"] {
    grid-column: span 8;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/8)"] {
    grid-row: span 8;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(9/"] {
    grid-column: span 9;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/9)"] {
    grid-row: span 9;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(10/"] {
    grid-column: span 10;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/10)"] {
    grid-row: span 10;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(11/"] {
    grid-column: span 11;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/11)"] {
    grid-row: span 11;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="(12/"] {
    grid-column: span 12;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/12)"] {
    grid-row: span 12;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="/end"] {
    grid-column-end: -1;
  }
  [fixed*="grid("] > [fixed*="span("][fixed*="start/"] {
    grid-column-start: 0;
  }
  [fixed*="grid("] > [fixed*="self(left"] {
    justify-self: start;
  }
  [fixed*="grid("] > [fixed*="self(right"] {
    justify-self: end;
  }
  [fixed*="grid("] > [fixed*="self(top"] {
    align-self: start;
  }
  [fixed*="grid("] > [fixed*="self(bottom"] {
    align-self: end;
  }
  [fixed*="grid("] > [fixed*="self(left"][fixed*=":stretch"],
  [fixed*="grid("] > [fixed*="self(right"][fixed*=":stretch"] {
    align-self: stretch;
  }
  [fixed*="grid("] > [fixed*="self(left"][fixed*=":center"],
  [fixed*="grid("] > [fixed*="self(right"][fixed*=":center"] {
    align-self: center;
  }
  [fixed*="grid("] > [fixed*="self(top"][fixed*=":stretch"],
  [fixed*="grid("] > [fixed*="self(bottom"][fixed*=":stretch"] {
    justify-self: stretch;
  }
  [fixed*="grid("] > [fixed*="self(top"][fixed*=":center"],
  [fixed*="grid("] > [fixed*="self(bottom"][fixed*=":center"] {
    justify-self: center;
  }
  [fixed*="grid("] > [fixed*="self(centered)"] {
    justify-self: center;
    align-items: center;
  }
}
[class*="ratio("] {
  position: relative;
  overflow: hidden;
  z-index: 300;
}
[class*="ratio("]:before,
[class*="ratio("]:after {
  content: "";
  height: 0;
}
[class*="ratio("]:before {
  float: left;
}
[class*="ratio("]:after {
  clear: left;
}
[class~="ratio(1:1)"]:before {
  padding-bottom: 100%;
}
[class~="ratio(1:2)"]:before {
  padding-bottom: 200%;
}
[class~="ratio(2:1)"]:before {
  padding-bottom: 50%;
}
[class~="ratio(2:3)"]:before {
  padding-bottom: 150%;
}
[class~="ratio(3:1)"]:before {
  padding-bottom: 33.33333333%;
}
[class~="ratio(3:2)"]:before {
  padding-bottom: 66.66666667%;
}
[class~="ratio(3:4)"]:before {
  padding-bottom: 133.33333333%;
}
[class~="ratio(4:1)"]:before {
  padding-bottom: 25%;
}
[class~="ratio(4:3)"]:before {
  padding-bottom: 75%;
}
[class~="ratio(4:5)"]:before {
  padding-bottom: 125%;
}
[class~="ratio(5:1)"]:before {
  padding-bottom: 20%;
}
[class~="ratio(5:2)"]:before {
  padding-bottom: 40%;
}
[class~="ratio(5:4)"]:before {
  padding-bottom: 80%;
}
[class~="ratio(5:8)"]:before {
  padding-bottom: 160%;
}
[class~="ratio(8:5)"]:before {
  padding-bottom: 62.5%;
}
[class~="ratio(16:9)"]:before {
  padding-bottom: 56.25%;
}
[class~="ratio(din-land)"]:before {
  padding-bottom: 141.7%;
}
[class~="ratio(din-port)"]:before {
  padding-bottom: 70.5716302%;
}
@media only screen and (min-width: 640px) {
  [slate*="ratio("] {
    position: relative;
    overflow: hidden;
    z-index: 300;
  }
  [slate*="ratio("]:before,
  [slate*="ratio("]:after {
    content: "";
    height: 0;
  }
  [slate*="ratio("]:before {
    float: left;
  }
  [slate*="ratio("]:after {
    clear: left;
  }
  [slate~="ratio(1:1)"]:before {
    padding-bottom: 100%;
  }
  [slate~="ratio(1:2)"]:before {
    padding-bottom: 200%;
  }
  [slate~="ratio(2:1)"]:before {
    padding-bottom: 50%;
  }
  [slate~="ratio(2:3)"]:before {
    padding-bottom: 150%;
  }
  [slate~="ratio(3:1)"]:before {
    padding-bottom: 33.33333333%;
  }
  [slate~="ratio(3:2)"]:before {
    padding-bottom: 66.66666667%;
  }
  [slate~="ratio(3:4)"]:before {
    padding-bottom: 133.33333333%;
  }
  [slate~="ratio(4:1)"]:before {
    padding-bottom: 25%;
  }
  [slate~="ratio(4:3)"]:before {
    padding-bottom: 75%;
  }
  [slate~="ratio(4:5)"]:before {
    padding-bottom: 125%;
  }
  [slate~="ratio(5:1)"]:before {
    padding-bottom: 20%;
  }
  [slate~="ratio(5:2)"]:before {
    padding-bottom: 40%;
  }
  [slate~="ratio(5:4)"]:before {
    padding-bottom: 80%;
  }
  [slate~="ratio(5:8)"]:before {
    padding-bottom: 160%;
  }
  [slate~="ratio(8:5)"]:before {
    padding-bottom: 62.5%;
  }
  [slate~="ratio(16:9)"]:before {
    padding-bottom: 56.25%;
  }
  [slate~="ratio(din-land)"]:before {
    padding-bottom: 141.7%;
  }
  [slate~="ratio(din-port)"]:before {
    padding-bottom: 70.5716302%;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="ratio("] {
    position: relative;
    overflow: hidden;
    z-index: 300;
  }
  [fixed*="ratio("]:before,
  [fixed*="ratio("]:after {
    content: "";
    height: 0;
  }
  [fixed*="ratio("]:before {
    float: left;
  }
  [fixed*="ratio("]:after {
    clear: left;
  }
  [fixed~="ratio(1:1)"]:before {
    padding-bottom: 100%;
  }
  [fixed~="ratio(1:2)"]:before {
    padding-bottom: 200%;
  }
  [fixed~="ratio(2:1)"]:before {
    padding-bottom: 50%;
  }
  [fixed~="ratio(2:3)"]:before {
    padding-bottom: 150%;
  }
  [fixed~="ratio(3:1)"]:before {
    padding-bottom: 33.33333333%;
  }
  [fixed~="ratio(3:2)"]:before {
    padding-bottom: 66.66666667%;
  }
  [fixed~="ratio(3:4)"]:before {
    padding-bottom: 133.33333333%;
  }
  [fixed~="ratio(4:1)"]:before {
    padding-bottom: 25%;
  }
  [fixed~="ratio(4:3)"]:before {
    padding-bottom: 75%;
  }
  [fixed~="ratio(4:5)"]:before {
    padding-bottom: 125%;
  }
  [fixed~="ratio(5:1)"]:before {
    padding-bottom: 20%;
  }
  [fixed~="ratio(5:2)"]:before {
    padding-bottom: 40%;
  }
  [fixed~="ratio(5:4)"]:before {
    padding-bottom: 80%;
  }
  [fixed~="ratio(5:8)"]:before {
    padding-bottom: 160%;
  }
  [fixed~="ratio(8:5)"]:before {
    padding-bottom: 62.5%;
  }
  [fixed~="ratio(16:9)"]:before {
    padding-bottom: 56.25%;
  }
  [fixed~="ratio(din-land)"]:before {
    padding-bottom: 141.7%;
  }
  [fixed~="ratio(din-port)"]:before {
    padding-bottom: 70.5716302%;
  }
}
[class*="mask"],
[class*="layered"] {
  position: relative;
  z-index: 300;
}
[class*="mask"] {
  overflow: hidden;
}
[class*="layer("][class~="layer(unset)"] {
  position: static;
}
[class*="layer("] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class~="layer(0)"] {
  z-index: 0;
}
[class~="layer(1)"] {
  z-index: 10;
}
[class~="layer(2)"] {
  z-index: 20;
}
[class~="layer(3)"] {
  z-index: 30;
}
[class~="layer(4)"] {
  z-index: 40;
}
[class~="layer(5)"] {
  z-index: 50;
}
@media only screen and (min-width: 640px) {
  [slate*="mask"],
  [slate*="layered"] {
    position: relative;
    z-index: 300;
  }
  [slate*="mask"] {
    overflow: hidden;
  }
  [slate*="layer("][slate~="layer(unset)"] {
    position: static;
  }
  [slate*="layer("] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  [slate~="layer(0)"] {
    z-index: 0;
  }
  [slate~="layer(1)"] {
    z-index: 10;
  }
  [slate~="layer(2)"] {
    z-index: 20;
  }
  [slate~="layer(3)"] {
    z-index: 30;
  }
  [slate~="layer(4)"] {
    z-index: 40;
  }
  [slate~="layer(5)"] {
    z-index: 50;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="mask"],
  [fixed*="layered"] {
    position: relative;
    z-index: 300;
  }
  [fixed*="mask"] {
    overflow: hidden;
  }
  [fixed*="layer("][fixed~="layer(unset)"] {
    position: static;
  }
  [fixed*="layer("] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  [fixed~="layer(0)"] {
    z-index: 0;
  }
  [fixed~="layer(1)"] {
    z-index: 10;
  }
  [fixed~="layer(2)"] {
    z-index: 20;
  }
  [fixed~="layer(3)"] {
    z-index: 30;
  }
  [fixed~="layer(4)"] {
    z-index: 40;
  }
  [fixed~="layer(5)"] {
    z-index: 50;
  }
}
[class*="pin("] {
  position: absolute;
  z-index: 400;
}
[class*="pin(unset)"] {
  position: relative;
  transform: none;
}
[class~="pin(reference)"],
[class~="pinnable"] {
  position: relative;
}
[class*="pin(top"] {
  top: 0;
}
[class~="pin(top:center)"] {
  left: 50%;
  transform: translate(-50%, 0);
}
[class~="pin(top:left)"] {
  left: 0;
}
[class~="pin(top:right)"] {
  right: 0;
}
[class*="pin(bottom"] {
  bottom: 0;
}
[class~="pin(bottom:center)"] {
  left: 50%;
  transform: translate(-50%, 0);
}
[class~="pin(bottom:left)"] {
  left: 0;
}
[class~="pin(bottom:right)"] {
  right: 0;
}
[class*="pin(center"] {
  top: 50%;
  transform: translate(0, -50%);
}
[class~="pin(center:center)"] {
  left: 50%;
  transform: translate(-50%, -50%);
}
[class~="pin(center:left)"] {
  left: 0;
}
[class~="pin(center:right)"] {
  right: 0;
}
@media only screen and (min-width: 640px) {
  [slate*="pin("] {
    position: absolute;
    z-index: 400;
  }
  [slate*="pin(unset)"] {
    position: relative;
    transform: none;
  }
  [slate~="pin(reference)"],
  [slate~="pinnable"] {
    position: relative;
  }
  [slate*="pin(top"] {
    top: 0;
  }
  [slate~="pin(top:center)"] {
    left: 50%;
    transform: translate(-50%, 0);
  }
  [slate~="pin(top:left)"] {
    left: 0;
  }
  [slate~="pin(top:right)"] {
    right: 0;
  }
  [slate*="pin(bottom"] {
    bottom: 0;
  }
  [slate~="pin(bottom:center)"] {
    left: 50%;
    transform: translate(-50%, 0);
  }
  [slate~="pin(bottom:left)"] {
    left: 0;
  }
  [slate~="pin(bottom:right)"] {
    right: 0;
  }
  [slate*="pin(center"] {
    top: 50%;
    transform: translate(0, -50%);
  }
  [slate~="pin(center:center)"] {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [slate~="pin(center:left)"] {
    left: 0;
  }
  [slate~="pin(center:right)"] {
    right: 0;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="pin("] {
    position: absolute;
    z-index: 400;
  }
  [fixed*="pin(unset)"] {
    position: relative;
    transform: none;
  }
  [fixed~="pin(reference)"],
  [fixed~="pinnable"] {
    position: relative;
  }
  [fixed*="pin(top"] {
    top: 0;
  }
  [fixed~="pin(top:center)"] {
    left: 50%;
    transform: translate(-50%, 0);
  }
  [fixed~="pin(top:left)"] {
    left: 0;
  }
  [fixed~="pin(top:right)"] {
    right: 0;
  }
  [fixed*="pin(bottom"] {
    bottom: 0;
  }
  [fixed~="pin(bottom:center)"] {
    left: 50%;
    transform: translate(-50%, 0);
  }
  [fixed~="pin(bottom:left)"] {
    left: 0;
  }
  [fixed~="pin(bottom:right)"] {
    right: 0;
  }
  [fixed*="pin(center"] {
    top: 50%;
    transform: translate(0, -50%);
  }
  [fixed~="pin(center:center)"] {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [fixed~="pin(center:left)"] {
    left: 0;
  }
  [fixed~="pin(center:right)"] {
    right: 0;
  }
}
@media only screen and (max-width: 959px) {
  [fluid*="reveal("] ~ .viewport {
    transition: transform 120ms cubic-bezier( 0.2, 0.6, 0.3, 1);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  [fluid~="reveal(left)"]:checked ~ .viewport {
    transform: translateX(60%) translateY(0);
    overflow: visible;
  }
  [fluid~="reveal(right)"]:checked ~ .viewport {
    transform: translateX(-60%) translateY(0);
    overflow: visible;
  }
  [fluid~="reveal(bottom)"]:checked ~ .viewport {
    transform: translateX(0) translateY(40%);
    overflow: visible;
  }
  [fluid~="overlay(left)"]:checked ~ .viewport [fluid~="offcanvas(left)"] {
    transform: translateX(100%) translateY(0);
  }
  [fluid~="overlay(right)"]:checked ~ .viewport [fluid~="offcanvas(right)"] {
    transform: translateX(-100%) translateY(0);
  }
  [fluid*="offcanvas("] {
    position: fixed;
    z-index: 400;
    transform: translateX(0) translateY(0) translateZ(1);
    transition: transform 120ms cubic-bezier( 0.2, 0.6, 0.3, 1);
  }
  [fluid~="offcanvas(left)"],
  [fluid~="offcanvas(right)"] {
    top: 0;
    width: 60%;
    height: 100%;
    height: 100vh;
    overflow-y: auto;
  }
  [fluid~="offcanvas(left)"] {
    left: -60%;
  }
  [fluid~="offcanvas(right)"] {
    left: 100%;
  }
  [fluid~="offcanvas(bottom)"] {
    top: 100%;
    left: 0;
    width: 100%;
    height: 40%;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="reveal("] ~ .viewport {
    transition: transform 120ms cubic-bezier( 0.2, 0.6, 0.3, 1);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  [fixed~="reveal(left)"]:checked ~ .viewport {
    transform: translateX(20%) translateY(0);
    overflow: visible;
  }
  [fixed~="reveal(right)"]:checked ~ .viewport {
    transform: translateX(-20%) translateY(0);
    overflow: visible;
  }
  [fixed~="reveal(bottom)"]:checked ~ .viewport {
    transform: translateX(0) translateY(20%);
    overflow: visible;
  }
  [fixed~="overlay(left)"]:checked ~ .viewport [fixed~="offcanvas(left)"] {
    transform: translateX(100%) translateY(0);
  }
  [fixed~="overlay(right)"]:checked ~ .viewport [fixed~="offcanvas(right)"] {
    transform: translateX(-100%) translateY(0);
  }
  [fixed*="offcanvas("] {
    position: fixed;
    z-index: 400;
    transform: translateX(0) translateY(0) translateZ(1);
    transition: transform 120ms cubic-bezier( 0.2, 0.6, 0.3, 1);
  }
  [fixed~="offcanvas(left)"],
  [fixed~="offcanvas(right)"] {
    top: 0;
    width: 20%;
    height: 100%;
    height: 100vh;
    overflow-y: auto;
  }
  [fixed~="offcanvas(left)"] {
    left: -20%;
  }
  [fixed~="offcanvas(right)"] {
    left: 100%;
  }
  [fixed~="offcanvas(bottom)"] {
    top: 100%;
    left: 0;
    width: 100%;
    height: 20%;
    overflow-x: auto;
  }
}
input[type=radio][name=modal] {
  width: 0;
  height: 0;
  visibility: hidden;
}
[class~="modal"] {
  opacity: 0;
  visibility: hidden;
  transition: opacity 120ms cubic-bezier( 0.2, 0.6, 0.3, 1);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10600;
  background: rgba(0, 0, 0, 0.85);
}
input[type=radio][name=modal]:checked + [class~="modal"] {
  opacity: 1;
  visibility: visible;
}
.modal__dialogue,
.modal__view {
  position: absolute;
  z-index: 10600;
  background-color: #fafbfc;
  background-color: var(--background-color);
}
.modal__dialogue {
  padding: calc(1em * var(--baseline));
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 95vw;
  max-height: 90vh;
  max-width: 95vw;
  overflow-y: auto;
}
@media only screen and (min-width: 720px) {
  .modal__dialogue {
    width: 85vw;
  }
}
@media only screen and (min-width: 960px) {
  .modal__dialogue {
    width: auto;
    max-width: 33em;
  }
}
.modal__view {
  max-width: 96%;
  max-height: 96%;
  left: 2%;
  right: 2%;
  top: 2%;
  bottom: 2%;
}
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  cursor: pointer;
}
@media only screen and (min-width: 960px) {
  input[type=radio][name=modal] {
    width: 0;
    height: 0;
    visibility: hidden;
  }
  [fixed~="modal"] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 120ms cubic-bezier( 0.2, 0.6, 0.3, 1);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10600;
    background: rgba(0, 0, 0, 0.85);
  }
  input[type=radio][name=modal]:checked + [fixed~="modal"] {
    opacity: 1;
    visibility: visible;
  }
}
/* contains fix for links without p tag having no margins / don't align with text
	find affected lines via:  // linkfix
*/
html.embed,
html.embed .viewport {
  background: transparent;
}
.viewport,
html {
  background: var(--background-100);
}
.viewport--dark {
  background: var(--text-90);
  color: var(--background-100);
}
.view,
.view__main {
  max-width: 100%;
  max-width: 100vw;
}
.view__main {
  padding-top: calc(0.25em * var(--baseline));
}
.view__side {
  visibility: hidden;
  display: none;
}
@media only screen and (min-width: 640px) {
  .view__main {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 960px) {
  .view {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  html.embed .view {
    justify-content: center;
  }
  .view__main,
  .view__side {
    padding-top: calc(0.5em * var(--baseline));
    padding-left: 0;
    padding-right: 0;
  }
  .view__main {
    flex: 1 1 100%;
    min-width: 55rem;
  }
  .view__side {
    flex: 1 1 25rem;
    margin: 0 1rem;
    visibility: visible;
    display: block;
  }
  .view__footer {
    flex: 1 0 100%;
  }
}
.article {
  min-width: 100%;
  display: block;
}
.article:not(:first-of-type) {
  margin-top: calc(3em * var(--baseline));
}
.article__main,
.article__side {
  max-width: 72rem;
  margin: 0 auto;
}
.article__side {
  padding: calc(0.25em * var(--baseline));
}
.article__main {
  background: var(--background-100);
  box-shadow: 0 1.25rem 4rem rgba(0, 0, 0, 0.1);
  padding-bottom: calc(3em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .article__side {
    display: flex;
    flex-flow: row wrap;
  }
  .sidebar__body > * {
    flex: 1 0 25rem;
    margin: 0.333rem;
  }
}
@media only screen and (min-width: 960px) {
  .article__main {
    min-width: 50rem;
  }
}
@media only screen and (min-width: 1200px) {
  .article {
    display: flex;
    flex-wrap: nowrap;
  }
  .article__main {
    flex: 1 1 55rem;
    order: 1;
  }
  .article__side {
    order: 0;
    flex: 0 3 30rem;
    min-width: 20rem;
    margin: 0 1rem;
    padding: 0;
    display: block;
  }
  .sidebar__body > * {
    width: 100%;
    margin: 0;
  }
}
.collection {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: calc(0em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0em * var(--baseline));
}
.collection + .collection {
  margin-top: calc(1em * var(--baseline));
}
.collection .item + .item {
  margin-top: calc(0.25em * var(--baseline));
}
.collection--full {
  padding: 0;
}
@media only screen and (min-width: 640px) {
  .collection {
    max-width: 86rem;
  }
  .collection .item + .item {
    margin: 0;
  }
  .collection--full {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  padding: 0;
  .collection {
    max-width: 86rem;
  }
  [data-component="fotoseeker"] .collection {
    max-width: 96rem;
  }
}
.visuallyhidden,
[class*="socials"][class*="icon:only"] > a[href] i {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.fx__leading-top-dash,
[class*="format(tile)"] .item__meta,
.excerpt .item__meta {
  position: relative;
}
.fx__leading-top-dash:after,
[class*="format(tile)"] .item__meta:after,
.excerpt .item__meta:after {
  content: "";
  display: block;
  width: 12.5rem;
  height: 0.66rem;
  position: absolute;
  z-index: 0;
  bottom: auto;
  top: -0.66rem;
  left: 0;
  right: auto;
  background: currentColor;
}
.fx__fade-to-primary,
.card.treatment--full .card__background figure,
[class*="format(tile)"][class*="::primary"] .item__illustration {
  position: relative;
}
.fx__fade-to-primary:after,
.card.treatment--full .card__background figure:after,
[class*="format(tile)"][class*="::primary"] .item__illustration:after {
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, var(--primary-color) 90%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fx__fade-to-dark {
  position: relative;
}
.fx__fade-to-dark:after {
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, var(--text-90) 90%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fx__fade-to-white {
  position: relative;
}
.fx__fade-to-white:after {
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, var(--background-100) 90%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fx__fade-to-secondary {
  position: relative;
}
.fx__fade-to-secondary:after {
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, var(--secondary-color) 90%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
[class*="__title"] {
  display: block;
  font-weight: 900;
}
[class*="__title"] a {
  text-decoration: none;
  font-weight: inherit;
  color: inherit;
}
[class*="__title"] a:hover {
  color: #ef375f;
  color: var(--primary-110);
}
[class*="__title"] small {
  display: block;
  font-weight: 300;
  text-transform: none;
}
[class*="__title"][class*="pseudo__"] {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
[class*="lining-title"] {
  position: relative;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text-50);
}
[class*="lining-title"][class*=":small"] {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
.item__copy [class*="lining-title"][class*=":small"] {
  margin-top: calc(1.5em * var(--baseline));
}
[class*="lining-title"] + * {
  margin-top: 0;
}
[class*="lining-title"] span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: calc(0.333em * var(--baseline));
  background: var(--background-100);
}
[class*="lining-title"]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(0.1em * var(--baseline));
  background-color: var(--text-20);
  transform: translateY(-75%);
}
.has-icon:before,
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class*="rating("]:before,
.item--event[class*="format(single)"] .item__meta > *:not(.item__actions):before,
[class*="socials"] a[href]:before,
[class*="social-button"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'volume-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform-style: preserve-3d;
  display: inline-block;
  line-height: 1 !important;
  vertical-align: baseline;
}
[class*="icon-"][class*=":only"] {
  text-align: center;
}
[class*="icon-"][class*=":only"]:before {
  margin: 0 !important;
  vertical-align: middle;
}
[class*="icon-"][class*=":large"]:before {
  transform: scale3d(1.048, 1.048, 1.048);
}
[class*="icon:primary"][class*="icon-"]:before {
  color: var(--primary-color);
}
[class*="icon:secondary"][class*="icon-"]:before {
  color: var(--primary-color);
}
.icon-filter:before {
  content: "\E950";
}
.icon-celebration:before {
  content: "\E900";
}
.icon-tiktok:before {
  content: "\E901";
}
.icon-volume-head:before {
  content: "\E94C";
}
.icon-volume:before {
  content: "\E94D";
}
.icon-down-bold:before {
  content: "\E933";
}
.icon-left-bold:before {
  content: "\E934";
}
.icon-right-bold:before {
  content: "\E935";
}
.icon-up-bold:before {
  content: "\E939";
}
.icon-circle-down:before {
  content: "\E902";
}
.icon-circle-left:before {
  content: "\E903";
}
.icon-circle-right:before {
  content: "\E904";
}
.icon-circle-up:before {
  content: "\E905";
}
.icon-chevron-down:before {
  content: "\E906";
}
.icon-chevron-left:before {
  content: "\E907";
}
.icon-chevron-right:before {
  content: "\E908";
}
.icon-chevron-up:before {
  content: "\E909";
}
.icon-previous-track:before {
  content: "\E90A";
}
.icon-next-track:before {
  content: "\E90B";
}
.icon-pause:before {
  content: "\E90C";
}
.icon-play:before {
  content: "\E90D";
}
.icon-stop:before {
  content: "\E90E";
}
.icon-select:before {
  content: "\E90F";
}
.icon-caret-down:before {
  content: "\E910";
}
.icon-caret-left:before {
  content: "\E911";
}
.icon-caret-right:before {
  content: "\E912";
}
.icon-caret-up:before {
  content: "\E913";
}
.icon-notes:before {
  content: "\E915";
}
.icon-bell:before {
  content: "\E916";
}
.icon-calendar:before {
  content: "\E917";
}
.icon-camera:before {
  content: "\E918";
}
.icon-pill-close:before {
  content: "\E91A";
}
.icon-pill-minus:before {
  content: "\E91B";
}
.icon-pill-plus:before {
  content: "\E91C";
}
.icon-colours:before {
  content: "\E91D";
}
.icon-credit-card:before {
  content: "\E91E";
}
.icon-drink:before {
  content: "\E91F";
}
.icon-export:before {
  content: "\E920";
}
.icon-eye:before {
  content: "\E921";
}
.icon-controller:before {
  content: "\E926";
}
.icon-earth:before {
  content: "\E922";
}
.icon-pill-help:before {
  content: "\E923";
}
.icon-image-inverted:before {
  content: "\E924";
}
.icon-image:before {
  content: "\E925";
}
.icon-images:before {
  content: "\E927";
}
.icon-pin:before {
  content: "\E928";
}
.icon-pin-map:before {
  content: "\E929";
}
.icon-log-out:before {
  content: "\E92A";
}
.icon-search:before {
  content: "\E92B";
}
.icon-mail:before {
  content: "\E92C";
}
.icon-megaphone:before {
  content: "\E92D";
}
.icon-write:before {
  content: "\E92E";
}
.icon-new:before {
  content: "\E92F";
}
.icon-phone:before {
  content: "\E930";
}
.icon-pencil:before {
  content: "\E931";
}
.icon-publish:before {
  content: "\E932";
}
.icon-rss:before {
  content: "\E949";
}
.icon-ticket:before {
  content: "\E936";
}
.icon-trophy:before {
  content: "\E94A";
}
.icon-typing:before {
  content: "\E937";
}
.icon-video:before {
  content: "\E938";
}
.icon-dropbox:before {
  content: "\E93A";
}
.icon-google-drive:before {
  content: "\E93B";
}
.icon-soundcloud:before {
  content: "\E93C";
}
.icon-pill-spotify:before {
  content: "\E93D";
}
.icon-spotify:before {
  content: "\E93E";
}
.icon-pill-fb:before {
  content: "\E93F";
}
.icon-fb:before {
  content: "\E940";
}
.icon-pill-ig:before {
  content: "\E941";
}
.icon-ig:before {
  content: "\E942";
}
.icon-tumblr:before {
  content: "\E943";
}
.icon-pill-twitter:before {
  content: "\E944";
}
.icon-twitter:before {
  content: "\E945";
}
.icon-pill-youtube:before {
  content: "\E946";
}
.icon-youtube:before {
  content: "\E947";
}
.icon-time:before {
  content: "\E8B5";
}
.icon-accessible:before {
  content: "\E914";
}
.icon-circle-add:before {
  content: "\E3BA";
}
.icon-pin-add:before {
  content: "\E567";
}
.icon-record:before {
  content: "\E019";
}
.icon-left:before {
  content: "\E5C4";
}
.icon-down:before {
  content: "\E5DB";
}
.icon-right:before {
  content: "\E5C8";
}
.icon-top:before {
  content: "\E5D8";
}
.icon-aperture:before {
  content: "\E3AF";
}
.icon-film-roll:before {
  content: "\E3B3";
}
.icon-coupon:before {
  content: "\E638";
}
.icon-copyright:before {
  content: "\E919";
}
.icon-view-tiles:before {
  content: "\E871";
}
.icon-directions:before {
  content: "\E52E";
}
.icon-bus:before {
  content: "\E530";
}
.icon-car:before {
  content: "\E531";
}
.icon-done:before {
  content: "\E876";
}
.icon-done-all:before {
  content: "\E877";
}
.icon-date:before {
  content: "\E24F";
}
.icon-exit:before {
  content: "\E879";
}
.icon-ffwd:before {
  content: "\E01F";
}
.icon-frwd:before {
  content: "\E020";
}
.icon-heart:before {
  content: "\E87D";
}
.icon-heart-outline:before {
  content: "\E87E";
}
.icon-download:before {
  content: "\E884";
}
.icon-conversation:before {
  content: "\E8AF";
}
.icon-gif:before {
  content: "\E948";
}
.icon-star:before {
  content: "\E838";
}
.icon-headset:before {
  content: "\E310";
}
.icon-circle-close:before {
  content: "\E888";
}
.icon-globe:before {
  content: "\E894";
}
.icon-lineup:before {
  content: "\E94B";
}
.icon-help:before {
  content: "\E0C6";
}
.icon-ticket-star:before {
  content: "\E553";
}
.icon-film:before {
  content: "\E8DA";
}
.icon-tag:before {
  content: "\E54E";
}
.icon-mail-outline:before {
  content: "\E0E1";
}
.icon-menu:before {
  content: "\E5D2";
}
.icon-message:before {
  content: "\E0C9";
}
.icon-more:before {
  content: "\E619";
}
.icon-attention:before {
  content: "\E031";
}
.icon-user:before {
  content: "\E7FD";
}
.icon-user-add:before {
  content: "\E7FE";
}
.icon-user-profile:before {
  content: "\E55A";
}
.icon-pin-drop:before {
  content: "\E55E";
}
.icon-pill-play:before {
  content: "\E038";
}
.icon-circle-play:before {
  content: "\E039";
}
.icon-list-add:before {
  content: "\E03B";
}
.icon-list-ok:before {
  content: "\E065";
}
.icon-world:before {
  content: "\E80B";
}
.icon-list-audio:before {
  content: "\E03D";
}
.icon-radio:before {
  content: "\E03E";
}
.icon-circle-remove:before {
  content: "\E15D";
}
.icon-show:before {
  content: "\E8F4";
}
.icon-reply:before {
  content: "\E15F";
}
.icon-emoji-sad:before {
  content: "\E811";
}
.icon-emoji-neutral:before {
  content: "\E812";
}
.icon-emoji-smiling:before {
  content: "\E813";
}
.icon-emoji-dead:before {
  content: "\E814";
}
.icon-emoji-happy:before {
  content: "\E815";
}
.icon-settings:before {
  content: "\E8B8";
}
.icon-share:before {
  content: "\E80D";
}
.icon-alphabetical:before {
  content: "\E053";
}
.icon-speaker:before {
  content: "\E32D";
}
.icon-star-outline:before {
  content: "\E83A";
}
.icon-star-half:before {
  content: "\E839";
}
.icon-pill-star:before {
  content: "\E8D0";
}
.icon-subway:before {
  content: "\E56F";
}
.icon-thumb-down:before {
  content: "\E8DB";
}
.icon-thumb-up:before {
  content: "\E8DC";
}
.icon-tram:before {
  content: "\E571";
}
.icon-walk:before {
  content: "\E572";
}
.icon-fold:before {
  content: "\E5D6";
}
.icon-unfold:before {
  content: "\E5D7";
}
.icon-gamepad:before {
  content: "\E338";
}
.icon-view-list:before {
  content: "\E8EE";
}
.icon-view-grid:before {
  content: "\E8F0";
}
.icon-view-layout:before {
  content: "\E8F1";
}
.icon-hide:before {
  content: "\E8F5";
}
.icon-pill-time:before {
  content: "\E94E";
}
.icon-fire:before {
  content: "\E80E";
}
.icon-speaker:before {
  content: "\E80E";
}
.icon-volume-high:before {
  content: "\EA26";
}
.icon-spinner11:before {
  content: "\E984";
}
.icon-twitch:before {
  content: "\F1E8";
}
.icon-whatsapp:before {
  content: "\F232";
}
.icon-snapchat:before {
  content: "\F2AC";
}
[class^="square"],
[class^="pill"] {
  display: inline-block;
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1.25 * var(--baseline));
  width: calc(1.5em * var(--baseline));
  height: calc(1.5em * var(--baseline));
  text-align: center;
}
[class^="square"][class*="icon-"]:before,
[class^="pill"][class*="icon-"]:before {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1.25 * var(--baseline));
}
[class^="square"][class*="::reset"],
[class^="pill"][class*="::reset"] {
  background: var(--background-faded);
}
[class^="pill"] {
  border-radius: 100%;
}
[class*="rating("]:before {
  margin-right: calc(0.5em * var(--baseline));
}
[class*="rating(1.0)"]:before {
  content: "\E838";
}
[class*="rating(1.5)"]:before {
  content: "\E838\E839";
}
[class*="rating(2.0)"]:before {
  content: "\E838\E838";
}
[class*="rating(2.5)"]:before {
  content: "\E838\E838\E839";
}
[class*="rating(3.0)"]:before {
  content: "\E838\E838\E838";
}
[class*="rating(3.5)"]:before {
  content: "\E838\E838\E838\E839";
}
[class*="rating(4.0)"]:before {
  content: "\E838\E838\E838\E838";
}
[class*="rating(4.5)"]:before {
  content: "\E838\E838\E838\E838\E839";
}
[class*="rating(5.0)"]:before {
  content: "\E838\E838\E838\E838\E838";
}
.card .rating {
  display: flex;
  flex-flow: row nowrap;
  margin-top: calc(0.1em * var(--baseline));
  align-items: stretch;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.card .rating span {
  background-color: var(--background-color);
  flex-grow: 0;
  padding: calc(0.166em * var(--baseline)) calc(0.25em * var(--baseline));
  margin-right: calc(0.1em * var(--baseline));
  line-height: 1;
  text-transform: uppercase;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.card .rating progress {
  margin: 0;
  width: auto;
  flex-grow: 1;
  height: auto;
}
.excerpt.excerpt__side .rating {
  position: absolute;
  bottom: 0.5em;
  z-index: 310;
  left: 0.75em;
  right: 0.75em;
}
.excerpt.excerpt__side .rating:before {
  margin: 0;
}
.excerpt.excerpt__side .rating span {
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.excerpt.excerpt__side .rating progress {
  margin: 0;
}
.excerpt.excerpt__body .rating {
  position: relative;
  width: 13rem;
}
.excerpt.excerpt__body .rating span {
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.excerpt.excerpt__body .rating progress {
  margin: 0;
}
.flag {
  display: inline-flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  z-index: 0;
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
  height: calc(1.333em * var(--baseline));
  background-color: transparent !important;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 800;
  color: var(--primary-200);
}
.flag:after {
  content: '';
  position: absolute;
  z-index: -1;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--primary-100);
  transform: skewX(-13deg) translate3d(0, 0, 0);
  transition: background-color 240ms ease-out, transform 240ms ease-out;
}
[class*="::primary"] .flag:not([class*="::secondary"]) {
  color: var(--primary-100) !important;
}
[class*="::primary"] .flag:not([class*="::secondary"]):after {
  background-color: var(--primary-200);
}
[class*="::secondary"] .flag[class*="::secondary"] {
  color: var(--secondary-100) !important;
}
[class*="::secondary"] .flag[class*="::secondary"]:after {
  background-color: var(--primary-200);
}
.flag[class*="icon-"]:before {
  margin-left: calc(-0.15em * var(--baseline));
  margin-top: calc(-0.1em * var(--baseline));
}
.flag.flag--secondary:after {
  background-color: var(--secondary-100);
}
.flag.flag--invert {
  color: var(--text-00) !important;
}
.flag.flag--invert:after {
  background-color: var(--text-100);
}
.flag.flag--reset {
  color: var(--text-100) !important;
}
.flag.flag--reset:after {
  background-color: var(--background-80);
}
.flag.flag--large {
  padding: calc(0em * var(--baseline)) calc(0.75em * var(--baseline));
  height: calc(1.75em * var(--baseline));
}
.flag.flag--small {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  height: calc(1.333em * var(--baseline));
}
.flag.flag--mini {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  height: calc(1.25em * var(--baseline));
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
  font-weight: 300;
}
a.flag {
  text-decoration: none;
}
a.flag:hover {
  color: var(--primary-200) !important;
}
a.flag:hover:after {
  transform: skewX(-13deg) translate3d(-0.07em, -0.1em, 0);
  background-color: var(--primary-120);
}
a.flag:active:after {
  transform: skewX(-13deg) translate3d(0, 0.02em, 0);
}
[class*="::primary"] a.flag:not([class*="::secondary"]):hover {
  color: var(--primary-120) !important;
}
[class*="::primary"] a.flag:not([class*="::secondary"]):hover:after {
  background-color: var(--primary-200);
}
[class*="::secondary"] a.flag[class*="::secondary"]:hover {
  color: var(--secondary-120) !important;
}
[class*="::secondary"] a.flag[class*="::secondary"]:hover:after {
  background-color: var(--secondary-200);
}
a.flag.flag--secondary:hover:after {
  background-color: var(--secondary-120);
}
a.flag.flag--invert:hover {
  color: var(--background-100) !important;
}
a.flag.flag--invert:hover:after {
  background-color: var(--text-70);
}
a.flag.flag--reset:hover {
  color: var(--text-100) !important;
}
a.flag.flag--reset:hover:after {
  background-color: var(--background-80);
}
[class*=":slant-"] {
  overflow: hidden;
}
[class*=":slant-top"] {
  padding-top: 10%;
}
[class*=":slant-bottom"] {
  padding-bottom: 10%;
}
[class*=":slant-left"] {
  padding-left: 10%;
}
[class*=":slant-right"] {
  padding-right: 10%;
}
[class*=":slant-top-left"] {
  clip-path: polygon( 0 0,  100% 25%, 100% 100%, 0 100% );
}
[class*=":slant-top-right"] {
  clip-path: polygon( 0 25%,  100% 0, 100% 100%, 0 100% );
}
[class*=":slant-bottom-left"] {
  clip-path: polygon( 0 0,  100% 0, 100% 75%, 0% 100% );
}
[class*=":slant-bottom-right"] {
  clip-path: polygon( 0 0,  100% 0, 100% 100%, 0% 75% );
}
[class*=":slant-left-top"] {
  clip-path: polygon( 0 0,  100% 0, 100% 100%, 15% 100% );
}
[class*=":slant-left-bottom"] {
  clip-path: polygon( 15% 0,  100% 0%, 100% 100%, 0% 100% );
}
[class*=":slant-right-top"] {
  clip-path: polygon( 0 0,  100% 0, 85% 100%, 0 100% );
}
[class*=":slant-right-bottom"] {
  clip-path: polygon( 0 0,  85% 0, 100% 100%, 0 100% );
}
[class*="blocklink"] {
  background-color: var(--text-color);
  color: var(--background-color);
  text-decoration: none;
  min-width: calc(8em * var(--baseline));
  transition: background-color 160ms ease-out, color 160ms ease-out;
}
[class*="blocklink"] span {
  color: var(--primary-color);
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 700;
}
[class*="blocklink"]:not([class*=":vert"]) {
  padding: calc(1em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0.25em * var(--baseline));
  margin-top: calc(0.05em * var(--baseline));
}
[class*="blocklink"][class*=":vert"] {
  padding: calc(0.5em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.5em * var(--baseline)) calc(1.25em * var(--baseline));
  margin-right: calc(0.05em * var(--baseline));
  min-width: 2em;
  width: 3.75em;
  min-height: calc(8em * var(--baseline));
  display: inline-flex;
  flex-flow: column-reverse nowrap;
  white-space: nowrap;
}
[class*="blocklink"][class*=":vert"] span {
  transform-origin: bottom left 0;
  transform: translateY(-0.5em) translateX(1.25em) rotate(-90deg);
}
[class*="blocklink"][class*="::primary"]:hover {
  background-color: var(--primary-hover);
}
[class*="blocklink"][class*="::primary"] span {
  color: var(--primary-contrast);
}
[class*="blocklink"][class*="::secondary"]:hover {
  background-color: var(--secondary-hover);
}
[class*="blocklink"][class*="::secondary"] span {
  color: var(--secondary-contrast);
}
[class*="children(ruled)"] > *,
[class*="ruled:left"] {
  border-left: 0.45em solid var(--text-color);
  padding-left: calc(1em * var(--baseline));
}
[class*="children(ruled:thin)"] > *,
[class*="ruled:left:thin"]:not([class*="children("]) {
  border-left-width: 0.067em;
}
.item__copy .lede,
.item__copy .intro {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
}
.item__copy .lede::first-letter,
.item__copy .intro::first-letter {
  float: left;
  font-size: 300%;
  line-height: 1;
  font-weight: 900;
  margin: auto 0.1em auto -0.2em;
  color: var(--primary-color);
}
.interview-question,
[class='"interview-question"'] {
  font-weight: 700;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  letter-spacing: -0.03em;
}
.interview-question:first-child,
[class='"interview-question"']:first-child {
  margin-top: 0;
}
.shout,
[class*="shout:"] {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1.5 * var(--baseline));
  padding: calc(1.5em * var(--baseline));
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 900;
  text-align: center;
  background-color: var(--primary-color);
  color: var(--primary-contrast);
}
.shout__caption {
  display: block;
  font-weight: 300;
  margin-top: calc(0.5em * var(--baseline));
}
[class*="shout"][class*=":left"] {
  text-align: left;
  padding-left: calc(0.75em * var(--baseline));
  padding-right: calc(1.5em * var(--baseline));
}
[class*="shout"][class*=":right"] {
  text-align: right;
  padding-left: calc(1.5em * var(--baseline));
  padding-right: calc(0.75em * var(--baseline));
}
[class*="shout"][class*=":ruled"] {
  border-color: var(--text-color);
  border-style: solid;
  border-top-width: 0.56;
  padding-top: calc(1em * var(--baseline));
  padding-bottom: calc(1em * var(--baseline));
  padding-left: calc(0.75em * var(--baseline));
}
[class*="shout"][class*=":ruled"][class*=":left"] {
  border-width: 0;
  border-left-width: 0.56;
}
[class*="shout"][class*=":ruled"][class*=":right"] {
  border-width: 0;
  border-right-width: 0.56;
}
[class*="shout"][class*=":thin"] {
  font-weight: 300;
}
[class*="shout"][class*=":thin"] .shout__caption {
  font-weight: 900;
}
.definitions__term {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-50);
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.definitions__desc:not(:last-of-type) {
  padding-bottom: calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .definitions {
    display: flex;
    flex-flow: row wrap;
  }
  .definitions__term,
  .definitions__desc {
    padding: calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline));
  }
  .definitions__term:not(:first-of-type),
  .definitions__desc:not(:first-of-type) {
    border-top: 0.067em solid var(--background-80);
  }
  .definitions__term {
    --baseline: var(--baseline-1);
    padding: calc(0.5em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
    text-align: right;
    flex-basis: 25%;
    min-width: 25%;
  }
  .definitions__desc {
    flex-basis: 75%;
    min-width: 75%;
  }
}
.ranking {
  counter-reset: ranking-counter;
  padding-left: 5.5em !important;
}
@media only screen and (min-width: 960px) {
  .ranking {
    padding-left: 0 !important;
  }
}
dl.ranking {
  padding: 0;
  border: 0;
}
.ranking .ranking__item {
  position: relative;
}
.ranking .ranking__item:not(:first-child) {
  margin-top: calc(1em * var(--baseline));
}
.ranking .ranking__item:before,
.ranking .ranking__item:after {
  position: absolute;
  left: -1.5em;
  --scale: var(--step-3x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x1);
  line-height: calc(1.5 * var(--baseline));
}
.ranking .ranking__item:before {
  content: counter(ranking-counter, decimal-leading-zero);
  counter-increment: ranking-counter;
  top: 0.3em;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.ranking .ranking__item:after {
  top: 0;
  content: "";
  background: var(--text-100);
  width: 1.2em;
  height: 0.16em;
}
.ranking dd {
  padding: 0;
}
[class*="__counter"] {
  display: inline-block;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-decoration: none;
  text-align: center;
  margin-top: calc(0.5em * var(--baseline));
}
[class*="__counter"] > * {
  display: block;
}
[class*="__counter"] .counter__num {
  --scale: var(--step-4x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x1);
  line-height: calc(2 * var(--baseline));
  font-weight: 300;
}
[class*="__counter"] .counter__txt {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  font-weight: 800;
}
[class*="numeral"] {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.facts {
  width: 100%;
  flex-flow: column nowrap;
}
.facts .facts__fact .fact__key,
.facts .facts__fact .fact__value {
  display: block;
}
.facts .facts__fact .fact__key {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1.5 * var(--baseline));
  color: var(--primary-color);
  font-weight: bold;
}
.facts .facts__fact .fact__value {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1.5 * var(--baseline));
  padding-left: 2.25rem;
}
@media only screen and (min-width: 640px) {
  .facts .facts__fact {
    display: flex;
    flex-flow: row nowrap;
  }
  .facts .facts__fact .fact__key {
    width: 13rem;
    text-align: right;
    flex-shrink: 0;
  }
}
.facts progress {
  height: calc(0.55em * var(--baseline));
  width: 13rem;
}
.pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
}
.pagination__label {
  margin-right: calc(0.5em * var(--baseline));
}
.pagination__item {
  display: flex;
}
.pagination__item .page-numbers {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-left: calc(0.2em * var(--baseline));
  padding: calc(0.2em * var(--baseline)) calc(0.4em * var(--baseline));
  cursor: pointer;
  font-weight: 600;
  background-color: transparent;
  text-decoration: none;
  transition: all 120ms ease-out;
  transition-property: background-color, color;
}
.pagination__item .page-numbers:hover,
.pagination__item .page-numbers.current {
  background-color: var(--primary-color);
  color: var(--background-color);
}
.pagination__item .next,
.pagination__item .prev {
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1 * var(--baseline));
}
.pagination__item .next:hover,
.pagination__item .prev:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.pagination__item .dots {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin: 0;
}
.pagination__item .dots:hover {
  background-color: transparent;
  color: initial;
}
.pagination__item a {
  color: inherit;
}
.section-header {
  margin-top: calc(2.75em * var(--baseline));
  margin-bottom: calc(0.25em * var(--baseline));
}
.section-header + * {
  margin-top: calc(1em * var(--baseline));
}
.section-header__title {
  color: #ef375f;
  color: var(--primary-color);
  letter-spacing: 0.01em;
  margin-bottom: 0;
  margin-top: calc(1em * var(--baseline));
}
[class*="::primary"].section-header__title,
[class*="::secondary"].section-header__title {
  color: var(--primary-contrast);
}
.section-header__desc {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 700;
}
[class*="::primary"].section-header__desc {
  color: var(--secondary-color);
}
[class*="::secondary"].section-header__desc {
  color: var(--primary-color);
}
.section-header__actions {
  display: block;
  text-align: right;
}
.section-header[class*="::"],
.section-header[class*="theme:"] {
  padding: calc(4em * var(--baseline)) calc(1em * var(--baseline)) calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .section-header {
    display: flex;
  }
  .section-header__actions {
    margin-left: auto;
  }
}
.view__main section:first-of-type .section-header {
  margin-top: 0;
}
.card {
  position: relative;
  z-index: 300;
}
.card > [class*="card__"] {
  position: absolute;
}
.card:hover .card__background {
  transform: scale3d(1.02, 1.02, 1.02);
}
.card .card__background {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 500ms ease-out;
}
.card .card__background figure {
  height: 100%;
}
.card .card__background figure picture {
  width: 100%;
  height: 100%;
}
.card .card__background figure picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.card .card__body {
  position: absolute;
  z-index: 20;
  top: auto;
  right: auto;
  bottom: calc(0.5em * var(--baseline));
  left: calc(0.5em * var(--baseline));
  min-width: 50%;
  max-width: 86%;
}
.card .card__body .card__title {
  padding: calc(0.333em * var(--baseline)) calc(0.5em * var(--baseline));
  background-color: #fafbfc;
  background-color: var(--background-color);
}
.card .card__desc {
  background-color: var(--primary-contrast);
  color: var(--text-color);
  overflow: hidden;
  padding: calc(0.15em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0.333em * var(--baseline));
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.card .card__sticker {
  position: absolute;
  z-index: 10;
  top: calc(0.5em * var(--baseline));
  right: calc(0.5em * var(--baseline));
  bottom: auto;
  left: auto;
}
.card.layout--reverse .card__body,
.layout--alternate > .card:nth-of-type(even) .card__body {
  bottom: auto;
  top: 1em;
}
.card.layout--reverse .card__sticker,
.layout--alternate > .card:nth-of-type(even) .card__sticker {
  top: auto;
  bottom: 1em;
}
.card.treatment--full:hover .card__title {
  transform: scale3d(0.98, 0.98, 0.98);
}
.card.treatment--full .card__title {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1.333 * var(--baseline));
  padding: 0;
  color: var(--background-100);
  background-color: transparent;
}
.card.treatment--full .card__background {
  background-color: var(--primary-100);
}
.card.treatment--full .card__background figure {
  overflow: hidden;
}
.card.treatment--full .card__background picture {
  position: relative;
}
.card.treatment--full.layout--vertical .item__title {
  padding: calc(0.333em * var(--baseline)) calc(0.5em * var(--baseline));
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1.33 * var(--baseline));
}
.card.treatment--full.layout--vertical .item__title a,
.card.treatment--full.layout--vertical .item__title a:hover,
.card.treatment--full.layout--vertical .item__title a small,
.card.treatment--full.layout--vertical .item__title a:hover small {
  color: var(--background-100);
}
.card.treatment--full.layout--vertical .card__background figure {
  height: calc(50% + 3em);
}
.card.layout--vertical [class*="button:block"] {
  margin-top: 0;
}
.card.layout--vertical .card__title {
  margin-left: calc(1em * var(--baseline));
  margin-right: calc(1em * var(--baseline));
}
.card.layout--vertical .card__body {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  background-color: transparent;
  max-width: 100%;
  padding: 0;
}
.card.layout--vertical .card__desc {
  margin-left: calc(1em * var(--baseline));
  margin-right: calc(1em * var(--baseline));
  padding: calc(0.5em * var(--baseline)) calc(0.75em * var(--baseline));
}
.card.layout--vertical.treatment--full .card__title {
  margin-left: calc(0.75em * var(--baseline));
  margin-right: calc(0.75em * var(--baseline));
}
.card.layout--vertical.treatment--full .card__desc {
  margin-top: calc(1em * var(--baseline));
}
.excerpt + .excerpt {
  margin-top: calc(1.5em * var(--baseline)) !important;
}
.excerpt .excerpt__side picture {
  width: 100%;
  height: 100%;
}
.excerpt .excerpt__side picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.excerpt .excerpt__body {
  padding: calc(0.75em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .excerpt {
    display: flex;
    align-items: flex-start;
  }
  .excerpt .excerpt__side {
    flex: 1 1 33.33333333%;
    max-width: 19rem;
  }
  .excerpt .excerpt__body {
    flex: 1 0 66.66666667%;
    padding: calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline)) calc(1em * var(--baseline));
  }
}
.excerpt.layout--reverse .excerpt__side,
.layout--alternate > .card:nth-of-type(even) .excerpt__side {
  order: 2;
}
.excerpt.layout--reverse .excerpt__body,
.layout--alternate > .card:nth-of-type(even) .excerpt__body {
  order: 1;
}
[class*="format(tile)"] {
  position: relative;
  overflow: hidden;
  z-index: 300;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding: calc(1em * var(--baseline)) calc(0.75em * var(--baseline)) calc(0.667em * var(--baseline));
  background-color: var(--background-100);
  min-height: 260px;
}
[class*="format(tile)"] .format__header {
  flex: 1 1 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
[class*="format(tile)"] .format__background {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--primary-100);
}
[class*="format(tile)"] .format__sticker {
  position: absolute;
  z-index: 10;
  top: calc(-0.15em * var(--baseline));
  right: calc(-0.15em * var(--baseline));
  bottom: auto;
  left: auto;
  padding-right: calc(0.25em * var(--baseline));
}
[class*="format(tile)"] .format__body {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
[class*="format(tile)"] .item__date {
  margin-bottom: auto;
}
[class*="format(tile)"] .item__title {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
[class*="format(tile)"] .item__meta {
  display: flex;
  flex-shrink: 0;
  margin-top: calc(0.5em * var(--baseline));
  color: var(--text-70);
  min-width: 12.5rem;
}
[class*="format(tile)"] .item__summary {
  flex-shrink: 0;
}
[class*="format(tile)"] .item__summary a {
  color: var(--text-70);
  text-decoration: none;
}
[class*="format(tile)"] .item__summary > * {
  display: inline-block;
}
.format__sidebar > [class*="format(tile)"] + [class*="format(tile)"] {
  margin-top: calc(0.1em * var(--baseline));
}
[class*="format(tile)"][class*="is_featured"] {
  justify-content: flex-end;
}
@media only screen and (min-width: 640px) {
  [class*="format(tile)"][class*="is_featured"] {
    grid-row: span 2;
  }
}
[class*="format(tile)"][class*="is_featured"] .format__header {
  margin-top: calc(1.5em * var(--baseline));
}
[class*="format(tile)"][class*="::primary"] .format__header {
  transition: transform 360ms ease-out;
}
[class*="format(tile)"][class*="::primary"] .format__body {
  transition: transform 420ms ease-out;
}
[class*="format(tile)"][class*="::primary"] .format__sticker a[class*="icon:only"] {
  color: var(--primary-130);
}
[class*="format(tile)"][class*="::primary"] .format__sticker a[class*="icon:only"]:hover {
  color: var(--primary-150);
}
[class*="format(tile)"][class*="::primary"] .format__sticker a[class*="icon:only"].is-active {
  color: var(--background-100);
}
[class*="format(tile)"][class*="::primary"] .format__cta {
  margin-top: calc(0.15em * var(--baseline));
}
[class*="format(tile)"][class*="::primary"] .item__illustration {
  height: 70%;
}
[class*="format(tile)"][class*="::primary"] .item__illustration picture {
  width: 100%;
  height: 100%;
}
[class*="format(tile)"][class*="::primary"] .item__illustration picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
[class*="format(tile)"][class*="::primary"] .item__title a {
  color: var(--background-100);
}
[class*="format(tile)"][class*="::primary"] .item__title a:hover {
  color: var(--primary-160);
}
[class*="format(tile)"][class*="::primary"] .item__title small {
  color: var(--text-100);
  font-size: 0.9em;
  line-height: 1.2;
}
[class*="format(tile)"][class*="::primary"] .item__meta {
  font-size: var(--ms--05);
}
[class*="format(tile)"][class*="::primary"] .item__meta,
[class*="format(tile)"][class*="::primary"] .item__meta a {
  color: var(--text-100);
}
[class*="format(tile)"][class*="::primary"] .item__location {
  font-weight: 700;
}
[class*="format(tile)"][class*="::primary"]:hover .format__header {
  transform: translate3d(0, -0.4em, 0);
}
[class*="format(tile)"][class*="::primary"]:hover .format__body {
  transform: translate3d(0, -0.25em, 0);
}
a.brick {
  text-decoration: none;
}
.brick .item__lottery {
  font-weight: bold;
  color: var(--primary-contrast);
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.brick .item__lottery::before {
  font-family: 'volume-icons' !important;
  content: "\E838";
  padding-right: calc(0.25em * var(--baseline));
}
.brick.is-featured[class*="theme"] {
  background-color: var(--primary-color);
}
.brick.is-featured[class*="theme"] .item__body {
  color: var(--primary-contrast);
}
.brick.is-featured[class*="theme"] .item__title {
  color: var(--primary-contrast);
}
.brick.is-featured[class*="theme"] .item__lottery {
  color: var(--primary-contrast);
}
.brick.item--event,
.brick.item--gallery {
  display: flex;
  flex-flow: row wrap;
}
.brick.item--event .item__header,
.brick.item--gallery .item__header {
  min-width: 100%;
}
.brick.item--event .item__header .item__image img,
.brick.item--gallery .item__header .item__image img {
  max-height: calc(5em * var(--baseline));
  object-fit: cover;
}
.brick.item--event .item__body,
.brick.item--gallery .item__body {
  display: flex;
  flex-flow: row nowrap;
  min-width: 100%;
  background-color: var(--primary-color);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.brick.item--event .item__body .item__desc,
.brick.item--gallery .item__body .item__desc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
  padding: calc(0.5em * var(--baseline));
}
.brick.item--event .item__body .item__desc .item__title,
.brick.item--gallery .item__body .item__desc .item__title {
  width: 100%;
}
.brick.item--event .item__body.is-past,
.brick.item--gallery .item__body.is-past {
  background-color: var(--secondary-color);
}
.brick.item--event .item__body.is-past .item__locality,
.brick.item--gallery .item__body.is-past .item__locality {
  color: var(--primary-contrast);
}
.brick.item--event .item__body.is-past .item__date,
.brick.item--gallery .item__body.is-past .item__date {
  background-color: var(--text-10);
}
.brick.item--event .item__body.is-past .item__date .date__day,
.brick.item--gallery .item__body.is-past .item__date .date__day,
.brick.item--event .item__body.is-past .item__date .date__month,
.brick.item--gallery .item__body.is-past .item__date .date__month,
.brick.item--event .item__body.is-past .item__date .date__year,
.brick.item--gallery .item__body.is-past .item__date .date__year {
  color: var(--text-70);
}
.brick.item--event .item__title,
.brick.item--gallery .item__title {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  color: var(--primary-contrast);
}
.brick.item--event .item__date,
.brick.item--gallery .item__date {
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
  align-items: center;
  padding: calc(0.333em * var(--baseline)) calc(0em * var(--baseline));
  min-width: calc(3em * var(--baseline));
  width: calc(3em * var(--baseline));
  background-color: #fefefe;
}
.brick.item--event .item__date .date__month,
.brick.item--gallery .item__date .date__month {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  text-transform: uppercase;
  color: var(--primary-color);
}
.brick.item--event .item__date .date__day,
.brick.item--gallery .item__date .date__day {
  display: block;
  --scale: var(--step-2x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x1);
  line-height: calc(1 * var(--baseline));
  color: #03020a;
}
.brick.item--event .item__date .date__month,
.brick.item--gallery .item__date .date__month,
.brick.item--event .item__date .date__day,
.brick.item--gallery .item__date .date__day,
.brick.item--event .item__date .date__year,
.brick.item--gallery .item__date .date__year {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 1;
  text-align: center;
  font-weight: 900;
}
.brick.item--event .item__date .date__year,
.brick.item--gallery .item__date .date__year {
  display: block;
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  color: #03020a;
}
.brick.item--event .item__locality,
.brick.item--gallery .item__locality {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  color: var(--secondary-color);
}
.brick.item--gallery .item__body {
  background-color: var(--secondary-color);
}
.brick.item--gallery .item__body .item__locality {
  color: var(--primary-contrast);
}
.brick.item--gallery .item__preview {
  margin-top: calc(0.05em * var(--baseline));
  grid-gap: calc(0.05em * var(--baseline));
}
.brick.item--gallery figure {
  position: relative;
  display: flex;
}
.brick.item--gallery .item__photocount {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--primary-contrast);
}
.brick.item--gallery .item__photocount .number {
  --scale: var(--step-2x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x1);
  line-height: calc(1 * var(--baseline));
  line-height: 1;
}
.brick.item--gallery .item__photocount .desc {
  font-weight: 900;
  text-transform: uppercase;
}
.brick.item--article {
  display: flex;
  justify-content: stretch;
  align-items: center;
}
.brick.item--article .item__image {
  width: 9rem;
  min-width: 9rem;
  margin-right: calc(0.5em * var(--baseline));
}
.brick.item--article .item__image img {
  height: 100%;
  object-fit: cover;
}
.brick.item--article .item__body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: calc(0.25em * var(--baseline)) calc(0em * var(--baseline));
}
.brick.item--article .item__title {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.brick.item--article .item__date {
  font-weight: 100;
  color: #03020a;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.brick.item--article .item__lottery {
  color: var(--primary-color);
}
.brick.item--event-promotion {
  display: flex;
  flex-flow: row wrap;
}
.brick.item--event-promotion .item__body {
  display: flex;
  flex-flow: row nowrap;
  min-width: 100%;
  background-color: var(--primary-color);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.brick.item--event-promotion .item__image {
  width: calc(3.5em * var(--baseline));
  max-height: 100%;
  flex-shrink: 0;
  margin: 0;
}
.brick.item--event-promotion .item__image picture {
  height: 100%;
}
.brick.item--event-promotion .item__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.brick.item--event-promotion .item__desc {
  flex-grow: 1;
  padding: calc(0.5em * var(--baseline));
  line-height: 1.2;
}
.brick.item--event-promotion .item__date {
  color: var(--secondary-color);
  font-weight: 800;
  text-transform: uppercase;
}
.brick.item--event-promotion .item__title {
  color: black;
  margin: 0;
  font-weight: 800;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1em;
}
[class*="format(stack"] .format__header {
  --scale: var(--step--1);
  font-size: calc(1em * var(--scale));
  line-height: calc(1 * var(--baseline));
  --baseline: var(--baseline--1);
  padding: calc(0.333em * var(--baseline));
}
[class*="format(stack"] .format__section {
  border-top: 0.067em solid var(--background-80);
  line-height: 1.35;
  padding: calc(0.25em * var(--baseline)) calc(0.333em * var(--baseline));
}
[class*="format(stack"] .item__summary [class*="__title"] {
  font-size: var(--ms-05);
}
.blurb {
  width: 100%;
  padding: calc(0.5em * var(--baseline)) calc(0.75em * var(--baseline));
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background-color: var(--background-color);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--text-color);
  text-decoration: none;
}
.blurb__header {
  width: 100%;
}
.blurb__image {
  width: calc(3em * var(--baseline));
  flex-grow: 0;
  flex-shrink: 0;
}
.blurb__body {
  padding-left: calc(0.5em * var(--baseline));
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.blurb__title {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.blurb__copy {
  margin-top: calc(0.75em * var(--baseline));
  padding: calc(0.5em * var(--baseline)) calc(0.15em * var(--baseline)) calc(0em * var(--baseline)) calc(0.15em * var(--baseline));
  border-top: 0.08rem solid var(--text-color);
}
.blurb__facts {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  color: var(--text-muted);
  line-height: 1.2;
  overflow: hidden;
  flex-basis: 100%;
  flex-shrink: 0;
  display: flex;
  flex-flow: row wrap;
  margin-top: calc(0.5em * var(--baseline));
}
.blurb__facts li {
  position: relative;
  padding-right: .75rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.blurb__facts li .fact__value {
  font-weight: bold;
  margin-right: .15rem;
}
.blurb__facts li:not(:first-child):before {
  display: block;
  content: '';
  position: absolute;
  left: -0.55rem;
  top: 0;
  height: 100%;
  width: 0.1rem;
  background-color: var(--text-muted);
}
.blurb--large {
  max-width: 86rem;
  margin: auto;
}
.blurb--large .blurb__image {
  align-self: flex-start;
}
.blurb--large .blurb__title {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
}
.blurb--large .blurb__subtitle {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
}
.blurb--large .blurb__facts {
  color: var(--text-color);
}
.blurb--large .blurb__facts .fact__value {
  display: inline-block;
  font-weight: normal;
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  border-top: 0.4rem solid var(--primary-color);
  padding-top: calc(0.25em * var(--baseline));
  padding: calc(0.25em * var(--baseline));
}
.blurb--large .blurb__facts .fact__key {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.blurb--large .blurb__facts li:not(:first-child):before {
  display: none;
}
@media only screen and (min-width: 640px) {
  .blurb--large {
    padding: 0;
  }
  .blurb--large .blurb__image {
    align-self: stretch;
    width: auto;
    max-width: 26rem;
    height: auto;
  }
  .blurb--large .blurb__image .image,
  .blurb--large .blurb__image picture {
    width: 100%;
    height: 100%;
  }
  .blurb--large .blurb__image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .blurb--large .blurb__body {
    padding: 1rem 3rem;
  }
}
.item--author .item__name {
  font-weight: bold;
  line-height: 1;
  margin-right: 0.4rem;
}
.item--author .item__handle {
  font-weight: bold;
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  color: var(--primary-color);
  padding-left: 1rem;
  position: relative;
  line-height: 1.5;
  text-transform: uppercase;
}
.item--author .item__handle:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
  height: 0.1rem;
  width: 0.75rem;
  background-color: var(--text-color);
}
.item--author .item__byline {
  color: var(--text-muted);
}
.item--author.blurb--large .item__handle {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
}
.item--author.blurb--large .item__handle:before {
  height: 0.2rem;
}
.item__copy .author {
  color: var(--primary-color);
  font-weight: bold;
  text-decoration: none;
}
.item--event[class*="format(tile)"] {
  padding: calc(0.75em * var(--baseline)) calc(0.75em * var(--baseline)) calc(0.667em * var(--baseline)) calc(0.75em * var(--baseline));
}
.item--event[class*="format(tile)"] .item__title small {
  color: var(--text-100);
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.2;
}
.item--event[class*="format(tile)"] .item__date {
  display: inline-block;
  position: relative;
  padding: calc(0em * var(--baseline)) calc(0.25em * var(--baseline));
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 900;
  color: var(--background-100);
  background-color: var(--primary-90);
}
.item--event[class*="format(tile)"] .item__branding.image--promotion {
  position: absolute;
  right: 0;
}
.item--event[class*="format(tile)"] .item__meta {
  font-size: var(--ms--05);
}
.item--event[class*="format(tile)"] .item__location {
  font-weight: 700;
}
.item--event[class*="format(tile)"][class*="::primary"] .item__date {
  background: var(--background-100);
  color: var(--primary-100);
}
.item--event[class*="format(tile)"] .format__header {
  position: relative;
}
.item--event[class*="format(tile)"] .format__sticker a[class*="icon:only"] {
  opacity: 0.3;
  color: var(--background-100);
  translate: opacity 120ms ease-out;
}
.item--event[class*="format(tile)"] .format__sticker a[class*="icon:only"]:hover {
  opacity: 1;
}
.item--event[class*="format(tile)"].is-bookmarked .format__sticker {
  z-index: 1;
}
.item--event[class*="format(tile)"].is-bookmarked .format__sticker a[class*="icon:only"] {
  opacity: 1;
}
.item--event[class*="format(tile)"].is-bookmarked .format__sticker:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(-2em * var(--baseline));
  right: calc(-2em * var(--baseline));
  width: calc(4em * var(--baseline));
  height: calc(4em * var(--baseline));
  background: var(--primary-110);
  transform: rotate(-45deg);
}
.item--event[class*="format(tile)"] .image--promotion {
  max-width: 8rem;
  max-hight: 8rem;
}
.item--event.card .item__body {
  background-color: var(--background-color);
  padding: calc(0.333em * var(--baseline)) calc(0.5em * var(--baseline));
}
.item--event.card .item__title {
  margin-top: 0.2rem;
  padding: 0;
}
.item--event.card .item__date {
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  text-align: left;
  font-size: 0.8em;
  margin-bottom: 0.75em;
}
.item--event.card .item__date .day {
  --scale: var(--step-2x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x1);
  line-height: calc(1 * var(--baseline));
  line-height: 1;
  font-weight: bold;
  text-align: end;
}
@media only screen and (min-width: 960px) {
  .item--event.card .item__date .day {
    --scale: var(--step-3x1);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline-3x1);
    line-height: calc(1 * var(--baseline));
    line-height: 0.9;
  }
}
.item--event.card .item__date .weekday {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
.item--event.card .item__date .month {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  color: var(--primary-color);
}
.item--event.card .item__date .weekday,
.item--event.card .item__date .month {
  display: block;
  margin-left: 0.5rem;
  font-weight: bold;
  line-height: 1;
}
.item--event[class*="format(single)"] {
  background: var(--background-100);
}
.item--event[class*="format(single)"] .item__header {
  border-bottom: 0.5em solid var(--secondary-100);
}
.item--event[class*="format(single)"] .item__title {
  --scale: var(--step-1x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x1);
  line-height: calc(1.75 * var(--baseline));
  padding: calc(0.75em * var(--baseline)) calc(1em * var(--baseline)) calc(0.5em * var(--baseline));
}
.item--event[class*="format(single)"] .item__summary {
  padding: calc(1em * var(--baseline)) calc(0.333em * var(--baseline)) calc(0em * var(--baseline));
  margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
  .item--event[class*="format(single)"] .item__summary {
    padding: calc(1em * var(--baseline)) calc(1em * var(--baseline)) calc(0em * var(--baseline));
  }
}
.item--event[class*="format(single)"] .item__meta > *:not(.item__actions) {
  position: relative;
  padding-left: calc(0.333em * var(--baseline));
  padding-right: calc(1em * var(--baseline));
}
.item--event[class*="format(single)"] .item__meta > *:not(.item__actions):before {
  position: absolute;
  right: 0.25em;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-40);
}
.item--event[class*="format(single)"] .item__date:before {
  content: "\E917";
}
.item--event[class*="format(single)"] .item__location:before {
  content: "\E929";
}
.item--event[class*="format(single)"] .item__offers:before {
  content: "\E936";
}
.item--event[class*="format(single)"] .item__date time {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 800;
}
.item--event[class*="format(single)"] .item__date time span:nth-of-type(2) {
  color: var(--primary-100);
}
.item--event[class*="format(single)"] .item__actions {
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.25em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .item--event[class*="format(single)"] .item__actions .dropdown {
    top: -0.1em;
  }
}
.item--event[class*="format(single)"] .item__offers {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  color: var(--text-60);
  border-bottom: 0.1 solid var(--text-20);
  border-bottom-width: calc(0.1em * var(--baseline));
}
.item--event[class*="format(single)"] .item__copy {
  padding: calc(1em * var(--baseline)) calc(0.333em * var(--baseline)) calc(1em * var(--baseline));
  margin-bottom: calc(1em * var(--baseline));
}
.item--event[class*="format(single)"] .item__lottery {
  margin-top: calc(1em * var(--baseline));
}
.item--event[class*="format(single)"] .header__terms {
  font-size: 80%;
  top: 0.5em;
  left: 1em;
}
.item--event[class*="format(single)"] .address__title {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--primary-100);
  "-1x0": calc(0.75em * var(--scale));
}
.item--event .item__vendors {
  margin-top: calc(1em * var(--baseline));
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
}
.item--event .item__vendors .vendors__title {
  color: var(--primary-color);
  border-bottom: 0.4rem solid var(--text-color);
}
.item--event .item__vendors .vendor {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.08rem solid var(--text-30);
  padding-top: calc(0.75em * var(--baseline));
  padding-bottom: calc(0.75em * var(--baseline));
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.25em * var(--baseline));
}
.item--event .item__vendors .vendor:last-child {
  border-bottom: 0.08rem solid var(--text-color);
}
.item--event .item__vendors .vendor__desc {
  display: flex;
  flex-flow: column nowrap;
}
.item--event .item__vendors .vendor__desc .ticket_info {
  font-style: italic;
}
.item--event .item__vendors .vendor__link {
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.5em * var(--baseline));
  font-weight: bold;
}
.item--event .item__links {
  margin-top: calc(1em * var(--baseline));
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.5em * var(--baseline));
}
.item--event .item__links .desc__title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.item--event .item__links .links__title {
  color: var(--primary-color);
  border-bottom: 0.4rem solid var(--text-color);
}
.item--event .item__links .links__link {
  display: block;
  /*flex-flow: row nowrap;
			align-items: center;
			justify-content: space-between;*/
  border-bottom: 0.08rem solid var(--text-30);
  padding-top: calc(0.75em * var(--baseline));
  padding-bottom: calc(0.75em * var(--baseline));
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.25em * var(--baseline));
  /*&__desc {
				display:flex;
				flex-flow: column nowrap;
			}*/
}
.item--event .item__links .links__link:last-child {
  border-bottom: 0.08rem solid var(--text-color);
}
.item--event .item__links .links__link__link {
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.5em * var(--baseline));
  font-weight: bold;
}
@media only screen and (min-width: 960px) {
  .item--event .item__links {
    padding: 0;
  }
}
.item--gallery .item__images {
  padding: calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 640px) and (max-width: 960px) {
  .item--gallery .sidebar .sidebar__body {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .item--gallery .sidebar .sidebar__body > * {
    order: 10;
  }
  .item--gallery .sidebar .sidebar__body .sidebar__spacer {
    order: 0;
    flex-basis: 100%;
  }
  .item--gallery .sidebar .sidebar__body .brick.item--event {
    order: 1;
    width: calc(50% - 0.5rem);
  }
  .item--gallery .sidebar .sidebar__body .blurb {
    order: 2;
    width: calc(50% - 0.5rem);
    margin-left: 1rem;
  }
}
.excerpt .item__meta {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  margin-top: calc(1em * var(--baseline));
  font-weight: 600;
}
.excerpt .item__meta:after {
  width: 6rem;
  height: 0.5rem;
}
.excerpt .item__title {
  line-height: 1;
}
.excerpt .item__illustration {
  clip-path: polygon( 0 0,  100% 0, 85% 100%, 0 100% );
}
.excerpt .item__terms {
  top: 0;
  left: -0.25em;
  position: absolute;
  z-index: 310;
}
.excerpt .item__cta {
  display: block;
  text-align: right;
}
.excerpt .item__excerpt {
  margin-top: calc(0.5em * var(--baseline));
}
.excerpt .item__lottery {
  display: inline-block;
  color: var(--primary-color);
  font-weight: bold;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-top: calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .excerpt .item__excerpt {
    margin-top: calc(0.75em * var(--baseline));
  }
}
.item.excerpt.layout--reverse .item__terms,
.layout--alternate > .excerpt:nth-of-type(even) .item__terms {
  left: auto;
  right: -0.25em;
}
.item.excerpt.layout--reverse .item__illustration,
.layout--alternate > .excerpt:nth-of-type(even) .item__illustration {
  clip-path: polygon( 0 0,  100% 0, 100% 100%, 15% 100% );
}
.item.card .item__title {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  font-weight: 800;
}
.item.card .item__title a {
  color: var(--primary-100);
}
.item.card .item__title small {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(0.667 * var(--baseline));
  color: var(--text-100);
  transition: color 160ms ease-out;
}
.item.card .item__title a:hover,
.item.card .item__title a:hover small {
  color: var(--primary-110);
}
.item.card.treatment--full .item__title {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1.33 * var(--baseline));
  font-weight: 900;
  transition: transform 220ms ease-out;
  background-color: transparent;
}
.item.card.treatment--full .item__title a,
.item.card.treatment--full .item__title a:hover,
.item.card.treatment--full .item__title a small,
.item.card.treatment--full .item__title a:hover small {
  color: var(--background-100);
}
.item.card.item--ad {
  display: flex;
  align-items: center;
  justify-content: center;
}
.item.card.item--gallery .item__title {
  --scale: var(--step-0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0);
  line-height: calc(1 * var(--baseline));
  background-color: var(--text-100);
}
.item.card.item--gallery .item__title small {
  color: var(--text-40);
  margin-bottom: calc(0.15em * var(--baseline));
}
.item.card.item--gallery .item__counter {
  --scale: var(--step--15);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--15);
  line-height: calc(1 * var(--baseline));
  text-decoration: none;
  text-align: right;
  color: var(--primary-contrast);
}
.item.card.item--gallery .item__body {
  left: 0.25em;
  bottom: 0.25em;
  padding: calc(0.333em * var(--baseline)) calc(0.4em * var(--baseline)) calc(0.167em * var(--baseline));
  background-color: var(--text-100);
  color: var(--text-10);
}
.item.card.item--gallery .item__body,
.item.card.item--gallery .item__body a {
  color: var(--background-100);
}
.item.card.item--gallery.highlight--featured .item__title {
  --scale: var(--step-1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1);
  line-height: calc(1 * var(--baseline));
}
.item.card.item--gallery.highlight--featured .item__counter {
  --scale: var(--step--5);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--5);
  line-height: calc(1 * var(--baseline));
}
.item--review .facts {
  margin-top: calc(1.5em * var(--baseline));
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
}
.item--review .item__rating {
  display: block;
  border-top: 0.24rem solid var(--text-color);
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
}
.item--review .item__rating progress {
  margin-top: calc(0.2em * var(--baseline));
  height: calc(0.6em * var(--baseline));
}
.item--review .item__copy {
  margin-bottom: calc(1.5em * var(--baseline));
}
.item--review .item__summary--game {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  margin-top: calc(0.5em * var(--baseline));
}
.item--review .item__summary--game h3 {
  color: var(--primary-color);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: bold;
  padding-top: calc(0.45em * var(--baseline));
  padding-left: calc(0.1em * var(--baseline));
  position: relative;
}
.item--review .item__summary--game h3:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  max-width: 14rem;
  border-top: 0.56rem solid var(--text-color);
}
.item--review .item__rating--numerical {
  --scale: var(--step-3x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x1);
  line-height: calc(1 * var(--baseline));
  line-height: .8;
  font-weight: bold;
  margin-right: 1rem;
}
.item--review .item__positives,
.item--review .item__negatives {
  flex: 0 1 50%;
  padding-right: 1rem;
}
.item--review .item__positives p:not(:first-child),
.item--review .item__negatives p:not(:first-child) {
  margin-top: calc(0.25em * var(--baseline));
  line-height: 1.2;
}
.item__copy [class*=float-],
#tinymce [class*=float-] {
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
  max-width: 60%;
}
.item__copy .float-left,
#tinymce .float-left,
.item__copy .image-align-left,
#tinymce .image-align-left {
  float: left;
  margin-right: calc(0.5em * var(--baseline));
  margin-left: calc(0.5em * var(--baseline));
  margin-top: calc(1em * var(--baseline));
}
.item__copy .float-right,
#tinymce .float-right,
.item__copy .image-align-right,
#tinymce .image-align-right {
  float: right;
  margin-left: calc(0.5em * var(--baseline));
  margin-right: calc(0.5em * var(--baseline));
  margin-top: calc(1em * var(--baseline));
}
.wp-caption {
  max-width: 100% !important;
}
#wpadminbar {
  margin-top: 0;
  height: 2.1328rem !important;
}
html.html {
  margin-top: 0 !important;
}
html.html body.admin-bar {
  margin-top: 2.1328rem;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.pano-wrap .pnlm-controls {
  margin-top: 4px;
  background-color: #fff;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
  padding: 0;
}
.pano-wrap .pnlm-fullscreen-toggle-button {
  height: 26px;
}
.pano-wrap .pnlm-load-button {
  margin-top: -2rem;
  border: none;
  color: var(--primary-color);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.pano-wrap .pnlm-load-button p {
  padding: 1rem;
  border-radius: 0.1em;
  background-color: rgba(255, 255, 255, 0.8);
}
.hed {
  position: relative;
  max-width: 72rem;
  padding: calc(0.75em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .hed {
    padding: calc(1em * var(--baseline)) calc(1em * var(--baseline)) calc(0em * var(--baseline));
  }
}
.hed.contrast--light .hed__meta {
  color: var(--background-100);
}
.hed.contrast--light .hed__date {
  color: var(--background-100);
}
.hed.contrast--light.hed--cover .hed__body {
  color: var(--background-100);
}
.hed.contrast--light.hed--cover .author {
  color: var(--background-100);
}
.hed__meta .hed__date {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  flex: 1 0 12em;
  text-align: right;
}
.hed__meta {
  border-top: calc(0.1em * var(--baseline)) solid currentColor;
  padding: calc(0.15em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .hed__meta {
    display: flex;
    flex: 1 1 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: baseline;
  }
  .hed__date {
    text-align: right;
    margin-left: auto;
  }
}
.hed__terms {
  min-width: 15rem;
}
.hed__terms [class*='flag'] {
  height: calc(1em * var(--baseline));
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
@media only screen and (min-width: 640px) {
  .hed__terms {
    width: auto;
    display: flex;
    flex-flow: row wrap;
  }
}
.hed__actions {
  flex: 0 0 6em;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  height: calc(1.5em * var(--baseline));
}
@media only screen and (min-width: 720px) {
  .hed__actions {
    padding-left: calc(0.5em * var(--baseline));
  }
}
.hed__body {
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(3em * var(--baseline));
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .hed__body {
    padding: 0;
  }
}
.hed__headline {
  --scale: var(--step-2x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x1);
  line-height: calc(1.75 * var(--baseline));
  margin-top: calc(0em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
  word-break: break-word;
}
.hed__kicker {
  --scale: var(--step-5x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-5x0);
  line-height: calc(1.5 * var(--baseline));
  margin-top: calc(0.25em * var(--baseline));
  margin-bottom: calc(0em * var(--baseline));
}
.hed__byline {
  margin-top: calc(1.85em * var(--baseline));
  padding-top: calc(0.15em * var(--baseline));
  max-width: 58rem;
  position: relative;
}
.hed__byline:after {
  content: '';
  position: absolute;
  left: 0;
  top: calc(-0.25em * var(--baseline));
  height: calc(0.25em * var(--baseline));
  width: 12.5rem;
  background-color: currentColor;
}
.hed__byline .author,
.hed__byline a {
  color: var(--primary-color);
  font-weight: bold;
  text-decoration: none;
}
.hed__image {
  width: 100%;
  overflow: hidden;
}
.hed__image figure {
  height: 100%;
}
.hed__image img {
  height: 100%;
  object-fit: cover;
  min-height: calc(17em * var(--baseline));
}
.hed__embed {
  height: calc(11em * var(--baseline));
  position: absolute;
  z-index: 0;
  top: calc(5em * var(--baseline));
  right: calc(1em * var(--baseline));
  bottom: calc(1em * var(--baseline));
  left: calc(1em * var(--baseline));
}
.hed__embed iframe {
  width: 100% !important;
  height: 100% !important;
}
.hed__album {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  margin-left: calc(1em * var(--baseline));
  margin-top: calc(1em * var(--baseline));
}
.hed__album .album__artist {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 900;
  color: var(--primary-color);
  --scale: var(--step-2x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x1);
  line-height: calc(1 * var(--baseline));
  line-height: 1;
  margin-bottom: calc(0.75em * var(--baseline));
}
.hed__album .album__name {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  --scale: var(--step-1x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x1);
  line-height: calc(1.25 * var(--baseline));
  margin-bottom: calc(2em * var(--baseline));
}
.hed__album .album__label {
  color: var(--primary-color);
  font-weight: bold;
  position: relative;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-bottom: calc(0.66em * var(--baseline));
}
.hed__album .album__label:after {
  content: '';
  position: absolute;
  height: .66rem;
  width: 12.5rem;
  left: 0;
  box-shadow: 0 -0.66rem 0 var(--secondary-color);
}
.hed__album .album__release {
  color: gray;
  font-weight: 300;
  --scale: var(--step-1x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x1);
  line-height: calc(1 * var(--baseline));
}
.hed--hero,
.hed--cover,
.hed--embed {
  padding: 0;
}
.hed--hero .hed__meta,
.hed--cover .hed__meta,
.hed--embed .hed__meta {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  position: absolute;
  z-index: 0;
  top: calc(1em * var(--baseline));
  right: 0;
  bottom: auto;
  left: 0;
}
.hed--hero .hed__kicker,
.hed--cover .hed__kicker,
.hed--embed .hed__kicker {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  margin-top: calc(0.25em * var(--baseline));
}
.hed--hero .hed__image,
.hed--embed .hed__image {
  height: calc(17em * var(--baseline));
}
.hed--hero .hed__headline {
  margin-top: 0;
}
.hed--hero .hed__body {
  margin-top: calc(1.75em * var(--baseline));
}
.hed--cover .hed__body {
  position: absolute;
  z-index: 0;
  top: auto;
  right: 0;
  bottom: calc(2em * var(--baseline));
  left: 0;
}
.hed--cover .hed__headline {
  --scale: var(--step-3x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x1);
  line-height: calc(1 * var(--baseline));
  line-height: 1;
}
.hed--album .flag + .genres {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  margin-left: calc(0.35em * var(--baseline));
}
.hed--album .hed__body {
  flex: 0 0 100%;
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (min-width: 640px) {
  .hed--album .hed__body {
    flex-flow: row nowrap;
  }
}
.hed--album .hed__image {
  margin: 0;
  height: calc(13em * var(--baseline));
  width: calc(13em * var(--baseline));
}
.hed--album .hed__image img {
  min-height: calc(13em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .hed--album .hed__image {
    flex-shrink: 0;
  }
}
.hed--event {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.hed--event .hed__topbar {
  width: 100%;
  margin-top: calc(-0.75em * var(--baseline));
  margin-left: calc(-0.5em * var(--baseline));
  margin-right: calc(-0.5em * var(--baseline));
  width: calc(100% + (1em * var(--baseline)));
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1.5 * var(--baseline));
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: calc(1.5em * var(--baseline));
  background-color: var(--background-20);
  padding: 0 0.5rem 0 0.5rem;
}
@media only screen and (min-width: 640px) {
  .hed--event .hed__topbar {
    margin-top: calc(-1em * var(--baseline));
    margin-left: calc(-1em * var(--baseline));
    margin-right: calc(-1em * var(--baseline));
    width: calc(100% + (2em * var(--baseline)));
  }
}
.hed--event .hed__topbar .topbar__back {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  margin-right: calc(0.2em * var(--baseline));
}
.hed--event .hed__topbar .term--eventtype {
  font-weight: 700;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(0 * var(--baseline));
  margin-right: 1rem;
}
.hed--event .hed__topbar .term--eventtype a {
  color: var(--background-100);
  text-decoration: none;
}
.hed--event .hed__topbar .genres {
  margin-left: auto;
  text-align: right;
}
.hed--event .hed__topbar .genres [class*="genre"] {
  color: var(--background-100);
  font-weight: 500;
}
.hed--event .hed__topbar .genres [class*="genre"]:before {
  content: "/ ";
  display: inline;
  color: var(--background-60);
}
.hed--event .hed__topbar .genres [class*="genre"]:hover:before {
  color: var(--primary-color);
}
.hed--event .hed__promo-bar {
  display: flex;
  justify-content: space-between;
  padding: .5em 1em;
  margin-bottom: -2em;
  color: var(--text-00);
  margin-left: calc(-0.5em * var(--baseline));
  margin-right: calc(-0.5em * var(--baseline));
  width: calc(100% + (1em * var(--baseline)));
  background-color: var(--primary-color);
}
.hed--event .hed__promo-bar ::selection {
  color: white !important;
  background-color: var(--secondary-color) !important;
}
@media only screen and (min-width: 640px) {
  .hed--event .hed__promo-bar {
    margin-left: calc(-1em * var(--baseline));
    margin-right: calc(-1em * var(--baseline));
    width: calc(100% + (2em * var(--baseline)));
  }
}
.hed--event .hed__promo-bar .image {
  height: 2rem;
  width: auto;
  margin: 0;
}
.hed--event .hed__promo-bar .image img {
  height: 100%;
  width: auto;
}
.hed--event .hed__promo-bar .image picture {
  display: initial;
}
.hed--event .hed__promo-bar a {
  color: black;
  font-weight: bold;
}
.hed--event .hed__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: calc(1em * var(--baseline));
}
.hed--event .hed__body .badge {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.hed--event .hed__body .hed__date {
  position: relative;
  order: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  text-transform: uppercase;
  margin-left: 0;
  font-size: 0.9em;
  padding-top: calc(0.25em * var(--baseline));
}
.hed--event .hed__body .hed__date .date__year {
  position: absolute;
  top: 0;
  height: calc(0.25em * var(--baseline));
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  color: var(--primary-color);
  font-weight: bold;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.hed--event .hed__body .hed__date .date__year .filler {
  background-color: var(--text-color);
  height: 0.66rem;
  flex-grow: 1;
}
.hed--event .hed__body .hed__date .date__year span {
  position: relative;
  z-index: 1;
  padding-left: 0.2rem;
  font-weight: 900;
}
.hed--event .hed__body .hed__date .date__start,
.hed--event .hed__body .hed__date .date__end,
.hed--event .hed__body .hed__date .date__replacement {
  border-bottom: 0.08rem solid var(--text-color);
  display: flex;
  align-items: flex-end;
  flex: 1 1 50%;
  padding-top: calc(0.75em * var(--baseline));
  padding-bottom: calc(0.75em * var(--baseline));
  height: calc(3.5em * var(--baseline));
  text-align: left;
}
.hed--event .hed__body .hed__date .date__start .desc,
.hed--event .hed__body .hed__date .date__end .desc,
.hed--event .hed__body .hed__date .date__replacement .desc {
  color: var(--primary-color);
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  transform: rotate(180deg);
  font-weight: 900;
  writing-mode: vertical-lr;
  padding-right: 0.2rem;
  margin-bottom: calc(0.17em * var(--baseline));
}
.hed--event .hed__body .hed__date .date__start .day,
.hed--event .hed__body .hed__date .date__end .day,
.hed--event .hed__body .hed__date .date__replacement .day {
  --scale: var(--step-1x2);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x2);
  line-height: calc(1 * var(--baseline));
  line-height: 0.8;
  font-weight: bold;
  text-align: end;
  margin-left: 0.5rem;
  width: 5.75rem;
}
.hed--event .hed__body .hed__date .date__start .weekday,
.hed--event .hed__body .hed__date .date__end .weekday,
.hed--event .hed__body .hed__date .date__replacement .weekday,
.hed--event .hed__body .hed__date .date__start .month,
.hed--event .hed__body .hed__date .date__end .month,
.hed--event .hed__body .hed__date .date__replacement .month {
  display: block;
  margin-left: 0.5rem;
  font-weight: bold;
}
.hed--event .hed__body .hed__date .date__start .weekday,
.hed--event .hed__body .hed__date .date__end .weekday,
.hed--event .hed__body .hed__date .date__replacement .weekday {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.hed--event .hed__body .hed__date .date__start .month,
.hed--event .hed__body .hed__date .date__end .month,
.hed--event .hed__body .hed__date .date__replacement .month {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  color: var(--primary-color);
}
.hed--event .hed__body .hed__date .date__replacement {
  position: relative;
}
.hed--event .hed__body .hed__date .date__replacement .year {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-53%);
  color: var(--primary-color);
  font-weight: bold;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  background-color: var(--background-color);
  padding-left: 0.3em;
}
.hed--event .hed__body .hed__date .date__replacement .title {
  writing-mode: unset;
  transform: translateY(-53%);
  position: absolute;
  top: 0;
  padding-right: 0.3em;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  background-color: var(--background-color);
  font-weight: 900;
}
.hed--event .hed__body .hed__date--canceled .date__start .day,
.hed--event .hed__body .hed__date--canceled .date__end .day,
.hed--event .hed__body .hed__date--canceled .date__start .weekday,
.hed--event .hed__body .hed__date--canceled .date__end .weekday,
.hed--event .hed__body .hed__date--canceled .date__start .month,
.hed--event .hed__body .hed__date--canceled .date__end .month {
  color: var(--background-60) !important;
  position: relative;
}
.hed--event .hed__body .hed__date--canceled .date__start .day:before,
.hed--event .hed__body .hed__date--canceled .date__end .day:before,
.hed--event .hed__body .hed__date--canceled .date__start .weekday:before,
.hed--event .hed__body .hed__date--canceled .date__end .weekday:before,
.hed--event .hed__body .hed__date--canceled .date__start .month:before,
.hed--event .hed__body .hed__date--canceled .date__end .month:before {
  position: absolute;
  top: 50%;
  margin-top: calc(-0.05em * var(--baseline));
  content: '';
  width: 100%;
  height: calc(0.1em * var(--baseline));
  background-color: var(--background-60);
}
.hed--event .hed__body .hed__date--canceled .date__start .desc,
.hed--event .hed__body .hed__date--canceled .date__end .desc {
  color: var(--background-60) !important;
}
.hed--event .hed__body .hed__date--canceled .date__start .day:before,
.hed--event .hed__body .hed__date--canceled .date__end .day:before {
  height: calc(0.15em * var(--baseline));
}
.hed--event .hed__body .hed__title {
  overflow-wrap: break-word;
}
.hed--event .hed__body .hed__title .item__title {
  margin: 0;
  padding: 0;
  --scale: var(--step-5x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-5x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1;
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  border-bottom: 0.08rem solid var(--text-color);
  min-height: calc(3.5em * var(--baseline));
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.hed--event .hed__body .hed__title .item__title small {
  padding-top: calc(0.125em * var(--baseline));
  --scale: var(--step--3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--3x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1;
  display: flex;
  align-items: center;
}
.hed--event .hed__body .hed__title .badge {
  --scale: var(--step--3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--3x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.4;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.hed--event .hed__body .hed__title--canceled .item__title:first-child {
  color: var(--background-60);
}
.hed--event .hed__body .hed__desc .desc__actions {
  background-color: transparent;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(0.5em * var(--baseline));
  min-height: calc(2em * var(--baseline));
}
.hed--event .hed__body .hed__desc .desc__actions > * {
  margin-bottom: calc(0.5em * var(--baseline));
}
.hed--event .hed__body .hed__desc .desc__actions .socials {
  display: inline-block;
  padding: 0;
}
.hed--event .hed__body .hed__desc .desc__actions .socials [class*="button"] {
  height: calc(1em * var(--baseline));
  width: calc(1em * var(--baseline));
  padding: 0;
}
.hed--event .hed__body .hed__desc .desc__discount {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-top: 0.08rem solid var(--text-color);
  padding-top: calc(0.5em * var(--baseline));
}
.hed--event .hed__body .hed__desc .desc__discount .discount__desc {
  flex: 1 1 100%;
  margin-right: 1em;
}
.hed--event .hed__body .hed__desc .desc__discount .discount__link {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.hed--event .hed__body address {
  padding-top: calc(0.5em * var(--baseline));
  font-weight: normal;
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
.hed--event .hed__body address:before {
  display: none;
}
.hed--event .hed__body address .address__title {
  color: var(--primary-color);
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1 * var(--baseline));
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 900;
}
.hed--event .hed__body address[class*="--moved"] {
  display: flex;
  align-items: center;
}
.hed--event .hed__body address[class*="--moved"] .badge {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.4;
}
.hed--event .hed__body address[class*="--moved"] .address__title {
  display: inline-block;
  color: var(--background-60) !important;
  position: relative;
}
.hed--event .hed__body address[class*="--moved"] .address__title:before {
  position: absolute;
  top: 50%;
  margin-top: calc(-0.05em * var(--baseline));
  content: '';
  width: 100%;
  height: calc(0.1em * var(--baseline));
  background-color: var(--background-60);
}
.hed--event .hed__body .hed__meta {
  flex: 0 1 auto;
  display: block;
  margin: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 0.24rem solid var(--text-color);
}
.hed--event .hed__body .hed__meta:after {
  display: none;
}
.hed--event .hed__body .hed__meta > * {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
  padding-top: calc(0.25em * var(--baseline));
  padding-bottom: calc(0.25em * var(--baseline));
  padding-left: 1rem;
  padding-right: 1rem;
}
.hed--event .hed__body .hed__meta > *:not(:last-child) {
  border-bottom: 0.08rem solid var(--text-color);
}
.hed--event .hed__body .hed__meta .meta__time {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.hed--event .hed__body .hed__meta .meta__time [class*="time"] {
  display: flex;
}
.hed--event .hed__body .hed__meta .meta__time [class*="time"] b {
  min-width: 5rem;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.hed--event .hed__body .hed__meta .meta__offers:before {
  display: none;
}
.hed--event .hed__body .hed__meta .meta__offers .offer {
  color: var(--text-color);
  display: flex;
}
.hed--event .hed__body .hed__meta .meta__offers .offer strong {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  min-width: 10rem;
}
.hed--event .hed__body .hed__meta .meta__status--sold {
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1 * var(--baseline));
  padding-top: calc(1em * var(--baseline));
  padding-bottom: calc(1em * var(--baseline));
  font-weight: 900;
  color: var(--primary-color);
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width: 300px) {
  .hed--event .hed__body .hed__date {
    order: 0;
  }
  .hed--event .hed__body .hed__title {
    order: 1;
  }
  .hed--event .hed__body .hed__meta {
    order: 2;
  }
  .hed--event .hed__body .hed__desc {
    order: 3;
    align-self: flex-start;
  }
  .hed--event .hed__body .hed__actions {
    order: 4;
  }
  .hed--event .hed__body .hed__annotations {
    order: 5;
  }
}
@media only screen and (min-width: 720px) {
  .hed--event .hed__body {
    flex-flow: row wrap;
    flex-direction: row;
    --col-spacing: 2.5rem;
    --left-col-width: 20rem;
    --right-col-width: calc(100% - var(--left-col-width) - var(--col-spacing));
  }
  .hed--event .hed__body .left-col,
  .hed--event .hed__body .hed__date,
  .hed--event .hed__body .hed__meta {
    width: var(--left-col-width);
    flex-grow: 0;
    min-width: 18rem;
  }
  .hed--event .hed__body .right-col,
  .hed--event .hed__body .hed__title,
  .hed--event .hed__body .hed__desc {
    margin-left: var(--col-spacing);
    width: var(--right-col-width);
    flex-grow: 1;
  }
  .hed--event .hed__body .hed__date {
    width: var(--left-col-width);
    flex-grow: 0;
    min-width: 18rem;
    flex-flow: column nowrap;
    order: 0;
  }
  .hed--event .hed__body .hed__date .date__start .day,
  .hed--event .hed__body .hed__date .date__end .day,
  .hed--event .hed__body .hed__date .date__replacement .day {
    --scale: var(--step-4x1);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline-4x1);
    line-height: calc(1 * var(--baseline));
    line-height: 0.9;
  }
  .hed--event .hed__body .hed__title {
    margin-left: var(--col-spacing);
    width: var(--right-col-width);
    flex-grow: 1;
    order: 1;
    align-self: flex-end;
  }
  .hed--event .hed__body .hed__title .item__title {
    min-height: calc(3.5em * var(--baseline));
  }
  .hed--event .hed__body .hed__title address {
    min-height: calc(3.5em * var(--baseline));
    padding-bottom: calc(0.5em * var(--baseline));
  }
  .hed--event .hed__body .hed__meta {
    width: var(--left-col-width);
    flex-grow: 0;
    min-width: 18rem;
    order: 2;
    align-self: stretch;
    border-bottom: 0;
  }
  .hed--event .hed__body .hed__desc {
    margin-left: var(--col-spacing);
    width: var(--right-col-width);
    flex-grow: 1;
    order: 3;
    align-self: flex-start;
  }
  .hed--event .hed__body .hed__actions {
    order: 4;
  }
  .hed--event .hed__body .hed__annotations {
    order: 5;
  }
}
@media only screen and (min-width: 960px) {
  .hed--event .hed__body {
    --col-spacing: 2.5rem;
    --left-col-width: 20rem;
  }
  .hed--event .hed__body .hed__date .date__start .day,
  .hed--event .hed__body .hed__date .date__end .day,
  .hed--event .hed__body .hed__date .date__replacement .day {
    line-height: 0.74;
  }
}
.hed--event .hed__image {
  width: auto;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.hed--event .hed__image img {
  object-fit: initial;
  min-height: auto;
}
.hed--event .hed__image.image--portrait {
  margin-top: 1em;
  max-width: calc( 33em / var(--scale) / 1.667);
  margin-left: auto;
  margin-right: auto;
}
.hed--event .hed__lineup {
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  border-top: 0.32rem solid var(--text-color);
  padding-top: calc(0.75em * var(--baseline));
  padding-bottom: calc(0.75em * var(--baseline));
  border-bottom: 0.08rem solid var(--text-color);
}
.hed--event .hed__lineup .lineup__content {
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
}
.hed--event .hed__lineup .lineup__content .brick a {
  text-decoration: none;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  color: var(--text-color);
  font-weight: 700;
}
.hed--event .hed__replacement {
  position: static;
  display: block;
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.hed--event .hed__replacement h2 {
  color: var(--primary-color);
}
.hed--event .hed__promo {
  border-top: 0.08rem solid var(--text-color);
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  justify-content: space-between;
  align-items: center;
}
.hed--event .hed__promo > *:not(:first-child) {
  margin-top: .4em;
}
@media only screen and (min-width: 960px) {
  .hed--event .hed__promo {
    display: flex;
  }
  .hed--event .hed__promo > *:not(:first-child) {
    margin-left: 0.5rem;
  }
}
.hed--event .hed__promo .promo__blockTitle {
  color: var(--primary-100);
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1 * var(--baseline));
  font-weight: 800;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.hed--event .hed__promo .promo__text {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.3;
  font-weight: bold;
}
.hed--event .hed__promo .promo__disclaimer {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.3;
}
.hed--event .hed__promo .promo__link {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
.embed.hed--event {
  padding: calc(0em * var(--baseline));
}
.embed.hed--event .hed__topbar {
  display: none;
}
.embed.hed--event .hed__image {
  display: none;
}
.embed.hed--event .hed__body {
  background-color: var(--background-color);
  margin: 0;
  padding: calc(1em * var(--baseline));
}
.embed.hed--event .hed__image {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: none;
}
.embed.hed--event .hed__lineup {
  display: none;
}
.hed--gallery {
  padding: 0;
}
.hed--gallery .hed__meta {
  top: calc(1em * var(--baseline));
  margin-left: calc(1em * var(--baseline));
  margin-right: calc(1em * var(--baseline));
}
.hed--gallery .hed__meta:after {
  display: none;
}
.hed--gallery .hed__byline {
  margin-top: calc(1em * var(--baseline));
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
}
.hed--gallery .hed__byline:after {
  display: none;
}
.seeker {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 100%;
}
.seeker.view__main {
  padding-top: 0;
}
.seeker .view__main {
  flex: 1 0 60rem;
}
@media only screen and (min-width: 960px) {
  .seeker .view__main {
    max-width: 90rem;
  }
}
.seeker .seeker__body {
  flex: 1;
  position: relative;
}
.seeker .seeker__loader {
  position: absolute;
  top: 33vh;
  left: 0;
  right: 0;
  pointer-events: none;
}
.seeker .seeker__more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(1em * var(--baseline));
}
@media only screen and (min-width: 300px) {
  .seeker .seeker__more button {
    width: 100%;
  }
}
@media only screen and (min-width: 640px) {
  .seeker .seeker__more button {
    width: 24rem;
  }
}
.seeker.loading--replace .seeker__more {
  display: none;
}
.seeker.loading--replace .seeker__results {
  opacity: 0;
  margin-top: calc(1.5em * var(--baseline));
}
.seeker.loading--append .seeker__loader {
  display: none;
}
.seeker.loading--append .seeker__more button {
  display: none;
}
.seeker .seeker__control {
  flex: 0 0 33%;
  margin: 0;
  padding: calc(0.1em * var(--baseline)) calc(0em * var(--baseline));
  font-size: 1.25em;
  text-decoration: none;
  background-color: var(--background-100);
  color: var(--text-50);
  transition: background-color 200ms ease-out, color 200ms ease-out;
  min-width: 1.5em;
}
.seeker .seeker__control label {
  cursor: pointer;
}
.seeker .seeker__control:hover {
  background-color: var(--primary-color);
  color: var(--primary-contrast);
}
.seeker .seeker__control i {
  display: none;
}
.seeker #expandToolbar:checked ~ .seeker__toolbar .toolbar__expansion {
  top: calc(1.5em * var(--baseline));
}
.seeker #expandToolbar:checked ~ .seeker__toolbar .toolbar__panel {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.seeker #expandToolbar:checked ~ .sticky--affixed ~ .seeker__results {
  top: calc(6.5em * var(--baseline));
}
.seeker.seeker--event .sticky--affixed ~ .seeker__results {
  top: calc(1.5em * var(--baseline));
}
@media only screen and (min-width: 720px) {
  .seeker.seeker--event .sticky--affixed ~ .seeker__results {
    top: calc(3.5em * var(--baseline));
  }
}
.seeker #showDatepicker:checked ~ .seeker__toolbar .datepicker__panel {
  transform: translate3d(-50%, 0, 0) scale3D(1, 1, 1);
}
@media only screen and (min-width: 960px) {
  .seeker #showDatepicker:checked ~ .seeker__toolbar .datepicker__panel {
    transform: scale3D(1, 1, 1);
  }
}
.seeker .sticky--affixed ~ .datepicker__panel {
  position: fixed;
}
@media only screen and (min-width: 960px) {
  .seeker .sticky--affixed ~ .datepicker__panel {
    top: 0;
    margin-top: calc(3.33em * var(--baseline));
  }
}
.seeker .datepicker__panel {
  padding: calc(1em * var(--baseline));
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  left: 50%;
  top: calc(5em * var(--baseline));
  transform: translate3d(-50%, -50%, 0) scale3D(0, 0, 0);
  width: calc(15em * var(--baseline));
  max-width: 95vw;
}
@media only screen and (min-width: 960px) {
  .seeker .datepicker__panel {
    top: calc(3.5em * var(--baseline));
    left: auto;
    position: absolute;
    margin-right: calc(1em * var(--baseline));
  }
  .seeker .datepicker__panel .modal__close {
    display: none;
  }
}
.seeker.seeker--event .timeline {
  width: 100%;
}
.seeker.seeker--event .timeline .seeker__control--next-block,
.seeker.seeker--event .timeline .seeker__control--prev-block,
.seeker.seeker--event .timeline .seeker__control--curr-item {
  display: none;
}
@media only screen and (min-width: 720px) {
  .seeker.seeker--event .timeline .seeker__control--next-block,
  .seeker.seeker--event .timeline .seeker__control--prev-block,
  .seeker.seeker--event .timeline .seeker__control--curr-item {
    display: flex;
  }
}
.seeker.seeker--event .timeline .block {
  min-width: 26.65em;
}
.seeker.seeker--event .timeline .item {
  min-width: 3.71em;
}
.seeker.seeker--foto {
  padding-bottom: calc(1.5em * var(--baseline));
}
.seeker.seeker--foto .highlight--featured {
  grid-row: span 2;
}
.seeker.seeker--foto .timeline {
  width: 100%;
}
.seeker.seeker--foto .timeline__tray {
  order: 1;
}
.seeker.seeker--foto .timeline .seeker__control--prev-item {
  order: 2;
}
.seeker.seeker--foto .timeline .seeker__control--curr-item {
  order: 3;
}
.seeker.seeker--foto .timeline .seeker__control--next-item {
  order: 4;
}
.seeker.seeker--foto .timeline .block {
  min-width: 28.68em;
}
.seeker.seeker--foto .timeline .block.is-four-weeks {
  min-width: 23.08em;
}
.seeker.seeker--foto .timeline .item {
  min-width: 5.6em;
}
@media only screen and (min-width: 720px) {
  .seeker.seeker--foto .timeline__tray {
    order: initial;
  }
  .seeker.seeker--foto .timeline .seeker__control--prev-item {
    order: initial;
  }
  .seeker.seeker--foto .timeline .seeker__control--curr-item {
    order: initial;
  }
  .seeker.seeker--foto .timeline .seeker__control--next-item {
    order: initial;
  }
}
.seeker__toolbar {
  z-index: 349;
  position: relative;
}
.seeker__toolbar .toolbar__body {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  min-height: calc(2em * var(--baseline));
  margin-top: calc(0.5em * var(--baseline));
  padding: calc(0.5em * var(--baseline));
  background-color: var(--background-100);
}
@media only screen and (min-width: 720px) {
  .seeker__toolbar .toolbar__body {
    flex-flow: row nowrap;
  }
}
.seeker__toolbar.sticky--affixed .sticky__body {
  box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 720px) {
  .seeker__toolbar.sticky--affixed .sticky__body {
    box-shadow: none;
  }
}
.seeker__toolbar.sticky--affixed .toolbar__body {
  margin-top: 0;
}
@media only screen and (min-width: 720px) {
  .seeker__toolbar.sticky--affixed .toolbar__body {
    box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.2);
  }
}
.seeker__toolbar .toolbar__controls {
  display: flex;
  left: 0;
  right: 0;
  height: calc(1.5em * var(--baseline));
}
.seeker__toolbar .toolbar__controls .seeker__control {
  flex: 1;
}
.seeker__toolbar .toolbar__expansion {
  display: flex;
  width: 100%;
}
.seeker__toolbar .toolbar__panel {
  display: none;
  opacity: 0;
  transform: translateY(-1rem);
  background-color: transparent;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
  transition-property: opacity, transform;
}
.seeker__toolbar .toolbar__panel .seeker__control--prev-item,
.seeker__toolbar .toolbar__panel .seeker__control--next-item {
  display: none;
}
@media only screen and (min-width: 720px) {
  .seeker__toolbar .toolbar__panel .seeker__control--prev-item,
  .seeker__toolbar .toolbar__panel .seeker__control--next-item {
    display: flex;
  }
  .seeker__toolbar .toolbar__panel .seeker__control--prev-block,
  .seeker__toolbar .toolbar__panel .seeker__control--next-block {
    display: none;
  }
}
.seeker__toolbar .toolbar__next,
.seeker__toolbar .toolbar__prev {
  flex-shrink: 0;
}
.seeker__toolbar [class*="button:solid"][class*=":solid"] {
  background-color: var(--text-70);
  color: var(--background-100);
}
.seeker__toolbar .filterbox {
  margin-bottom: .5em;
}
@media only screen and (min-width: 720px) {
  .seeker__toolbar .filterbox {
    margin-bottom: 0;
  }
}
.seeker__toolbar .filterbox {
  order: 0;
}
.seeker__toolbar .toolbar__prev {
  order: 1;
}
.seeker__toolbar .toolbar__type-filter {
  order: 2;
}
.seeker__toolbar .toolbar__datepicker {
  order: 2;
}
.seeker__toolbar .toolbar__datepicker label {
  margin: 0;
}
.seeker__toolbar .toolbar__next {
  order: 3;
}
@media only screen and (min-width: 300px) {
  .seeker__toolbar .toolbar__prev,
  .seeker__toolbar .toolbar__next {
    flex-grow: 1;
    max-width: 8rem;
  }
  .seeker__toolbar .toolbar__prev {
    margin-right: 1px;
  }
  .seeker__toolbar .toolbar__next {
    margin-left: 1px;
  }
  .seeker__toolbar .toolbar__today,
  .seeker__toolbar .toolbar__type-filter {
    margin-right: 1px;
  }
}
@media only screen and (min-width: 720px) {
  .seeker__toolbar .toolbar__body {
    height: auto;
  }
  .seeker__toolbar .toolbar__panel {
    display: flex;
    width: 100%;
    opacity: 1;
    transform: none;
  }
  .seeker__toolbar .toolbar__extension {
    position: static;
  }
  .seeker__toolbar .toolbar__controls {
    display: none;
  }
  .seeker__toolbar .filterbox,
  .seeker__toolbar .toolbar__prev,
  .seeker__toolbar .toolbar__today,
  .seeker__toolbar .toolbar__type-filter,
  .seeker__toolbar .toolbar__datepicker,
  .seeker__toolbar .toolbar__next {
    order: 0;
  }
  .seeker__toolbar > *:not(:first-child) {
    margin-left: 0.5em;
  }
  .seeker__toolbar .toolbar__datepicker {
    margin-left: 1rem;
  }
  .seeker__toolbar .toolbar__today,
  .seeker__toolbar .toolbar__type-filter {
    margin-right: 1rem;
  }
}
.seeker__results {
  flex: 1;
  position: relative;
  margin-top: calc(0.5em * var(--baseline));
  opacity: 1;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
  transition-property: opacity, margin-top;
  will-change: opacity, margin-top;
}
.seeker__results--grid .item--event {
  margin-top: calc(0.15em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .seeker__results--grid .item--event {
    max-width: 30rem;
    margin-top: 0;
  }
}
@media only screen and (min-width: 960px) {
  .seeker__results--grid .item--event {
    max-width: 22.5rem;
  }
}
.seeker__results--list {
  background-color: var(--background-100);
  padding: calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .seeker__results--list {
    padding: calc(1em * var(--baseline));
  }
}
.seeker__results--list .seeker__result--header + .seeker__result--item {
  border-top: 0.4rem solid var(--text-color);
}
.seeker__results--list .result__meta {
  text-align: right;
}
.seeker__results--list .item--event {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 0.08rem solid var(--text-color);
  padding: calc(0.25em * var(--baseline)) calc(0.5em * var(--baseline));
}
.seeker__results--list .item--event .item__illustration {
  height: calc(4em * var(--baseline));
  width: calc(4em * var(--baseline));
  flex-shrink: 0;
  overflow: hidden;
}
.seeker__results--list .item--event .ribbon {
  position: absolute;
  bottom: 0;
  left: -26px;
}
.seeker__results--list .item--event .format__body {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 100%;
  overflow: hidden;
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  padding-left: calc(1em * var(--baseline));
}
.seeker__results--list .item--event .format__body .body__title,
.seeker__results--list .item--event .format__body .body__meta1,
.seeker__results--list .item--event .format__body .body__meta2 {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.seeker__results--list .item--event .format__body .body__title {
  padding-bottom: calc(0.5em * var(--baseline));
}
.seeker__results--list .item--event .format__body .body__meta1 {
  border-top: 0.08rem solid var(--text-30);
  padding-top: calc(0.5em * var(--baseline));
  display: flex;
  flex-flow: row wrap;
}
.seeker__results--list .item--event .format__body .body__meta1 .badge {
  padding-left: calc(0.2em * var(--baseline));
  padding-right: calc(0.2em * var(--baseline));
  font-weight: 600;
}
.seeker__results--list .item--event .format__body .body__meta1 .item__location--moved {
  text-decoration: line-through;
  color: var(--background-40);
}
.seeker__results--list .item--event .format__body .body__meta2 {
  display: flex;
  flex-flow: row wrap;
}
.seeker__results--list .item--event .format__body .item__eventtype {
  font-weight: bold;
}
.seeker__results--list .item--event .format__body .item__eventtype,
.seeker__results--list .item--event .format__body .term {
  color: var(--text-50);
  text-decoration: none;
}
.seeker__results--list .item--event .format__body .term {
  font-weight: 300;
}
.seeker__results--list .item--event .format__body .term + .term:before {
  content: '/';
}
.seeker__results--list .item--event .format__body .item__title {
  color: var(--primary-color);
  margin-bottom: 0;
  line-height: 1.1;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.seeker__results--list .item--event .format__body .item__title small {
  line-height: 1.1;
  color: var(--text-color);
}
.seeker__results--list .item--event .format__body .location__title {
  color: var(--text-color);
  text-decoration: none;
}
.seeker__results--list .item--event .format__body .location__address:before {
  display: inline-block;
  content: ' ';
}
.seeker__results--list .item--event .format__body .item__time:before {
  display: inline-block;
  content: ' ';
}
.seeker__results--list .item--event .format__body .item__time .time__doors,
.seeker__results--list .item--event .format__body .item__time .time__begins {
  position: relative;
  padding-left: 1.4rem;
}
.seeker__results--list .item--event .format__body .item__time .time__doors:before,
.seeker__results--list .item--event .format__body .item__time .time__begins:before {
  position: absolute;
  content: '';
  height: 0.1rem;
  width: 1rem;
  background-color: currentColor;
  left: 0;
  top: 50%;
}
.seeker__results--list .item--event .format__body .item__offers .is-free {
  display: block;
  text-transform: uppercase;
  color: var(--primary-color);
  line-height: 1.2;
}
.seeker__results--list .item--event .format__body .item__offers br {
  display: none;
}
.seeker__results--list .item--event .format__body .offer__desc:not(:first-child) {
  margin-left: 1.5rem;
}
.seeker__results--list .item--event .format__body .item__lottery {
  font-weight: bold;
  display: block;
  width: 100%;
}
.seeker__results--list .item--event .format__body .item__promotion {
  margin: 1rem 0;
  font-weight: bold;
}
.seeker__results--list .item--event .format__body .item__promotion .image,
.seeker__results--list .item--event .format__body .item__promotion svg {
  width: 100%;
  max-height: 4rem;
  min-height: 2rem;
}
@media only screen and (min-width: 720px) {
  .seeker__results--list .item--event .format__body {
    flex-flow: row nowrap;
    padding-left: 0;
  }
  .seeker__results--list .item--event .format__body .body__title,
  .seeker__results--list .item--event .format__body .body__meta1,
  .seeker__results--list .item--event .format__body .body__meta2 {
    flex-grow: 0;
    flex-shrink: 0;
    border-top: 0;
    padding-left: calc(0.75em * var(--baseline));
    display: block;
  }
  .seeker__results--list .item--event .format__body .body__title {
    flex: 0 0 50%;
  }
  .seeker__results--list .item--event .format__body .body__meta1 {
    flex-basis: 25%;
    padding-top: 0;
    border-left: 0.08rem solid var(--text-30);
  }
  .seeker__results--list .item--event .format__body .body__meta2 {
    flex-basis: 25%;
    border-left: 0.08rem solid var(--text-30);
  }
  .seeker__results--list .item--event .format__body .body__meta2 .item__promotion {
    margin-top: 0;
  }
  .seeker__results--list .item--event .format__body .item__offers br {
    display: block;
  }
  .seeker__results--list .item--event .format__body .item__offers .offer__desc {
    margin-left: 0;
  }
}
.seeker__results--list .item--event.is-canceled .item__title {
  color: var(--background-60);
}
.seeker__results--list .item--event.is-rescheduled .item__title {
  color: var(--background-60);
}
.seeker__results--list .badge {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.4;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.seeker__result--header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: calc(0.5em * var(--baseline));
}
.seeker__result--header:not(:first-child) {
  margin-top: calc(2.5em * var(--baseline));
}
.seeker__result--header .result__date {
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  text-align: left;
}
.seeker__result--header .result__date .day {
  --scale: var(--step-5x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-5x1);
  line-height: calc(1 * var(--baseline));
  font-weight: bold;
  text-align: end;
  line-height: 0.9;
  margin-left: 0.5rem;
}
@media only screen and (min-width: 640px) {
  .seeker__result--header .result__date .day {
    --scale: var(--step-2x2);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline-2x2);
    line-height: calc(1 * var(--baseline));
    line-height: 0.9;
  }
}
@media only screen and (min-width: 960px) {
  .seeker__result--header .result__date .day {
    --scale: var(--step-4x1);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline-4x1);
    line-height: calc(1 * var(--baseline));
    line-height: 0.74;
  }
}
.seeker__result--header .result__date .weekday,
.seeker__result--header .result__date .month {
  display: block;
  margin-left: 0.5rem;
  font-weight: bold;
}
.seeker__result--header .result__date .weekday {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.seeker__result--header .result__date .month {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  color: var(--primary-color);
}
.accordion {
  border-radius: 0.25em;
}
.accordion__item {
  margin-bottom: .5em;
}
.accordion__item:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.accordion__item + .accordion__item {
  border-bottom: none;
}
.accordion .collapsible__panel {
  background-color: transparent;
}
.accordion .collapsible__content {
  background-color: transparent;
  padding: calc(0.5em * var(--baseline)) calc(0em * var(--baseline));
}
.accordion .collapsible__handle {
  white-space: normal;
  padding: 0.5em 0.5em;
  border-bottom: none;
  background-color: #f8f8f8;
}
.accordion .collapsible__handle:before {
  position: absolute;
  right: 0;
  margin-right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.accordion [type=checkbox]:checked ~ .collapsible__panel {
  border: 1px solid #f2f2f2;
  border-top: 0;
  padding: 0.5em 0.5em;
}
.accordion [type=checkbox]:checked ~ .collapsible__handle {
  background-color: var(--primary-color);
  color: var(--primary-contrast);
  padding: 0.5em 0.5em;
}
.accordion [type=checkbox]:checked ~ .collapsible__handle:before {
  color: var(--primary-contrast);
}
.form--newsletter {
  background-color: transparent;
  padding: calc(1em * var(--baseline));
}
.form--newsletter .newsletter__text {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.form--newsletter .form__body {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: end;
}
.form--newsletter .form__field--submit {
  display: block;
}
.form--newsletter .form__field,
.form--newsletter .form__field label {
  display: flex;
  align-items: center;
  gap: .3em;
}
.form--newsletter label {
  cursor: pointer;
}
.form--newsletter input[type="checkbox"] {
  cursor: pointer;
  flex-shrink: 0;
  appearance: none;
  font: inherit;
  width: 1.25em;
  height: 1.25em;
  display: grid;
  place-content: center;
  border: 0.15em solid var(--primary-color);
  background-color: var(--background-color);
  color: var(--background-color);
}
.form--newsletter input[type="checkbox"]:checked {
  background: var(--primary-color);
}
.form--newsletter input[type="checkbox"]::before {
  content: "";
  width: 0.75em;
  height: 0.7em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--background-color);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.form--newsletter input[type="checkbox"]:checked::before {
  transform: rotate(10deg) scale(1);
}
.form--newsletter .field--text {
  flex: 1 1 100%;
  margin-top: calc(1em * var(--baseline));
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.form--newsletter .field--text input {
  height: 4rem;
  border-width: 0.0625em;
  font-weight: 300;
  padding: calc(0em * var(--baseline)) calc(1em * var(--baseline));
  text-align: center;
}
.form--newsletter .form__field--submit {
  flex-grow: 1;
}
.form--newsletter .form__field--submit input {
  flex-grow: 1;
  height: 4rem;
  background-color: var(--primary-color);
  border-color: var(--background-color);
  border-width: 0.0625em;
  text-transform: uppercase;
  margin: 0;
}
.form--newsletter input[name="definitely_not_a_spam_filter"] {
  background-color: transparent;
}
.form--newsletter .form__message {
  display: block;
  font-weight: bold;
  margin-top: .5em;
  text-align: center;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.form--newsletter.form--error .form__message {
  color: var(--primary-color);
}
@media only screen and (min-width: 720px) {
  .form--newsletter .form__field.field--text,
  .form--newsletter .form__field.form__field--submit {
    margin-top: 2em;
  }
  .form--newsletter .field--text {
    flex: 1 1 100%;
  }
  .form--newsletter .field--text input {
    flex: 1 1 100%;
    margin: 0;
    text-align: left;
  }
  .form--newsletter .form__field--submit {
    flex: 0 1 40%;
    margin-left: .5em;
  }
}
.page-template-template-newsletter .hed__image {
  height: calc(12em * var(--baseline));
}
.page-template-template-newsletter .hed__image picture {
  height: 100%;
}
.page-template-template-newsletter .hed__image img {
  min-height: auto;
}
.page-template-template-newsletter .item__copy .header__socials {
  margin-left: 0;
  padding-left: 0;
  margin-top: .5em;
}
.page-template-template-newsletter .item__copy .header__socials::before {
  display: none;
}
.page-template-template-newsletter .item__copy [class*="socials"] a[class*=":solid"] {
  width: calc(1.25em * var(--baseline));
  height: calc(1.25em * var(--baseline));
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  margin-right: .5em;
  background: none !important;
  color: var(--primary-color) !important;
}
.page-template-template-newsletter .item__copy [class*="socials"] a[class*=":solid"]:hover::before {
  color: var(--secondary-100) !important;
}
.events-grid--wide .slider__links {
  display: flex;
}
.form__field + .form__field {
  margin-top: calc(0.5em * var(--baseline));
}
.form__field--checkbox + .form__field--checkbox {
  margin-top: 0;
}
.form__field--submit {
  display: flex;
  justify-content: center;
}
.form__footer {
  padding: calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.25em * var(--baseline)) calc(0.4em * var(--baseline));
  margin-top: calc(0.5em * var(--baseline));
  background: var(--text-10);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form--error .form__message {
  color: red;
}
.field--error input {
  border-color: red;
}
.field__problems li {
  color: red;
}
.field--captcha {
  position: relative;
}
.field--captcha .action--refresh,
.field--captcha .action--read {
  position: absolute;
  top: 0;
  line-height: calc(1.75 * var(--baseline));
}
.field--captcha .action--refresh .icon::before,
.field--captcha .action--read .icon::before {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-right: 0;
}
.field--captcha .action--refresh {
  right: 0;
  outline: none;
}
.field--captcha .action--read {
  right: calc(1.66em * var(--baseline));
}
.field--captcha.captcha--reading .action--read .icon::before {
  content: "\E90C";
}
.field--checkbox label {
  display: flex;
}
.viewport__header {
  position: relative;
  z-index: 350;
  border-bottom: 0.75em solid var(--primary-100);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  padding: calc(1em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 720px) {
  .viewport__header {
    padding: calc(1em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0.5em * var(--baseline));
  }
}
.viewport__header .header__sidemenu .menu-item a {
  font-weight: bolder;
  color: var(--text-40);
  --scale: var(--step--4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--4x0);
  line-height: calc(1 * var(--baseline));
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
}
.viewport__header .header__sidemenu .menu-item a:hover {
  color: var(--text-100);
}
.viewport__header .header__title {
  display: inline;
  flex-grow: 1;
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  margin: 0.5em 0;
  padding-right: calc(1.75em * var(--baseline));
}
@media only screen and (min-width: 640px) {
  .viewport__header .header__title {
    margin-bottom: 0;
    margin-top: .15em;
    padding: 0;
  }
}
.viewport__header .site__nav {
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 960px) {
  .viewport__header .site__nav {
    flex-flow: row nowrap;
  }
}
.viewport__header .header__search {
  border-top: .25em solid transparent;
  padding-bottom: calc(1em * var(--baseline));
}
@media only screen and (min-width: 960px) {
  .viewport__header .header__search {
    padding: 0;
  }
}
.viewport__header .header__club {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 1.5em;
}
.viewport__header .header__clubLink {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  color: currentColor;
}
.viewport__header .header__clubLink:hover .icon,
.viewport__header .header__clubLink:focus .icon {
  color: var(--primary-100);
}
.viewport__header .header__club .icon {
  cursor: pointer;
  transition: color 160ms ease-out;
}
.viewport__header .header__club--mobile {
  margin-right: 3em;
}
.viewport__header .header__title ~ .header__club--mobile {
  display: none;
}
.viewport__header .header__toolbar {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.viewport__header .header__account {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.viewport__header .header__sidemenu {
  align-self: flex-end;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
@media only screen and (min-width: 960px) {
  .viewport__header .header__toolbar {
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
  }
  .viewport__header .header__sidemenu {
    align-self: unset;
  }
}
@media only screen and (min-width: 640px) {
  .viewport__header {
    flex: 0 1 100%;
  }
  .viewport__header + [class*="container"] {
    margin-top: 1em;
  }
  .viewport__header + [class*="container:full"] {
    margin-top: 0;
  }
}
@keyframes gradient-fade {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media only screen and (max-width: 959px) {
  .viewport__header label[class~="icon-menu"] {
    position: fixed;
    z-index: 550;
    top: calc(0.5em * var(--baseline));
    right: -0.15rem;
    bottom: auto;
    left: auto;
    color: var(--background-100);
    background: var(--primary-100);
  }
  .viewport__header label[class~="icon-menu"]:before {
    font-size: var(--ms-2);
  }
  .site__nav {
    padding: calc(1.5em * var(--baseline)) calc(0.75em * var(--baseline)) calc(1.5em * var(--baseline));
    background: var(--background-100);
  }
}
@media only screen and (min-width: 960px) {
  .viewport__header {
    padding-top: calc(3em * var(--baseline));
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-left: calc(1.25em * var(--baseline));
    padding-bottom: calc(1.25em * var(--baseline));
    border-bottom: 0;
  }
  .viewport__header:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: calc(0.5em * var(--baseline));
    background: linear-gradient(90deg, var(--primary-100), var(--secondary-100));
    background-size: 400% 400%;
    animation: gradient-fade 20s ease infinite;
  }
  .site__nav {
    padding-right: 1.5em;
  }
  .header__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(1.5em * var(--baseline));
    --scale: var(--step--2x0);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline--2x0);
    line-height: calc(1 * var(--baseline));
    background-color: var(--background-20);
  }
  .header__toolbar > [class*="container"] {
    height: calc(1.5em * var(--baseline));
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
  }
  .header__toolbar .header__sidemenu .menu-item a {
    padding: 0;
    --scale: var(--step--2x0);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline--2x0);
    line-height: calc(1 * var(--baseline));
  }
  .header__toolbar [class*="button"] {
    --scale: var(--step--1x0);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline--1x0);
    line-height: calc(1 * var(--baseline));
    background-color: var(--text-30);
  }
  .header__sidemenu,
  .header__socials {
    font-size: var(--ms--05);
    display: flex;
    align-items: center;
  }
  .header__sidemenu > *,
  .header__socials > * {
    margin-right: 1em;
  }
  .header__account {
    order: 3;
  }
  .header__account > *,
  .header__account > [class*="button"] {
    margin-right: 1em;
  }
  .header__sidemenu {
    order: 2;
  }
  .header__socials {
    order: 1;
    margin-right: auto;
    margin-left: 1em;
    color: var(--text-40);
  }
  .header__socials:before {
    content: "Follow";
    font-size: var(--ms--1);
    text-transform: uppercase;
    margin-right: 1em;
  }
  .header__socials a {
    width: calc(1.5rem * var(--baseline-ms-0));
    height: calc(1.5rem * var(--baseline-ms-0));
  }
  .header__socials a:before {
    font-size: calc(1.25rem * var(--scale-factor-0));
  }
  .header__socials a:hover:before {
    color: var(--background-90);
  }
}
.site__logo {
  max-width: 40%;
  min-width: 10em;
  display: flex;
  margin-right: 1rem;
}
.site__logo svg {
  max-width: 100%;
}
@media only screen and (min-width: 640px) {
  .site__logo {
    width: 100%;
    max-width: 15rem;
  }
}
.site__logo path {
  fill: var(--primary-color);
}
.header__menu {
  padding-bottom: calc(1em * var(--baseline));
}
.header__menu .menu-item a {
  color: inherit !important;
}
.header__menu > .menu-item {
  padding: calc(0.25em * var(--baseline)) calc(0.5em * var(--baseline));
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 900;
  color: var(--text-90);
  border-top: 0.25em solid transparent;
  transition: border 240ms ease-out;
}
.header__menu > .menu-item:hover,
.header__menu > .menu-item:focus,
.header__menu > .menu-item:focus-within {
  color: var(--primary-100);
  border-color: currentColor;
}
.header__menu > .menu-item:hover .menu-item,
.header__menu > .menu-item:focus .menu-item,
.header__menu > .menu-item:focus-within .menu-item {
  color: var(--text-90);
}
.header__menu > .current-menu-item {
  color: var(--primary-100);
  border-color: currentColor;
}
.header__menu > .current-menu-item .menu-item {
  color: var(--text-90);
}
.header__menu a {
  text-decoration: none;
  white-space: nowrap;
}
.header__menu .sub-menu {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  padding: calc(0.5em * var(--baseline)) calc(0.75em * var(--baseline));
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background-color: var(--background-100);
  min-width: 100%;
}
.header__menu .sub-menu .menu-item {
  padding: calc(0.15em * var(--baseline)) calc(0em * var(--baseline)) calc(0.15em * var(--baseline)) calc(0em * var(--baseline));
  border: none;
  color: var(--text-90);
  font-weight: 600;
}
.header__menu .sub-menu > .menu-item:hover,
.header__menu .sub-menu > .menu-item:focus,
.header__menu .sub-menu > .menu-item:focus-within {
  color: var(--primary-100);
  border-color: currentColor;
}
@media only screen and (min-width: 960px) {
  .header__menu {
    display: flex;
    padding-bottom: 0;
  }
  .header__menu .sub-menu {
    position: absolute;
    z-index: 1;
    top: calc(1.5em * var(--baseline));
    right: auto;
    bottom: auto;
    left: 0;
    visibility: hidden;
    box-shadow: 0.25rem 0.5rem 1rem rgba(0, 0, 0, 0.2);
  }
  .header__menu .menu-item {
    position: relative;
  }
  .header__menu .menu-item:hover .sub-menu {
    visibility: visible;
  }
}
.search {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 3rem;
}
.search__input[type=text] {
  border: none;
  height: calc(1.5em * var(--baseline));
  margin-top: 0;
}
.search__panel {
  transition: width 240ms ease-out, opacity 200ms linear;
  overflow: hidden;
  margin: 0 0.5rem;
  opacity: 1;
  width: 100%;
}
.search__icon {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  cursor: pointer;
  transition: color 160ms ease-out;
}
.search\:open .search__panel {
  opacity: 1;
  width: 100%;
}
body.search .view__main {
  padding-bottom: calc(3em * var(--baseline));
}
body.search .search-form {
  margin-top: 0;
  padding: 2px;
  background-color: var(--background-80);
  display: flex;
  flex-flow: row wrap;
  border-radius: 3px;
}
body.search .search-form .search-field,
body.search .search-form select,
body.search .search-form input {
  margin: 0;
  border-radius: 3px;
  border: 0;
}
body.search .search-form .search-field {
  color: #ef375f;
  flex-basis: 100%;
  font-weight: normal;
  margin-bottom: 5px;
}
@media only screen and (min-width: 640px) {
  body.search .search-form .search-field {
    width: auto;
    flex: 40% 1 0;
    margin-bottom: 0;
  }
}
body.search .search-form label {
  flex: 40px 0 1;
  color: var(--background-40);
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.search .search-form select[name="post_type"] {
  flex: 110px 1 1;
  background-color: #fff;
  margin-right: 1px;
}
body.search .search-form .search-submit {
  flex: 80px 1 1;
  text-transform: uppercase;
}
body.search .more-link {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  font-weight: bold;
  display: block;
  margin-top: calc(1em * var(--baseline));
}
@media only screen and (min-width: 960px) {
  .search__panel {
    opacity: 0;
    width: 0;
  }
  .search__icon:hover {
    color: var(--primary-100);
  }
  .search\:open .search__panel {
    opacity: 1;
    width: 16rem;
  }
  .search\:open .search__icon {
    color: var(--primary-100);
  }
}
.notification {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 500;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--background-color);
  opacity: 0;
  transform: translateY(100%);
  transition: transform 120ms ease-out, opacity 120ms ease-out;
}
.notification\:visible {
  opacity: 1;
  transform: translateY(0%);
}
.notification__inner {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  max-width: 86rem;
  padding: 1rem;
}
.notification__message {
  margin-bottom: 1rem;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.notification__actions {
  flex: 1;
}
.notification__actions .button {
  display: flex;
  flex: 1;
}
@media only screen and (min-width: 720px) {
  .notification__inner {
    justify-content: space-between;
    flex-flow: row nowrap;
  }
  .notification__message {
    margin-bottom: 0;
  }
}
.as-oil {
  max-height: 100vh;
}
.as-oil hr {
  display: none;
}
.as-oil .as-oil-content-overlay {
  box-shadow: 0 1.25rem 4rem rgba(0, 0, 0, 0.2);
  background-color: var(--background-color);
  opacity: 1;
}
.as-oil .as-oil-l-wrapper-layout-max-width {
  height: 100%;
}
.as-oil .as-oil__heading {
  display: none;
}
.as-oil .as-oil__intro-txt {
  color: var(--text-color);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.as-oil .as-oil-l-row {
  margin: 0;
}
.as-oil .as-oil-l-buttons {
  border: none;
  padding-left: 0;
  padding-right: 0;
  height: auto;
}
.as-oil .as-oil-l-buttons:active {
  transform: none;
}
.as-oil .as-oil__btn-optin {
  color: var(--text-color);
  border: 0.16em solid currentColor;
  transition: color 240ms ease-in, transform 130ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
}
.as-oil .as-oil__btn-optin:hover {
  color: var(--text-color);
  background-color: transparent;
}
.as-oil .as-oil__btn-optin:active {
  transform: translate3d(0, 3px, 0);
}
.as-oil .as-oil__btn-cpc.as-js-advanced-settings {
  height: auto;
  line-height: 1rem;
  min-width: auto;
  color: var(--text-color);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-decoration: underline;
  font-weight: bold;
  border-bottom: none;
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.as-oil .as-oil-tabs-cpc__wrapper {
  color: var(--text-color);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.as-oil .as-oil-tabs-cpc__wrapper .as-js-tab-label {
  height: 3rem;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  line-height: 2.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color);
}
.as-oil .as-oil-tabs-cpc__switch input:checked ~ .as-oil-cpc__slider {
  background-color: var(--primary-color);
}
.as-oil .as-oil-back-button {
  top: -10px;
  right: -10px;
  padding-right: 6px;
}
.as-oil .as-oil-back-button__text {
  border: none;
}
.as-oil .as-oil-back-button__text:active {
  transform: none;
}
.as-oil .as-oil-back-button__icon {
  padding: 0;
  border: none;
}
.as-oil #as-oil-cpc.as-oil-content-overlay {
  height: 100vh;
}
.as-oil .as-oil-tabs-cpc__headline {
  margin-bottom: 1rem;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.as-oil .as-oil-tabs-cpc__purpose-labels.as-oil-margin-top {
  margin-top: 0;
}
.as-oil .as-oil-cpc__middle {
  overflow-x: auto;
  height: 100%;
  max-height: calc(100vh - 10rem);
  flex: 1 0 100%;
  align-self: stretch;
}
.as-oil .as-oil-center.as-oil-margin-top {
  display: none;
}
.as-oil .as-oil-tabs-cpc__wrapper .as-oil-tabs-cpc__purpose-label-active {
  background-color: var(--primary-color);
}
@media only screen and (min-width: 960px) {
  .as-oil .as-oil-back-button__icon {
    display: none;
  }
  .as-oil .as-oil__intro-txt {
    --scale: var(--step-1x0);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline-1x0);
    line-height: calc(1 * var(--baseline));
  }
  .as-oil .as-oil-cpc__middle {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .as-oil #as-oil-cpc.as-oil-content-overlay {
    height: auto;
  }
}
.sidebar {
  width: 100%;
}
.sidebar hr {
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
}
.sidebar .item + .item {
  margin-top: calc(0.5em * var(--baseline));
}
.sidebar .sidebar__disclaimer {
  background-color: var(--background-20);
  color: var(--background-100);
  min-height: calc(1.5em * var(--baseline));
  padding: .5rem 1rem .5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar .sidebar__disclaimer .image {
  margin-left: 1.25rem;
  margin-bottom: 0;
  height: 1.5em;
}
.sidebar .sidebar__disclaimer .image img {
  height: 100%;
  width: auto;
}
.sidebar .sidebar__disclaimer .image picture {
  display: initial;
}
.sidebar .sidebar__title {
  line-height: 1.2;
}
.sidebar .sidebar__title small {
  --scale: var(--step--4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--4x0);
  line-height: calc(1 * var(--baseline));
  line-height: 1.2;
}
.sidebar .sidebar__title a {
  text-decoration: underline;
}
.sidebar .sidebar__promotion {
  margin-bottom: calc(0.5em * var(--baseline));
  background-color: var(--primary-color);
  padding-bottom: 1rem;
  color: var(--text-00);
}
.sidebar .sidebar__promotion ::selection {
  color: white !important;
  background-color: var(--secondary-color) !important;
}
.sidebar .sidebar__promotion > * {
  padding: 0 1.5rem 0 1.5rem;
}
.sidebar .sidebar__promotion .sidebar__title {
  --scale: var(--step-1x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x1);
  line-height: calc(1.4 * var(--baseline));
  margin-top: 1em;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: flex;
  justify-content: space-between;
}
.sidebar .sidebar__promotion .sidebar__title .image {
  margin-left: 1.25rem;
  max-width: 8rem;
}
.sidebar .sidebar__promotion .sidebar__subtitle {
  margin-bottom: 1.5em;
  line-height: 1.25;
}
.sidebar .sidebar__promotion .brick.item--event .item__date {
  justify-content: center;
  padding: calc(0.5em * var(--baseline)) calc(0em * var(--baseline));
}
.sidebar .sidebar__promotion .brick.item--event .date__month {
  color: var(--text-100);
}
.sidebar .sidebar__promotion .brick.item--event .date__day {
  color: var(--primary-100);
}
.sidebar .sidebar__promotion .brick.item--event .item__desc {
  background-color: var(--background-20);
}
.sidebar .sidebar__promotion .brick.item--event .item__desc .item__locality {
  color: #fefefe;
}
.sidebar .sidebar__promotion .brick.item--event .item__desc strong {
  font-weight: normal;
}
.sidebar .sidebar__promotion .brick.item--event .item__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  flex-grow: 1;
  min-height: 1.3em;
}
.sidebar .sidebar__promotion .brick.item--event .item__promotionContent,
.sidebar .sidebar__promotion .brick.item--event .item__locality {
  font-size: .8em;
  line-height: 1.4;
}
.sidebar .sidebar__promotion .brick.item--event .item__promotionContent {
  color: #fefefe;
  font-weight: bold;
}
.sidebar .sidebar__promotion .brick.item--event-promotion .item__desc {
  background-color: #fefefe;
  color: black;
}
.sidebar .sidebar__promotion .cta {
  margin-top: calc(0.5em * var(--baseline));
  display: flex;
  justify-content: center;
}
.sidebar .sidebar__promotion .cta a {
  font-weight: normal;
  color: #fefefe;
  border: 1px solid #fefefe;
  text-decoration: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sidebar .sidebar__promotion .cta a.cta--button {
  margin: 1rem 0rem;
}
.sidebar .sidebar__promotion .cta a.cta--image {
  border: none;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  box-shadow: none;
  max-width: 90%;
  max-height: 7rem;
  margin: auto;
  padding-bottom: 0;
}
.sidebar__body > h2 {
  color: var(--primary-color);
  margin-top: calc(0.5em * var(--baseline));
}
@media only screen and (min-width: 1200px) {
  .sidebar__body hr:first-of-type {
    display: none;
  }
}
.sidebar__spacer {
  position: relative;
  text-align: center;
  margin-top: calc(1em * var(--baseline));
  margin-bottom: calc(0.75em * var(--baseline));
}
.sidebar__spacer span {
  position: relative;
  z-index: 1;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--background-color);
  padding: 0 0.75rem;
}
.sidebar__spacer:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: calc(0.075em * var(--baseline));
  background-color: var(--text-20);
  border: 0;
  width: 100%;
}
.sitebar {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .sitebar {
    display: block;
    flex: 0 1 24rem;
    margin-left: calc(0.5em * var(--baseline));
    margin-right: calc(0.5em * var(--baseline));
    max-width: 300px;
  }
  .sitebar .sitebar__body {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: calc(0.5em * var(--baseline));
  }
  .sitebar.sticky {
    min-width: 300px;
    max-width: 300px;
  }
  .sitebar.sticky .sitebar__body {
    max-width: 300px;
  }
}
.filterbox {
  flex: 0 1 100%;
}
.filterbox .filterbox__title {
  --scale: var(--step-1.5);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1.5);
  line-height: calc(1.35 * var(--baseline));
  display: flex;
  margin-right: 0.5em;
  border-top: 0.15em solid currentColor;
}
@media only screen and (min-width: 960px) {
  .filterbox .filterbox__title {
    border-bottom: 0.15em solid currentColor;
    border-top: 0;
  }
}
.filterbox .filterbox__filter {
  flex: 1 1 18em;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  background-color: var(--text-100);
  background-color: var(--background-100);
  border: 0.125em solid var(--text-40);
  border-radius: 0.1em;
}
.filterbox .filterbox__filter .filter__selections {
  display: flex;
  max-width: 38em;
  flex-wrap: wrap;
  align-items: center;
  padding: calc(0.2em * var(--baseline)) calc(0.2em * var(--baseline));
}
.filterbox .filterbox__filter .filter__selections .filter__selection {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 0.1em;
  background-color: var(--primary-100);
  color: var(--primary-contrast);
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  margin-right: calc(0.15em * var(--baseline));
  padding: calc(0.1em * var(--baseline)) calc(0.25em * var(--baseline));
  cursor: pointer;
}
.filterbox .filterbox__filter .filter__selections .filter__selection::before {
  padding-left: calc(0.125em * var(--baseline));
  padding-right: calc(0.125em * var(--baseline));
}
.filterbox .filterbox__filter .filter__selections .filter__selection::after {
  font-family: 'volume-icons';
  content: "\E888";
  padding-left: calc(0.25em * var(--baseline));
  padding-right: calc(0.125em * var(--baseline));
}
.filterbox .filterbox__filter .filter__selections .filter__selection:hover::after {
  content: "\E91A";
}
.filterbox .filterbox__filter .filter__selections .filter__input {
  width: auto;
  flex: 1 0 25rem;
  border: none;
  height: calc(1.25em * var(--baseline));
  margin-top: 0;
  padding: calc(0em * var(--baseline)) calc(0.2em * var(--baseline));
  background-color: var(--background-100);
  color: var(--text-100);
}
.filterbox .filterbox__filter .filter__selections .filter__input::-webkit-input-placeholder {
  color: var(--text-60);
}
.filterbox .filterbox__suggestions {
  position: absolute;
  z-index: 420;
  right: -0.125em;
  left: -0.125em;
}
.filterbox .filterbox__suggestions .suggestions__wrapper {
  position: relative;
  background-color: var(--background-100);
  border: 0.125em solid var(--text-60);
  border-radius: 0.1em;
  border-top: 0;
}
.filterbox .filterbox__suggestions .suggestions__wrapper li {
  color: initial;
  padding: calc(0.2em * var(--baseline)) calc(0.5em * var(--baseline));
  color: var(--text-60);
  transition: color 160ms ease-in;
  cursor: pointer;
}
.filterbox .filterbox__suggestions .suggestions__wrapper li.is-focus {
  color: var(--primary-color) !important;
}
.filterbox .filterbox__suggestions .suggestions__wrapper li:hover {
  color: var(--primary-color);
}
.filterbox .filterbox__suggestions .suggestions__wrapper li::before {
  padding-right: calc(0.25em * var(--baseline));
}
.filterbox .is-hidden {
  display: none;
}
.timeline {
  background: var(--background-100);
  border-top: calc(0.25em * var(--baseline)) solid var(--primary-100);
  color: var(--text-90);
  position: relative;
  z-index: 300;
  touch-action: none;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .timeline {
    border-bottom: calc(0.075em * var(--baseline)) solid var(--background-80);
    padding-bottom: calc(0.725em * var(--baseline));
  }
}
.timeline__tray {
  flex: 0 1 100%;
  width: auto;
  padding: 0;
}
.timeline a {
  color: var(--text-80);
  text-decoration: none;
}
.timeline .block {
  padding: 0 0.25em;
  border-left: 0.167em solid var(--text-80);
}
.timeline .block__label {
  color: var(--text-80);
  padding: 0.25em 0.5em;
  transition: color 200ms ease-out;
  align-self: flex-start;
  cursor: pointer;
}
.timeline .block__label:hover {
  color: var(--primary-color);
}
.timeline .item {
  padding: calc(0.8em * var(--baseline)) calc(0.3em * var(--baseline)) calc(0.2em * var(--baseline));
  cursor: pointer;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.timeline .item:not(:first-child) {
  border-left: 0.067em solid var(--primary-100);
}
.timeline .item:hover {
  background-color: var(--background-100);
}
.timeline .item strong {
  color: var(--text-100);
  display: block;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
}
.timeline .item i {
  font-style: normal;
  color: var(--text-90);
}
.timeline .item span {
  color: var(--text-80);
  display: block;
  font-size: 0.9em;
  line-height: 1.2;
  text-decoration: none;
}
.timeline .current {
  cursor: default !important;
}
.timeline .current.item {
  margin-top: calc(-0.15em * var(--baseline));
  padding-top: calc(0.95em * var(--baseline));
  background-color: var(--primary-color);
}
.timeline .current.item span {
  color: var(--primary-150);
}
.timeline .current.item strong {
  color: var(--primary-contrast);
}
.timeline .current.item i {
  color: var(--primary-140);
}
.timeline .current .block__label {
  background-color: inherit;
  color: var(--primary-color);
  text-decoration: underline;
}
@media only screen and (min-width: 640px) {
  .timeline .seeker__control {
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 720px) {
  .timeline {
    flex-wrap: nowrap;
  }
  .timeline .seeker__control {
    flex-basis: auto;
  }
  .timeline .seeker__control--next-block,
  .timeline .seeker__control--prev-block,
  .timeline .seeker__control--curr-item {
    display: flex;
  }
}
.card .adslot {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sas_23362.visible {
  padding: 1.5rem 0 0.5rem 0;
}
.adslot small {
  position: absolute;
  bottom: calc(0em * var(--baseline));
  left: calc(0em * var(--baseline));
  padding-left: 1rem;
}
.adslot--header {
  box-sizing: unset;
  display: flex;
  position: relative;
  margin-left: calc(0.25em * var(--baseline));
  margin-right: calc(0.25em * var(--baseline));
}
@media only screen and (max-width: 720px) {
  .adslot--header {
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 720px) {
  .adslot--header {
    min-height: 90px;
    min-width: 728px;
    max-width: 100%;
    background-color: transparent;
    justify-content: flex-end;
    padding-top: 0;
  }
  .adslot--header small {
    position: absolute;
    bottom: calc(0em * var(--baseline));
    right: calc(0em * var(--baseline));
    left: auto;
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 960px) {
}
.adslot--header + .seeker__result--header {
  margin-top: calc(0.5em * var(--baseline));
}
.seeker__results .adslot--header {
  margin: 0;
}
.single .adslot--header {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 960px) {
  .single .adslot--header {
    margin-left: 1rem;
  }
}
.adslot--skyscraper {
  min-height: 600px;
  display: inline-block;
}
.adslot--skyscraper small {
  margin-left: 0;
}
.adslot--sidebar,
.adslot--in_content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.adslot--sidebar {
  margin-bottom: calc(0.5em * var(--baseline));
}
.ad-format--pixel {
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.adslot.adslot--in_content {
  margin-top: 0;
}
.adslot.adslot--in_content > div:not(:empty) {
  margin-top: calc(1em * var(--baseline)) !important;
}
@media only screen and (min-width: 960px) {
  .view__main div[data-component="ad"] > div {
    display: block;
  }
}
.ad-format--video {
  width: 100%;
}
.ad-format--mobile.visible {
  width: 100%;
}
body > .adform-adbox-fixed {
  z-index: 599 !important;
  left: auto!important;
  right: 0!important;
  top: calc(6em * var(--baseline))!important;
  display: none!important;
}
body.silo-events:not(.single) > .adform-adbox-fixed,
body.silo-fotos:not(.single) > .adform-adbox-fixed {
  top: calc(11em * var(--baseline))!important;
}
.item--gallery .adslot.visible {
  margin-top: calc(2em * var(--baseline));
}
.slide--ad {
  position: relative;
}
.slide--ad :after {
  display: block;
  content: 'Werbung';
  color: #fff;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  transform: translateY(100%) translateX(-50%);
  left: 50%;
  text-transform: uppercase;
  font-size: 1rem;
}
@media only screen and (min-width: 1200px) {
  body > .adform-adbox-fixed {
    display: block!important;
  }
}
@media only screen and (min-width: 720px) {
  .layout--silo .ad-format--superbanner {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 960px) {
  .layout--silo .ad-format--superbanner {
    justify-content: flex-end;
  }
  .layout--silo .ad-format--superbanner > div {
    margin-left: auto;
  }
}
.genres {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.genres [class*='genre'] {
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  color: var(--secondary-color);
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  margin-left: calc(0.2em * var(--baseline));
}
.genres [class*='genre']:hover {
  color: var(--primary-color);
}
.genres [class*='genre']:before {
  content: "/ ";
  color: var(--primary-color);
  transition: color 240ms ease-out;
  display: inline;
}
.topics {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 58rem;
}
.topics:before {
  content: '';
  background-color: currentColor;
  display: block;
  height: 0.083rem;
}
.topics__label {
  white-space: nowrap;
  margin-right: 1rem;
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1 * var(--baseline));
  flex: 1 1 100%;
}
.topics__body {
  display: flex;
  flex-flow: row wrap;
  padding: calc(0.75em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0.75em * var(--baseline)) calc(0.75em * var(--baseline));
}
.topics__items {
  line-height: 2.25em;
}
.lottery--single {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 58rem;
}
.lottery--single:before {
  content: '';
  background-color: currentColor;
  display: block;
  height: calc(0.25em * var(--baseline));
}
.lottery--single:after {
  content: '';
  background-color: var(--text-muted);
  position: absolute;
  z-index: 0;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.083rem;
}
.lottery__body {
  padding: calc(0.75em * var(--baseline)) calc(0.5em * var(--baseline)) calc(0.75em * var(--baseline)) calc(0.75em * var(--baseline));
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
@media only screen and (min-width: 720px) {
  .lottery__body {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
.lottery__head {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 100%;
  justify-content: center;
}
.lottery__head h2 {
  margin-top: 0;
}
.lottery__head .flag {
  display: none;
  font-size: .9em;
}
@media only screen and (min-width: 720px) {
  .lottery__head {
    justify-content: space-between;
  }
  .lottery__head .flag {
    display: inline-flex;
  }
}
.lottery__title {
  display: flex;
}
.lottery__icon {
  flex-shrink: 0;
  font-size: 3rem;
  color: var(--primary-color);
  position: relative;
  top: -0.33rem;
  margin-right: .5rem;
}
.lottery__icon:before {
  margin: 0;
}
.lottery__desc {
  text-align: center;
}
@media only screen and (min-width: 720px) {
  .lottery__desc {
    text-align: initial;
  }
}
.lottery__desc h2 {
  --scale: var(--step-4x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-4x0);
  line-height: calc(1 * var(--baseline));
  margin-bottom: 0;
}
.lottery__desc p {
  --scale: var(--step-0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-0x0);
  line-height: calc(1 * var(--baseline));
}
@media only screen and (min-width: 720px) {
  .lottery__desc p {
    margin-top: calc(0.5em * var(--baseline));
  }
}
.lottery__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .75em;
}
@media only screen and (min-width: 720px) {
  .lottery__actions {
    flex-direction: column;
    align-items: flex-end;
    flex: 1 1 40%;
    margin-top: 0;
  }
}
.lottery__actions .button.action {
  background-color: var(--background-10);
  color: var(--primary-200);
  margin-bottom: calc(0.25em * var(--baseline));
}
.lottery__actions .button.action--primary {
  background-color: var(--primary-color);
}
.lottery__actions .action.link,
.lottery__actions a.action {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
}
.lottery--single .form {
  display: flex;
  flex-flow: column nowrap;
}
.lottery--single .form__message {
  text-align: center;
}
@media only screen and (min-width: 720px) {
  .lottery--single .form__field {
    justify-content: flex-end;
    text-align: end;
  }
  .lottery--single .form__field.field--checkbox label {
    display: block;
  }
  .lottery--single .form__message {
    text-align: end;
  }
  .lottery--single .form {
    justify-content: flex-end;
  }
}
.lottery--participating .lottery__desc h2 {
  color: var(--primary-color);
}
.lottery--raffled .lottery__icon,
.lottery--notified .lottery__icon {
  color: var(--text-muted);
}
.lottery--raffled .lottery__desc h2,
.lottery--notified .lottery__desc h2 {
  color: var(--text-muted);
  display: inline;
  white-space: nowrap;
  position: relative;
}
.lottery--raffled .lottery__desc h2:before,
.lottery--notified .lottery__desc h2:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: calc(-0.05em * var(--baseline));
  height: calc(0.1em * var(--baseline));
  background-color: var(--text-muted);
}
.link {
  color: #ef375f;
  color: var(--primary-color);
  text-decoration: underline;
  transition: color 240ms ease-out, color 160ms ease-out;
  cursor: pointer;
}
.link:hover {
  color: #ff4c5e;
  color: var(--primary-hover);
}
.feed__loader {
  margin: 0 auto;
}
.item__afl {
  max-width: calc( 33em / var(--scale));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(1em * var(--baseline));
  border-top: 0.56rem solid var(--text-color);
}
.item__afl .afl {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-top: calc(0.75em * var(--baseline));
  padding-bottom: calc(0.75em * var(--baseline));
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.25em * var(--baseline));
  border-bottom: 0.08rem solid var(--text-30);
}
.item__afl .afl:last-child {
  border-bottom: 0.08rem solid var(--text-color);
}
.item__afl .afl__title {
  color: var(--text-color);
  font-weight: 400;
  padding-right: calc(2em * var(--baseline));
}
.item__afl .afl__link {
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
  padding-left: calc(1em * var(--baseline));
  padding-right: calc(1em * var(--baseline));
  font-weight: bold;
}
.image--expandable {
  cursor: pointer;
}
.image--expandable picture {
  transition: opacity 0.5s;
}
.image--expandable .image__loader {
  display: none;
  justify-content: center;
  align-items: center;
}
.image--expandable .image__loader .loader--indef {
  width: 4rem;
  height: 4rem;
  margin: 0;
}
.image--expandable .image__loader .loader--indef:after {
  content: "";
}
.image--expandable .image__loader .loader--indef:before {
  border-width: 0.5rem;
  width: 4rem;
  height: 4rem;
}
.image--expandable.is-loading {
  position: relative;
  cursor: auto;
}
.image--expandable.is-loading picture {
  opacity: 0.5;
}
.image--expandable.is-loading .image__loader {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fotoviewer {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.fotoviewer.is-hidden {
  display: none;
}
.fotoviewer .pswp {
  bottom: 0;
  height: auto;
}
.fotoviewer .pswp__bg {
  background-color: transparent;
}
.fotoviewer .pswp__button--fs {
  display: block !important;
}
.fotoviewer .pswp__top-bar > .pswp__button--share {
  display: none;
}
.fotoviewer .pswp__button--share[class*="fotoviewer__action"] {
  width: auto;
  padding: 0;
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  padding-left: 4px;
  padding-right: 4px;
}
.fotoviewer .pswp__button--share[class*="fotoviewer__action"]:before {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.fotoviewer .pswp__caption,
.fotoviewer .pswp__top-bar {
  background-color: #fff;
}
.fotoviewer .pswp--zoom-allowed .pswp__img {
  cursor: auto;
}
.fotoviewer .pswp__button--arrow--left,
.fotoviewer .pswp__button--arrow--right {
  margin-top: -42px;
}
.fotoviewer .pswp__button--arrow--left::after,
.fotoviewer .pswp__button--arrow--right::after {
  top: 26px;
  color: white;
  font-size: 48px;
  font-family: 'volume-icons';
}
.fotoviewer .pswp__button--arrow--left::before,
.fotoviewer .pswp__button--arrow--right::before {
  display: none;
}
.fotoviewer .pswp__button--arrow--right::after {
  content: "\E908";
}
.fotoviewer .pswp__button--arrow--left::after {
  content: "\E907";
}
.fotoviewer .pswp__button--zoom {
  display: none !important;
}
.fotoviewer .pswp__caption {
  display: flex;
  align-items: center;
  font-family: Montserrat;
  min-height: 32px;
}
.fotoviewer .pswp__caption .pswp__caption__center {
  color: #000;
  padding: 0;
}
.fotoviewer .pswp__caption a {
  color: #ed2450;
  font-size: 1.33rem;
  text-decoration: none;
}
.fotoviewer .pswp__counter {
  color: #000;
  font-family: Montserrat;
  font-weight: bold;
  margin-top: 0;
  position: static;
  float: left;
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  line-height: 46px;
}
.fotoviewer .pswp__top-bar .pswp__button {
  transition: color 240ms ease-in, transform 130ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
}
.fotoviewer .pswp__share-modal {
  background-color: transparent;
}
.fotoviewer .pswp__share-tooltip {
  top: 52px;
  right: 38px;
}
.fotoviewer .pswp__share--whatsapp:hover {
  background-color: #4dc247;
  color: white;
}
.fotoviewer .pswp__preloader {
  display: none;
}
.fotoviewer__title {
  float: left;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 66%;
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  line-height: 46px;
}
.fotoviewer__actions {
  float: right;
  display: flex;
}
.fotoviewer__action[class*="fotoviewer__action"] {
  --scale: var(--step-2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-2x0);
  line-height: calc(1 * var(--baseline));
  height: 44px;
  width: 44px;
  line-height: 46px;
  margin: 0;
  background-color: transparent !important;
}
.fotoviewer__ad--right {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  height: 100%;
  right: 1em;
  top: 1em;
  width: 300px;
}
.fotoviewer__ad--right .adslot > div {
  max-width: 300px;
}
@media only screen and (max-height: 360px) {
  .fotoviewer__slider .pswp {
    top: 0px;
  }
}
@media only screen and (min-width: 720px) {
  .fotoviewer__slider .pswp {
    top: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .fotoviewer .pswp__button--share[class*="fotoviewer__action"] {
    --scale: var(--step--1x0);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline--1x0);
    line-height: calc(1 * var(--baseline));
  }
  .fotoviewer__action {
    --scale: var(--step-2x0);
    font-size: calc(1em * var(--scale));
    --baseline: var(--baseline-2x0);
    line-height: calc(1 * var(--baseline));
  }
  .fotoviewer__ad--right {
    display: flex;
  }
  .fotoviewer__slider .pswp {
    width: calc(100% - 300px - 2em);
  }
}
body.logged-in.admin-bar .pswp {
  top: 2.1328rem;
}
.spotlight .spotlight__head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  margin-top: calc(0.5em * var(--baseline));
  margin-bottom: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.66em * var(--baseline));
}
.spotlight .spotlight__head .title__primary {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --scale: var(--step-3x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-3x0);
  line-height: calc(1 * var(--baseline));
}
.spotlight .spotlight__head .title__secondary {
  color: gray;
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
}
.spotlight .spotlight__head .spotlight__image {
  border-radius: 4rem;
  overflow: hidden;
  width: 7rem;
  height: 7rem;
  min-width: 7rem;
  margin-left: calc(0.5em * var(--baseline));
}
.spotlight .spotlight__head .spotlight__image picture,
.spotlight .spotlight__head .spotlight__image img {
  height: 100%;
}
.spotlight .spotlight__head:after {
  content: '';
  position: absolute;
  height: .66rem;
  width: 12.5rem;
  left: 0;
  bottom: 0;
  box-shadow: 0 -0.66rem 0 currentColor;
}
.slider {
  display: flex;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
  overscroll-behavior: contain;
}
.slider [class*="__tray"] {
  overflow-x: hidden;
  display: flex;
  width: 100%;
}
.slider [class*="__wrapper"] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  flex-grow: 1;
  flex-shrink: 0;
}
.slider [class*="format(tile)"] {
  justify-content: flex-end;
  flex: 0 0 18rem;
}
.slider [class*="format(tile)"]:not(:first-child) {
  margin-left: 0.1em;
}
.sticky {
  position: relative;
}
.sticky .sticky__body {
  backface-visibility: hidden;
  will-change: position, transform;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}
.sticky--affixed {
  z-index: 349;
}
[class~="dropdown"],
[class*="dropdown:"] {
  position: relative;
  padding: 0;
  margin: 0;
  height: auto;
}
.dropdown {
  display: inline-block;
}
.dropdown--bordered .dropdown__handle {
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
  border: 0.087em solid var(--background-muted);
}
.dropdown__handle {
  height: calc(1.75em * var(--baseline));
  cursor: pointer;
  white-space: nowrap;
}
.dropdown__handle:after {
  font-family: 'volume-icons' !important;
  speak: none;
  margin-left: 0.15em;
  content: "\E910";
}
.dropdown__panel {
  padding: calc(0.25em * var(--baseline)) calc(0.333em * var(--baseline));
  background: var(--background-color);
  position: absolute;
  z-index: 500;
  top: 102%;
  left: 0;
  border: 1px solid var(--background-faded);
  box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.2);
  transform-origin: top left;
  transform: scale3D(0, 0, 0);
  transition: transform 90ms cubic-bezier(0.2, 0.6, 0.3, 1);
}
.dropdown--top .dropdown__panel,
.dropdown__panel--top {
  top: auto;
  left: 0;
  bottom: 100%;
  transform-origin: bottom left;
}
.dropdown--right .dropdown__panel,
.dropdown__panel--right {
  left: auto;
  right: 0;
  transform-origin: top right;
}
.dropdown > input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}
[type=checkbox]:checked ~ .dropdown__handle {
  color: var(--text-muted);
}
[type=checkbox]:checked ~ .dropdown__handle:after {
  content: "\E913";
  color: var(--text-muted);
}
.dropdown--bordered [type=checkbox]:checked ~ .dropdown__handle {
  background-color: var(--background-faded);
}
[class~="collapsible"],
[class*="collapsible:"] {
  position: relative;
}
.collapsible {
  display: block;
}
.collapsible__handle {
  border-bottom: 0.087em solid var(--background-muted);
  padding-bottom: 0.213em;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.collapsible__handle:before {
  font-family: 'volume-icons' !important;
  speak: none;
  margin-right: 0.15em;
  content: "\E908";
}
.collapsible__panel {
  background: var(--background-faded);
  max-height: 0;
  overflow: hidden;
  transition: "max-height" 90ms cubic-bezier(0.2, 0.6, 0.3, 1);
}
.collapsible__content {
  padding: calc(0.5em * var(--baseline)) calc(1em * var(--baseline));
}
.collapsible > input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}
[type=checkbox]:checked ~ .collapsible__panel {
  max-height: 100%;
}
[type=checkbox]:checked ~ .collapsible__handle {
  color: var(--text-faded);
}
[type=checkbox]:checked ~ .collapsible__handle:before {
  content: "\E906";
  color: var(--text-muted);
}
.tabs > input[type=radio] {
  height: 0;
  width: 0;
  position: absolute;
  display: none;
}
.tabs .tab__handles label {
  cursor: pointer;
  color: var(--text-50);
  display: inline-block;
  margin: 0;
  height: calc(1.5em * var(--baseline));
  padding: calc(0em * var(--baseline)) calc(0.75em * var(--baseline));
  border-bottom: 0.25em solid currentColor;
  border-bottom-width: calc(0.15em * var(--baseline));
  margin-bottom: calc(0.35em * var(--baseline));
}
.tabs .tab__handles label:not(:last-child) {
  margin-right: calc(0.15em * var(--baseline));
}
.tabs .tab__handles label:hover {
  color: var(--secondary-100);
}
.tabs .tab__handles label:focus,
.tabs .tab__handles label:active,
.tabs .tab__handles .is-current {
  color: var(--primary-100);
}
.tabs .tab__panel {
  display: none;
}
.tabs > input[type=radio]:checked + .tab__panel {
  display: block;
}
.tabs[class*="tabs:bordered"] .tab__panel {
  border: 0.087em solid var(--background-muted);
}
.pika-single .pika-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.pika-single .pika-label {
  flex: 1 0;
  flex-basis: calc(6em * var(--baseline));
}
.pika-single .pika-label + .pika-label {
  margin-left: calc(0.5em * var(--baseline));
}
.pika-single .pika-select {
  height: calc(1.5em * var(--baseline));
}
.pika-single .pika-prev,
.pika-single .pika-next {
  --scale: var(--step--2x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--2x0);
  line-height: calc(1 * var(--baseline));
  padding: calc(0.1em * var(--baseline)) calc(0.25em * var(--baseline));
  height: calc(1.5em * var(--baseline));
  margin-top: calc(0.33em * var(--baseline));
}
@media only screen and (min-width: 960px) {
  .pika-single .pika-prev,
  .pika-single .pika-next {
    padding: calc(0.1em * var(--baseline)) calc(0.5em * var(--baseline));
  }
}
.pika-single table button {
  --scale: var(--step--1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--1x0);
  line-height: calc(1 * var(--baseline));
  width: calc(1.5em * var(--baseline));
  height: calc(1.5em * var(--baseline));
}
[class*="socials"] a[href] {
  text-decoration: none !important;
  font-weight: 600;
  transition: transform 180ms ease-out;
  will-change: transform;
}
[class*="socials"] a[href]:before {
  text-decoration: none !important;
  font-size: var(--ms-05);
}
[class*="socials"] a[href*="facebook.com"] {
  color: #3b5998 !important;
}
[class*="socials"] a[href*="facebook.com"]:before {
  content: "\E940";
}
[class*="socials"] a[href*="twitter.com"] {
  color: #55acee !important;
}
[class*="socials"] a[href*="twitter.com"]:before {
  content: "\E945";
}
[class*="socials"] a[href^="whatsapp://"] {
  color: #4dc247 !important;
}
[class*="socials"] a[href^="whatsapp://"]:before {
  content: "\F232";
}
[class*="socials"] a[href*="instagram.com"] {
  color: #e95950 !important;
}
[class*="socials"] a[href*="instagram.com"]:before {
  content: "\E942";
}
[class*="socials"] a[href*="twitch.com"] {
  color: #6441A4 !important;
}
[class*="socials"] a[href*="twitch.com"]:before {
  content: "\F1E8";
}
[class*="socials"] a[href*="youtube.com"] {
  color: #bb0000 !important;
}
[class*="socials"] a[href*="youtube.com"]:before {
  content: "\E947";
}
[class*="socials"] a[href*="spotify.com"] {
  color: #00e461 !important;
}
[class*="socials"] a[href*="spotify.com"]:before {
  content: "\E93E";
}
[class*="socials"] a[href*="soundcloud.com"] {
  color: #f70 !important;
}
[class*="socials"] a[href*="soundcloud.com"]:before {
  content: "\E93C";
}
[class*="socials"] a[href*="tiktok.com"] {
  color: #000 !important;
}
[class*="socials"] a[href*="tiktok.com"]:before {
  content: "\E901";
}
[class*="socials"] a[class*=":solid"] {
  color: var(--primary-contrast) !important;
}
[class*="socials"] a[class*=":solid"][href*="facebook.com"] {
  background: #3b5998;
}
[class*="socials"] a[class*=":solid"][href*="twitter.com"] {
  background: #55acee;
}
[class*="socials"] a[class*=":solid"][href^="whatsapp://"] {
  background: #4dc247;
}
[class*="socials"] a[class*=":solid"][href*="instagram.com"] {
  background: #e95950;
}
[class*="socials"] a[class*=":solid"][href*="twitch.com"] {
  background: #6441A4;
}
[class*="socials"] a[class*=":solid"][href*="youtube.com"] {
  background: #bb0000;
}
[class*="socials"] a[class*=":solid"][href*="spotify.com"] {
  background: #00e461;
}
[class*="socials"] a[class*=":solid"][href*="soundcloud.com"] {
  background: #f70;
}
[class*="socials"] a[class*=":solid"][href*="tiktok.com"] {
  background: #000;
}
[class*="socials"][class*="socials:invert"] a[href] {
  border: none;
  background: var(--background-100);
}
[class*="socials"][class*="icon:only"] > a[href] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: calc(1.5em * var(--baseline));
  width: calc(1.5em * var(--baseline));
}
[class*="socials"][class*="icon:only"] > a[href][class*=":small"] {
  height: calc(1em * var(--baseline));
  width: calc(1em * var(--baseline));
}
[class*="socials"][class*="icon:only"] > a[href]:before {
  margin: 0 !important;
}
[class*="social-button"]:before {
  margin-right: 0;
}
[class*="social-button"][href*="facebook.com"] {
  background-color: #3b5998 !important;
}
[class*="social-button"][href*="facebook.com"]:before {
  content: "\E940";
}
[class*="social-button"][href*="twitter.com"] {
  background-color: #55acee !important;
}
[class*="social-button"][href*="twitter.com"]:before {
  content: "\E945";
}
[class*="social-button"][href^="whatsapp://"] {
  background-color: #4dc247 !important;
}
[class*="social-button"][href^="whatsapp://"]:before {
  content: "\F232";
}
.anchored-block {
  position: relative;
}
.anchored-block .anchor {
  display: block;
  width: 100%;
  --scale: var(--step-1x1);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x1);
  line-height: calc(1 * var(--baseline));
  color: var(--primary-color);
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
@media only screen and (min-width: 960px) {
  .anchored-block .anchor {
    width: auto;
    position: absolute;
    left: 0;
    top: calc(0.35em * var(--baseline));
    transform: translateX(calc(-100% - 0.25em));
    padding: 0.35em 0.25em 0;
  }
  .anchored-block .anchor:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 0.15em;
    background-color: var(--primary-color);
  }
}
.silo-header {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.silo-header .icon-volume-head {
  position: absolute;
  top: -2.25em;
  right: -2.5em;
  background-color: var(--secondary-color);
  border-radius: 6em;
}
.silo-header .icon-volume-head:before {
  font-size: 12em;
  color: white;
  margin: 0;
  margin-top: -5px;
}
.silo-header .header__body {
  position: absolute;
  padding: calc(6em * var(--baseline)) calc(0.75em * var(--baseline)) calc(0.5em * var(--baseline));
}
.silo-header .header__body .section__title {
  position: relative;
  padding-bottom: 0.6em;
  margin-bottom: 0.3em;
}
.silo-header .header__body .section__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.5em;
  height: 0.35em;
  background-color: var(--primary-contrast);
}
.silo-header .header__body .section__desc {
  font-weight: 300;
}
.silo-header .header__body .section__menu {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.silo-header .header__body .section__menu .menu__item {
  margin-top: 1.3em;
}
.silo-header .header__body .section__menu .menu__item a {
  font-size: 1.25em;
  line-height: 0.8em;
  color: var(--primary-contrast);
  text-decoration: none;
}
.silo-header .header__body .section__menu .menu__item div {
  color: var(--secondary-color);
  font-weight: 700;
  font-size: 0.9em;
  line-height: 1.3em;
}
.pager {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  position: relative;
}
.pager__body {
  position: relative;
  flex: 1 0 100%;
}
.pager__body > input.pager__punchcard:checked:first-of-type + .pager__page {
  visibility: visible;
  position: static;
}
.pager__body > input.pager__punchcard:checked + .pager__page {
  visibility: visible;
  position: absolute;
  z-index: 100;
}
.pager__footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex: 1 0 100%;
  padding-left: calc(0.5em * var(--baseline));
  padding-right: calc(0.5em * var(--baseline));
}
.pager__page {
  visibility: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pager__page:first-of-type {
  position: static;
}
.pager__desc,
.pagination__label {
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  color: var(--text-muted);
  font-weight: bold;
  white-space: nowrap;
}
.image img {
  display: block;
}
.image--thumb {
  height: 100%;
}
.image--thumb img {
  height: 100%;
}
[data-component='image'] {
  transition: opacity 120ms ease-out;
  opacity: 0;
}
[data-component='image'].image--loaded {
  opacity: 1;
}
.loader--indef {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(6em * var(--baseline));
  height: calc(6em * var(--baseline));
  transition: .2s transform;
  transform: scale(0.8);
  overflow: hidden;
  margin: 0 auto;
  pointer-events: none;
}
.loader--indef:after {
  top: calc(2.5em * var(--baseline));
  left: calc(2em * var(--baseline));
  content: "Chill \2026";
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: var(--primary-100);
  position: absolute;
  opacity: 0;
  transition: .2s opacity;
}
.loader--indef:before {
  width: calc(5em * var(--baseline));
  height: calc(5em * var(--baseline));
  content: "";
  color: white;
  background: transparent;
  border-radius: 50%;
  transition: 0.5s border-width;
  border: 0 solid var(--primary-100);
}
@keyframes defrag {
  25% {
    transform: rotatez(180deg);
    border-color: var(--secondary-100) var(--primary-60) var(--secondary-120) var(--primary-160);
  }
  50% {
    transform: rotatez(270deg);
    border-color: var(--secondary-100) var(--primary-60) var(--secondary-120) var(--primary-160);
  }
  100% {
    transform: rotatez(360deg);
  }
}
.loading .loader--indef,
.is-loading .loader--indef {
  transform: scale(1);
}
.loading .loader--indef:after,
.is-loading .loader--indef:after {
  opacity: 1;
}
.loading .loader--indef:before,
.is-loading .loader--indef:before {
  border-width: 1rem;
  animation: defrag 1.2s infinite linear;
}
.error--sadpanda {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.error--sadpanda svg {
  flex: 0 1 22rem;
  width: 28rem;
  transform: scale(1.15);
  margin-top: 1rem;
}
@media only screen and (min-width: 960px) {
  .error--sadpanda svg {
    margin-right: 2rem;
  }
}
.error__body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.error__title {
  margin-top: 0;
  align-self: flex-start;
}
@media only screen and (min-width: 960px) {
  .error__body {
    min-height: 66vh;
  }
  .error__title {
    align-self: center;
  }
}
body.error404 .view {
  justify-content: center;
}
.scroll__top[class*="button"] {
  position: fixed;
  bottom: -4rem;
  right: 0;
  z-index: 410;
  background-color: var(--primary-100);
  color: var(--background-100);
  padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
  transition: bottom 0.1s linear;
}
.scroll__top[class*="button"]:hover {
  color: white;
}
.scroll__top.visible {
  bottom: 1rem;
}
[class*="flexible__embed"] iframe {
  width: 100%;
  padding: 0.5rem;
  background-color: white;
  margin-top: 0;
  min-height: 180px;
}
.collection + [class*="flexible__newsletter"] {
  margin-top: calc(2em * var(--baseline));
}
[class*="flexible__newsletter"] {
  color: var(--background-color);
  background-color: var(--primary-color);
}
[class*="flexible__newsletter"] .newsletter__container {
  padding: calc(2em * var(--baseline)) calc(1.25em * var(--baseline));
}
[class*="flexible__newsletter"] .newsletter__title {
  margin-bottom: calc(0.25em * var(--baseline));
}
[class*="flexible__newsletter"] .widget--newsletter {
  color: var(--background-color);
}
[class*="flexible__newsletter"] .form--newsletter input[type="checkbox"] {
  background: var(--background-color);
  border: none;
}
[class*="flexible__newsletter"] .form--newsletter input[type="checkbox"]:checked {
  background: var(--background-color);
}
[class*="flexible__newsletter"] .form--newsletter input[type="checkbox"]::before {
  box-shadow: inset 1em 1em var(--primary-color);
}
[class*="flexible__newsletter"] .form__message {
  color: var(--background-color);
}
[class*="flexible__newsletter"] .form--error .form__message {
  color: black;
}
@media only screen and (min-width: 960px) {
  [class*="flexible__newsletter"] {
    background-image: url(img/lautsprecher.png);
    background-size: 40% auto;
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  [class*="flexible__newsletter"] .newsletter__container {
    padding-right: 40%;
  }
}
.win__header {
  margin-top: calc(1.5em * var(--baseline));
  display: flex;
  justify-content: center;
}
.win__header img {
  width: auto;
  max-width: 100%;
}
.win__header + .collection .section-header {
  margin-top: calc(1em * var(--baseline));
}
[class*="::invert"] {
  color: var(--background-color);
  background-color: var(--text-color);
}
[class*="::invert"] [class*="::invert"] {
  color: var(--text-color);
  background-color: var(--background-color);
}
[class*="::invert"]a:hover,
[class*="::invert"]:visited:hover {
  background-color: var(--text-faded);
}
[class*="::invert"] [class*="text:faded"] {
  color: var(--text-muted);
}
[class*="::invert"] [class*="text:muted"] {
  color: var(--text-faded);
}
[class*="children::invert"],
[class*="items::invert"] {
  background-color: transparent;
}
[class*="children::invert"] > *,
[class*="items::invert"] > * {
  background-color: var(--background-color);
}
[class*="::primary"] {
  color: var(--primary-contrast);
  background-color: var(--primary-color);
  background-image: none;
}
[class*="::primary"] a:link,
[class*="::primary"] a:visited {
  color: var(--secondary-color);
}
[class*="::primary"] a:hover,
[class*="::primary"] a:visited:hover {
  color: var(--secondary-hover);
}
[class*="::primary"] [class*="::primary"] {
  color: var(--primary-color);
  background-color: var(--primary-contrast);
}
[class*="::primary"]a:hover,
[class*="::primary"]:visited:hover {
  background-color: var(--primary-hover);
}
[class*="::primary"] [class*="text:primary"] {
  color: var(--primary-contrast);
}
[class*="children::primary"],
[class*="items::primary"] {
  background-color: transparent;
}
[class*="children::primary"] > *,
[class*="items::primary"] > * {
  background-color: var(--primary-color);
}
[class*="::secondary"] {
  color: var(--secondary-contrast);
  background-color: var(--secondary-color);
  background-image: none;
}
[class*="::secondary"] a,
[class*="::secondary"] a:link,
[class*="::secondary"] a:visited {
  color: var(--primary-color);
}
[class*="::secondary"] a:hover,
[class*="::secondary"] a:visited:hover {
  color: var(--primary-hover);
}
[class*="::secondary"] [class*="::secondary"] {
  color: var(--secondary-color);
  background-color: var(--secondary-contrast);
}
[class*="::secondary"]a:hover,
[class*="::secondary"]:visited:hover {
  background-color: var(--secondary-hover);
}
[class*="::secondary"] [class*="text:secondary"] {
  color: var(--secondary-contrast);
}
[class*="children::secondary"],
[class*="items::secondary"] {
  background-color: transparent;
}
[class*="children::secondary"] > *,
[class*="items::secondary"] > * {
  background-color: var(--secondary-color);
}
a[class*="::primary"]:link,
a[class*="::secondary"]:link,
a[class*="::primary"]:visited,
a[class*="::secondary"]:visited,
a[class*="::primary"]:hover,
a[class*="::secondary"]:hover,
a[class*="::primary"]:visited:hover,
a[class*="::secondary"]:visited:hover {
  color: var(--primary-contrast);
}
[class*="::reset"] {
  background-color: var(--background-color);
  color: var(--text-color);
}
[class*="::reset"] a:link,
[class*="::reset"]a:link,
[class*="::reset"] a:visited,
[class*="::reset"]a:visited {
  color: var(--primary-color);
}
[class*="::reset"] a:hover,
[class*="::reset"]a:hover,
[class*="::reset"] a:visited:hover,
[class*="::reset"]a:visited:hover {
  color: var(--primary-hover);
}
[class*="text:"][class*=":display"] {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
[class*="text:"][class*=":title"] {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
[class*="text:"][class*=":thin"] {
  font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
[class*="text:"][class*=":italic"] {
  font-style: italic;
}
[class*="text:"][class*=":bold"] {
  font-weight: bold;
}
[class*="text:"][class*=":uc"] {
  text-transform: uppercase;
}
[class*="text:"][class*=":strike"] {
  text-decoration: line-through;
}
[class*="text:"][class*=":left"] {
  text-align: left;
}
[class*="text:"][class*=":right"] {
  text-align: right;
}
[class*="text:"][class*=":center"] {
  text-align: center;
}
[class*="text:"][class*=":justify"] {
  text-align: justify;
}
[class*="text:"][class*=":faded"] {
  color: var(--text-faded);
}
[class*="text:"][class*=":muted"] {
  color: var(--text-muted);
}
[class*="text:"][class*=":invert"] {
  color: var(--background-color);
}
[class*="text:"][class*=":primary"] {
  color: var(--primary-color);
}
[class*="text:"][class*=":secondary"] {
  color: var(--secondary-color);
}
[class*="text:"][class*=":contrast"] {
  color: var(--primary-contrast);
}
@media only screen and (min-width: 640px) {
  [slate*="text:"][slate*=":display"] {
    font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  [slate*="text:"][slate*=":title"] {
    font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  [slate*="text:"][slate*=":thin"] {
    font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  [slate*="text:"][slate*=":italic"] {
    font-style: italic;
  }
  [slate*="text:"][slate*=":bold"] {
    font-weight: bold;
  }
  [slate*="text:"][slate*=":uc"] {
    text-transform: uppercase;
  }
  [slate*="text:"][slate*=":strike"] {
    text-decoration: line-through;
  }
  [slate*="text:"][slate*=":left"] {
    text-align: left;
  }
  [slate*="text:"][slate*=":right"] {
    text-align: right;
  }
  [slate*="text:"][slate*=":center"] {
    text-align: center;
  }
  [slate*="text:"][slate*=":justify"] {
    text-align: justify;
  }
  [slate*="text:"][slate*=":faded"] {
    color: var(--text-faded);
  }
  [slate*="text:"][slate*=":muted"] {
    color: var(--text-muted);
  }
  [slate*="text:"][slate*=":invert"] {
    color: var(--background-color);
  }
  [slate*="text:"][slate*=":primary"] {
    color: var(--primary-color);
  }
  [slate*="text:"][slate*=":secondary"] {
    color: var(--secondary-color);
  }
  [slate*="text:"][slate*=":contrast"] {
    color: var(--primary-contrast);
  }
}
@media only screen and (min-width: 960px) {
  [fixed*="text:"][fixed*=":display"] {
    font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  [fixed*="text:"][fixed*=":title"] {
    font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  [fixed*="text:"][fixed*=":thin"] {
    font-family: "FFClanWebPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  [fixed*="text:"][fixed*=":italic"] {
    font-style: italic;
  }
  [fixed*="text:"][fixed*=":bold"] {
    font-weight: bold;
  }
  [fixed*="text:"][fixed*=":uc"] {
    text-transform: uppercase;
  }
  [fixed*="text:"][fixed*=":strike"] {
    text-decoration: line-through;
  }
  [fixed*="text:"][fixed*=":left"] {
    text-align: left;
  }
  [fixed*="text:"][fixed*=":right"] {
    text-align: right;
  }
  [fixed*="text:"][fixed*=":center"] {
    text-align: center;
  }
  [fixed*="text:"][fixed*=":justify"] {
    text-align: justify;
  }
  [fixed*="text:"][fixed*=":faded"] {
    color: var(--text-faded);
  }
  [fixed*="text:"][fixed*=":muted"] {
    color: var(--text-muted);
  }
  [fixed*="text:"][fixed*=":invert"] {
    color: var(--background-color);
  }
  [fixed*="text:"][fixed*=":primary"] {
    color: var(--primary-color);
  }
  [fixed*="text:"][fixed*=":secondary"] {
    color: var(--secondary-color);
  }
  [fixed*="text:"][fixed*=":contrast"] {
    color: var(--primary-contrast);
  }
}
[class*="solid"] {
  background-color: var(--background-color);
}
[class*="solid"][class*=":faded"] {
  color: 0;
  background-color: var(--background-90);
}
[class*="solid"][class*=":muted"] {
  color: 0;
  background-color: var(--background-80);
}
[class*="solid"][class*=":invert"] {
  color: 0;
  background-color: var(--text-100);
}
[class*="solid"][class*=":dark"] {
  color: 0;
  background-color: var(--text-90);
}
[class*="solid"][class*=":primary"] {
  color: var(--primary-200);
  background-color: var(--primary-100);
}
[class*="solid"][class*=":secondary"] {
  color: var(--secondary-200);
  background-color: var(--secondary-100);
}
[class*="::primary"] [class*="solid"][class*="::primary"] {
  color: var(--primary-color);
  background-color: var(--primary-contrast);
}
[class*="::secondary"] [class*="solid"][class*="::secondary"] {
  color: var(--secondary-color);
  background-color: var(--secondary-contrast);
}
[class*="solid"][class*=":gradient"] {
  color: var(--primary-contrast);
  background-image: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}
[class*="solid"][class*=":pad"] {
  padding: calc(0.333em * var(--baseline)) calc(0.5em * var(--baseline));
}
[class*="solid"][class*=":wide"] {
  padding: calc(0.75em * var(--baseline)) calc(1em * var(--baseline));
}
[class*="solid"][class*=":narrow"] {
  padding: calc(0em * var(--baseline)) calc(0.25em * var(--baseline));
}
@keyframes slideInTop {
  0% {
    transform: translate3d(0, -3em, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --background-10: #191919;
  --background-20: #333333;
  --background-30: #4d4d4d;
  --background-40: #666666;
  --background-50: #808080;
  --background-60: #999999;
  --background-70: #b3b3b3;
  --background-80: #cccccc;
  --background-90: #e6e6e6;
  --background-100: #ffffff;
  --text-10: #e6e6e6;
  --text-20: #cccccc;
  --text-30: #b3b3b3;
  --text-40: #999999;
  --text-50: #808080;
  --text-60: #666666;
  --text-70: #4d4d4d;
  --text-80: #333333;
  --text-90: #191919;
  --text-100: #000000;
  /* Compat */
  --text-color: var(--text-100);
  --text-faded: var(--text-80);
  --text-muted: var(--text-60);
  --text-00: var(--background-100);
  --primary-200: var(--background-100);
  --secondary-200: var(--background-100);
  --background-color: var(--background-100);
  --background-faded: var(--background-90);
  --background-muted: var(--background-80);
  --primary-110: #f63c60;
  --primary-120: #fd5672;
  --primary-130: #ff7488;
  --primary-140: #ff95a2;
  --primary-150: #ffb6bd;
  --primary-160: #ffd7d9;
  --primary-100: #ed2450;
  --primary-90: #de1244;
  --primary-80: #c0103f;
  --primary-70: #a10d39;
  --primary-60: #830b31;
  --primary-extract("100", "90", "80", "70", "60", 6): #650828;
  --secondary-100: #0d0d4c;
  --secondary-110: #1c1a7c;
  --secondary-120: #302aa9;
  --secondary-130: #5147c9;
  --secondary-140: #847bd3;
  --secondary-150: #b2acdf;
  --secondary-160: #dddaef;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
  /* create-palette contains compat sets for primary/secondary */
}
[class*="theme:default"] {
  --primary-110: #f63c60;
  --primary-120: #fd5672;
  --primary-130: #ff7488;
  --primary-140: #ff95a2;
  --primary-150: #ffb6bd;
  --primary-160: #ffd7d9;
  --primary-100: #ed2450;
  --primary-90: #de1244;
  --primary-80: #c0103f;
  --primary-70: #a10d39;
  --primary-60: #830b31;
  --primary-extract("100", "90", "80", "70", "60", 6): #650828;
  --secondary-100: #0d0d4c;
  --secondary-110: #1c1a7c;
  --secondary-120: #302aa9;
  --secondary-130: #5147c9;
  --secondary-140: #847bd3;
  --secondary-150: #b2acdf;
  --secondary-160: #dddaef;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:magenta"] {
  --primary-110: #d74970;
  --primary-120: #e15e7e;
  --primary-130: #e9748e;
  --primary-140: #f08ca0;
  --primary-150: #f6a5b3;
  --primary-160: #fac0c8;
  --primary-100: #cc3562;
  --primary-90: #b52e59;
  --primary-80: #9c2750;
  --primary-70: #832146;
  --primary-60: #6b1b3b;
  --primary-extract("100", "90", "80", "70", "60", 6): #52152f;
  --secondary-100: #0d0d4c;
  --secondary-110: #1c1a7c;
  --secondary-120: #302aa9;
  --secondary-130: #5147c9;
  --secondary-140: #847bd3;
  --secondary-150: #b2acdf;
  --secondary-160: #dddaef;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:gold"] {
  --primary-110: #e1aa41;
  --primary-120: #eabb57;
  --primary-130: #f1cb6f;
  --primary-140: #f7da88;
  --primary-150: #fbe6a3;
  --primary-160: #fef1bf;
  --primary-100: #d6982d;
  --primary-90: #bf8325;
  --primary-80: #a56d20;
  --primary-70: #8b591b;
  --primary-60: #714616;
  --primary-extract("100", "90", "80", "70", "60", 6): #573411;
  --secondary-100: #130156;
  --secondary-110: #27078d;
  --secondary-120: #3f12c0;
  --secondary-130: #612de2;
  --secondary-140: #8f69e3;
  --secondary-150: #b9a1e8;
  --secondary-160: #dfd4f2;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:amber"] {
  --primary-110: #f89f58;
  --primary-120: #feb576;
  --primary-130: #ffcb99;
  --primary-140: #ffdfbd;
  --primary-150: #fff1e1;
  --primary-160: #ffffff;
  --primary-100: #f0873c;
  --primary-90: #ed6d1b;
  --primary-80: #d45810;
  --primary-70: #b2460e;
  --primary-60: #91350b;
  --primary-extract("100", "90", "80", "70", "60", 6): #6f2709;
  --secondary-100: #130156;
  --secondary-110: #27078d;
  --secondary-120: #3f12c0;
  --secondary-130: #612de2;
  --secondary-140: #8f69e3;
  --secondary-150: #b9a1e8;
  --secondary-160: #dfd4f2;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:orange"] {
  --primary-110: #f58360;
  --primary-120: #fb9e7e;
  --primary-130: #ffba9e;
  --primary-140: #ffd5c3;
  --primary-150: #ffefe7;
  --primary-160: #ffffff;
  --primary-100: #ec6744;
  --primary-90: #e94723;
  --primary-80: #d23315;
  --primary-70: #b12712;
  --primary-60: #8f1d0f;
  --primary-extract("100", "90", "80", "70", "60", 6): #6e130b;
  --secondary-100: #3d0680;
  --secondary-110: #5e0fb4;
  --secondary-120: #801ee2;
  --secondary-130: #a25be3;
  --secondary-140: #c294e7;
  --secondary-150: #dfc8f0;
  --secondary-160: #fbf8fd;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:red"] {
  --primary-110: #f85c58;
  --primary-120: #fe7d76;
  --primary-130: #ffa199;
  --primary-140: #ffc4bd;
  --primary-150: #ffe5e1;
  --primary-160: #ffffff;
  --primary-100: #f03c3c;
  --primary-90: #ed1b20;
  --primary-80: #d4101a;
  --primary-70: #b20e1a;
  --primary-60: #910b19;
  --primary-extract("100", "90", "80", "70", "60", 6): #6f0915;
  --secondary-100: #3d0680;
  --secondary-110: #5e0fb4;
  --secondary-120: #801ee2;
  --secondary-130: #a25be3;
  --secondary-140: #c294e7;
  --secondary-150: #dfc8f0;
  --secondary-160: #fbf8fd;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:blue"] {
  --primary-110: #7960f6;
  --primary-120: #977ffc;
  --primary-130: #b5a1ff;
  --primary-140: #d4c6ff;
  --primary-150: #f0ebff;
  --primary-160: #ffffff;
  --primary-100: #5c44ee;
  --primary-90: #3a22eb;
  --primary-80: #2513d5;
  --primary-70: #1b10b4;
  --primary-60: #130d92;
  --primary-extract("100", "90", "80", "70", "60", 6): #0c0a70;
  --secondary-100: #0b0f43;
  --secondary-110: #171c74;
  --secondary-120: #272aa1;
  --secondary-130: #3e3ec8;
  --secondary-140: #7572d0;
  --secondary-150: #a7a4dc;
  --secondary-160: #d4d2eb;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:cyan"] {
  --primary-110: #1da6ec;
  --primary-120: #31adf5;
  --primary-130: #46b5fc;
  --primary-140: #60bdff;
  --primary-150: #7cc5ff;
  --primary-160: #99cfff;
  --primary-100: #1999d4;
  --primary-90: #168bbb;
  --primary-80: #137ba1;
  --primary-70: #106b88;
  --primary-60: #0d596e;
  --primary-extract("100", "90", "80", "70", "60", 6): #0a4755;
  --secondary-100: #0b0f43;
  --secondary-110: #171c74;
  --secondary-120: #272aa1;
  --secondary-130: #3e3ec8;
  --secondary-140: #7572d0;
  --secondary-150: #a7a4dc;
  --secondary-160: #d4d2eb;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:purple"] {
  --primary-110: #a653d9;
  --primary-120: #b769e3;
  --primary-130: #c881eb;
  --primary-140: #d79af2;
  --primary-150: #e5b5f8;
  --primary-160: #f1d1fc;
  --primary-100: #933ece;
  --primary-90: #7f30bc;
  --primary-80: #6b29a2;
  --primary-70: #572389;
  --primary-60: #451c6f;
  --primary-extract("100", "90", "80", "70", "60", 6): #331655;
  --secondary-100: #101065;
  --secondary-110: #201d95;
  --secondary-120: #352ec2;
  --secondary-130: #645bd1;
  --secondary-140: #978fdb;
  --secondary-150: #c5c0e7;
  --secondary-160: #eeedf7;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:violet"] {
  --primary-110: #8653da;
  --primary-120: #9b6ae4;
  --primary-130: #af82ec;
  --primary-140: #c39bf3;
  --primary-150: #d6b6f8;
  --primary-160: #e7d3fc;
  --primary-100: #713ecf;
  --primary-90: #5e2fbe;
  --primary-80: #4e29a4;
  --primary-70: #3f228a;
  --primary-60: #311c70;
  --primary-extract("100", "90", "80", "70", "60", 6): #241556;
  --secondary-100: #101065;
  --secondary-110: #201d95;
  --secondary-120: #352ec2;
  --secondary-130: #645bd1;
  --secondary-140: #978fdb;
  --secondary-150: #c5c0e7;
  --secondary-160: #eeedf7;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:mint"] {
  --primary-110: #3be7b5;
  --primary-120: #51f0c5;
  --primary-130: #6af7d4;
  --primary-140: #84fce2;
  --primary-150: #9fffed;
  --primary-160: #befff4;
  --primary-100: #26dda3;
  --primary-90: #1fc58c;
  --primary-80: #1baa76;
  --primary-70: #168f60;
  --primary-60: #12744b;
  --primary-extract("100", "90", "80", "70", "60", 6): #0e5a38;
  --secondary-100: #341d93;
  --secondary-110: #4d2dc0;
  --secondary-120: #7659d1;
  --secondary-130: #a28ddb;
  --secondary-140: #cabde7;
  --secondary-150: #efebf7;
  --secondary-160: #ffffff;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
[class*="theme:green"] {
  --primary-110: #7bd594;
  --primary-120: #93e1ab;
  --primary-130: #aeeac2;
  --primary-140: #c9f3d8;
  --primary-150: #e6faee;
  --primary-160: #ffffff;
  --primary-100: #63c97d;
  --primary-90: #48c064;
  --primary-80: #3ba951;
  --primary-70: #318f42;
  --primary-60: #287434;
  --primary-extract("100", "90", "80", "70", "60", 6): #1f5926;
  --secondary-100: #341d93;
  --secondary-110: #4d2dc0;
  --secondary-120: #7659d1;
  --secondary-130: #a28ddb;
  --secondary-140: #cabde7;
  --secondary-150: #efebf7;
  --secondary-160: #ffffff;
  /* Compat */
  --primary-color: var(--primary-100);
  --primary-hover: var(--primary-120);
  --primary-faded: var(--primary-150);
  --secondary-color: var(--secondary-100);
  --secondary-hover: var(--secondary-110);
  --secondary-faded: var(--secondary-150);
  --primary-contrast: var(--background-100);
  --secondary-contrast: var(--background-100);
}
body.page-template-template-club-volume .view__main {
  padding: 0;
}
body.page-template-template-club-volume section:not(.hero) {
  padding: 0 1em;
}
body.page-template-template-club-volume section .section-header {
  margin-top: calc(1.75em * var(--baseline));
}
.clubcard {
  max-width: 37rem;
  align-self: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  /* ----------------------------------------------
 * Generated by Animista on 2023-11-17 11:25:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
  /**
	 * ----------------------------------------
	 * animation heartbeat
	 * ----------------------------------------
	 */
}
.clubcard__illu {
  max-width: 15em;
  position: relative;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  5% {
    -webkit-transform: translateX(-50%) scale(1.09);
    transform: translateX(-50%) scale(1.09);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  8% {
    -webkit-transform: translateX(-50%) scale(1.02);
    transform: translateX(-50%) scale(1.02);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  16% {
    -webkit-transform: translateX(-50%) scale(1.13);
    transform: translateX(-50%) scale(1.13);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  22% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  5% {
    -webkit-transform: translateX(-50%) scale(1.045);
    transform: translateX(-50%) scale(1.045);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  8% {
    -webkit-transform: translateX(-50%) scale(1.01);
    transform: translateX(-50%) scale(1.01);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  16% {
    -webkit-transform: translateX(-50%) scale(1.065);
    transform: translateX(-50%) scale(1.065);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  22% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes color_change {
  0% {
    fill: #de1c4e;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #de1c4e;
  }
}
.clubcard .illu__head {
  position: absolute;
  width: 38%;
  top: 34.75%;
  margin-left: 50.75%;
  transform: translateX(-50%);
  -webkit-animation: heartbeat 1s ease-in-out infinite both;
  animation: heartbeat 1s ease-in-out infinite both;
}
.clubcard .illu__head svg {
  height: 100%;
  width: 100%;
}
.clubcard .illu__head svg path {
  fill: #de1c4e;
  -webkit-animation: color_change 2s ease-in-out infinite both;
  animation: color_change 2s ease-in-out infinite both;
}
.clubcard .illu__text {
  position: absolute;
  bottom: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  align-items: center;
}
.clubcard .illu__text .userName {
  color: var(--primary-color);
}
.clubcard__desc {
  margin-top: 2em;
  font-weight: 600;
  text-align: center;
}
.discount {
  padding-top: calc(0.5em * var(--baseline));
  padding-bottom: calc(0.5em * var(--baseline));
}
.discount__title {
  color: var(--primary-100);
  --scale: var(--step-1x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline-1x0);
  line-height: calc(1 * var(--baseline));
  font-weight: 800;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.discount__info {
  padding-top: calc(0.5em * var(--baseline));
  display: flex;
  flex-flow: column;
}
@media only screen and (min-width: 960px) {
  .discount__info {
    padding-bottom: calc(0.5em * var(--baseline));
  }
}
.discount__text1 {
  position: relative;
  margin-bottom: .5rem;
}
.discount__text2 {
  --scale: var(--step--0x0);
  font-size: calc(1em * var(--scale));
  --baseline: var(--baseline--0x0);
  line-height: calc(1 * var(--baseline));
}
.page-template-template-club-volume .discount__text1 {
  font-weight: 600;
  padding-left: calc(1.3em * var(--baseline));
}
.page-template-template-club-volume .discount__text1:before {
  display: block;
  position: absolute;
  left: 0;
  content: "%";
  background-color: var(--primary-100);
  color: #fff;
  font-weight: bold;
  padding: 0 .2em;
  line-height: 1.2;
}
.page-template-template-club-volume .discount__text2 {
  margin-top: calc(0.2em * var(--baseline));
}
.discountList {
  background: none;
  padding: 0;
}
.discountList__item {
  font-size: 1.4rem;
  line-height: 1.2;
  display: flex;
  flex-flow: row wrap;
  padding: calc(0.75em * var(--baseline)) calc(0em * var(--baseline));
  border-bottom: 0.08rem solid var(--text-color);
}
@media only screen and (min-width: 960px) {
  .discountList__item {
    padding: calc(0.5em * var(--baseline));
  }
}
.discountList__item:first-child {
  border-top: 0.32rem solid var(--text-color);
}
.discountList .item--event .format__body {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: calc(0.75em * var(--baseline));
}
.discountList .discount__listing {
  display: flex;
  flex: 0.6;
}
.discountList .discount__info {
  flex: 0.6;
  border-top: 0.08rem solid var(--text-40);
  margin-top: calc(0.75em * var(--baseline));
  padding-top: calc(0.75em * var(--baseline));
}
@media only screen and (min-width: 960px) {
  .discountList .discount__info {
    border-left: 0.08rem solid var(--text-40);
    border-top: 0;
    margin: 0;
    padding: 0;
    padding-left: calc(1em * var(--baseline));
  }
}
.discountList .discount__listing.item--event {
  border-bottom: 0;
  padding: calc(0em * var(--baseline));
}
@media only screen and (min-width: 960px) {
  .discountList .discount__listing.item--event {
    padding: calc(0em * var(--baseline)) calc(0.5em * var(--baseline));
  }
}
.discountList .discount__listing.item--event .body__title {
  flex-basis: 100%;
}
.discountList .discount__listing.item--event .item__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: black;
  font-weight: bold;
  margin-bottom: .5rem;
}
.discountList .discount__listing.item--event .item__genre,
.discountList .discount__listing.item--event .item__venue,
.discountList .discount__listing.item--event .item__title {
  font-size: 1.4rem;
  line-height: 1.2;
}
.discountList .discount__listing.item--event .item__genre,
.discountList .discount__listing.item--event .item__venue {
  font-weight: normal;
  color: var(--text-60);
}
.discountList .discount__listing.item--event .format__body .body__meta2 {
  display: none;
}
@media only screen and (max-width: 959px) {
  .discountList__item {
    flex-flow: column nowrap;
  }
  .discountList__listing {
    flex: 1;
  }
  .discountList__info {
    flex: 1;
  }
}
.partnerList a {
  border: 1px solid var(--text-10);
  width: 100%;
  display: block;
  overflow: hidden;
  padding: .5em;
  max-height: 5em;
}
@media only screen and (min-width: 960px) {
  .partnerList a {
    max-height: 8em;
    padding: .75em;
  }
}
.partnerList a figure,
.partnerList a picture {
  height: 100%;
  width: 100%;
}
.partnerList a picture {
  display: flex;
  justify-content: center;
}
.partnerList a img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
body.cover-header .viewport__header {
  position: absolute;
  width: 100%;
  border-bottom: 0;
}
body.cover-header .viewport__header::after {
  height: 0;
}
body.cover-header .viewport__header .header__toolbar {
  background-color: var(--background-20);
}
body.cover-header .viewport__header .header__toolbar [class*="button"]:hover:not(.theme\:primary) {
  color: var(--text-80);
}
body.cover-header .viewport__header .header__menu > .menu-item {
  color: var(--primary-contrast);
}
body.cover-header .viewport__header .header__menu > .current-menu-item {
  border-color: var(--primary-100);
}
body.cover-header .viewport__header .header__search,
body.cover-header .viewport__header .header__club {
  color: var(--primary-contrast);
}
@media only screen and (max-width: 959px) {
  body.cover-header .viewport__header .site__nav {
    background: var(--background-20);
  }
}
body.cover-header .view__main {
  padding-top: 0;
}
body.cover-header.cover-header--dark .site__logo path {
  fill: var(--primary-contrast);
}
body.cover-header.cover-header--dark .header__menu .menu-item,
body.cover-header.cover-header--dark .search__icon,
body.cover-header.cover-header--dark .header__clubLink .icon,
body.cover-header.cover-header--dark .hero__content {
  color: var(--primary-contrast);
}
body.cover-header.cover-header--light .site__logo path {
  fill: var(--primary-color);
}
body.cover-header.cover-header--light .header__menu .menu-item,
body.cover-header.cover-header--light .search__icon,
body.cover-header.cover-header--light .header__clubLink .icon,
body.cover-header.cover-header--light .hero__content {
  color: var(--primary-color);
}
.hero {
  min-height: 80vh;
  overflow: hidden;
  color: var(--primary-contrast);
  background-color: transparent;
  position: relative;
  display: flex;
}
.hero__background {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}
.hero__background figure,
.hero__background picture {
  height: 100%;
}
.hero__background img {
  height: 100%;
  object-fit: cover;
}
.hero__content {
  max-width: 84rem;
  margin: 0 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  position: relative;
  padding: calc(5em * var(--baseline)) calc(1em * var(--baseline)) calc(1em * var(--baseline)) calc(1em * var(--baseline));
}
@media only screen and (min-width: 960px) {
  .hero__content {
    left: -15%;
  }
}
.hero__teaser {
  max-width: 40rem;
  margin-bottom: 1em;
}
.hero__teaser h1 {
  font-size: 3em;
  position: relative;
  margin-bottom: 1em;
  margin-top: 1em;
}
.hero__teaser h1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: calc(-0.66em * var(--baseline));
  height: calc(0.33em * var(--baseline));
  width: 12.5rem;
  background-color: currentColor;
}
.hero__teaserActions {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  margin-bottom: 2em;
}
.hero__teaserActions label {
  margin-top: 0.5em;
}
.hero__teaserActions .button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-contrast);
}
.hero__teaserActions .link {
  color: var(--primary-contrast);
}
.hero__teaserActions .link:hover {
  color: var(--primary-120);
}
@media only screen and (min-width: 960px) {
  .hero--contentCentered .hero__content {
    left: auto;
  }
}
/**
Style tweaks added here can be moved into carpem-volume as soon as there aren't commited changed that aren't released in prod yet (club volume)
 */
.item--post .lottery--single {
  margin-top: 2em;
}
.item--post .lottery--single:before {
  height: 1px;
}