:root {
  --white: #fff;
  --very-very-light-grey: #f6f6f6;
  --very-light-grey: #ececec;
  --light-grey: #dddddd;
  --grey: #b6b6b6;
  --dark-grey: #6c6c6c;
  --dark: #303030;
  --very-dark: #101010;
  --black: #000;
  --light-red: #ff9891;
  --red: #F44336;
  --dark-red: #B71C1C;
  --light-pink: #fc72a0;
  --pink: #E91E63;
  --dark-pink: #880E4F;
  --light-orange: #ffcd82;
  --orange: #FF9800;
  --dark-orange: #E65100;
  --light-yellow: #fff59f;
  --yellow: #FFEB3B;
  --dark-yellow: #F9A825;
  --light-green: #9ef1a1;
  --green: #42bd46;
  --dark-green: #1B5E20;
  --light-purple: #ea97f9;
  --purple: #9C27B0;
  --dark-purple: #4A148C;
  --light-blue: #8fccff;
  --blue: #2196F3;
  --dark-blue: #0D47A1;
  --default-font: ;
  --default-font-size: 16px;
  --default-line-height: 1.6;
  --background-color: #fff;
  --text-color: #303030;
  --border-color: #dddddd;
  --discreet-color-light: #ececec;
  --discreet-color: #dddddd;
  --discreet-color-dark: #b6b6b6;
  --discreet-text-color: #b6b6b6;
  --link-color: #2196F3;
  --link-active-color: #0D47A1;
  --link-weight: ;
  --default-translucent-opacity: 0.4;
  --default-perspective: 600px;
  --default-transition-duration: 150ms;
  --default-transition-easing: ;
  --android-phone-width-tight: 320px;
  --android-phone-width: 360px;
  --android-phone-width-loose: 412px;
  --android-phone-height-tight: 640px;
  --android-phone-height: 720px;
  --android-phone-height-loose: 780px;
  --android-tablet-width-tight: 480px;
  --android-tablet-width: 768px;
  --android-tablet-width-loose: 960px;
  --android-tablet-height-tight: 960px;
  --android-tablet-height: 1024px;
  --android-tablet-height-loose: 1280px;
  --iphone-4-width: 320px;
  --iphone-5-width: 320px;
  --iphone-6-width: 375px;
  --iphone-6-plus-width: 414px;
  --ipad-width: 768px;
  --ipad-pro-width: 1024px;
  --iphone-4-height: 480px;
  --iphone-5-height: 568px;
  --iphone-6-height: 667px;
  --iphone-6-plus-height: 736px;
  --ipad-height: 1024px;
  --ipad-pro-height: 1366px;
  --ldpi: 72dpi;
  --hdpi: 140dpi;
  --uhdpi: 300dpi;
  --content-width-very-tight: 8em;
  --content-width-tight: 18em;
  --content-width: 30em;
  --content-width-loose: 42em;
  --content-width-very-loose: 64em;
  --breakpoint-tiny: 414px;
  --breakpoint-small: 800px;
  --breakpoint-medium: 960px;
  --breakpoint-large: 1280px;
  --breakpoint-very-large: 1440px;
  --breakpoint-full: 1920px;
  --breakpoint-phone-tight: 414px;
  --breakpoint-phone: 800px;
  --breakpoint-tablet: 1280px;
  --breakpoint-laptop: 1440px;
  --breakpoint-monitor: 1920px;
  --radius-very-tight: 2px;
  --radius-tight: 2px;
  --radius: 4px;
  --radius-loose: 8px;
  --radius-very-loose: 24px;
  --round: 1000px;
  --rhythm-tight-half: 0.4em;
  --rhythm-tight: 0.8em;
  --rhythm-base: 1.6em;
  --rhythm-loose: 3.2em;
  --hairline-border-width: 1px;
  --dashed-border-width: 2px;
  --thick-border-width: 0.25em;
  --pad-tight-vertical: 2px;
  --pad-tight-horizontal: 6px;
  --pad-vertical: 6px;
  --pad-horizontal: 12px;
  --pad-loose-vertical: 10px;
  --pad-loose-horizontal: 18px;
  --buffer-very-tight: 0.4rem;
  --buffer-tight: 0.8rem;
  --buffer: 1.6rem;
  --buffer-loose: 3.2rem;
  --buffer-relative-tight: 2%;
  --buffer-relative: 6%;
  --scrollbar-margin: 4px;
  --scrollbar-size: 4px;
  --scrollbar-radius: 2px;
  --scrollbar-minlength: 1.5rem;
  --scrollbar-ff-width: thin;
  --scrollbar-track-color: transparent;
  --scrollbar-base-color: #888;
  --scrollbar-border-color: transparent;
  --scrollbar-color: rgba(136, 136, 136, 0.3);
  --scrollbar-color-hover: rgba(136, 136, 136, 0.4);
  --scrollbar-color-active: rgba(136, 136, 136, 0.5);
  --shadow-color: #303030;
  --shadow-x: 0;
  --shadow-y: 2px;
  --shadow-size: 6px;
  --shadow-spread: 0;
  --shadow-opacity: 0.2;
  --shadow-very-tight-x: 0;
  --shadow-very-tight-y: 1px;
  --shadow-very-tight-size: 1px;
  --shadow-very-tight-spread: 0;
  --shadow-very-tight-opacity: 0.2;
  --shadow-tight-x: 0;
  --shadow-tight-y: 1px;
  --shadow-tight-size: 3px;
  --shadow-tight-spread: 0;
  --shadow-tight-opacity: 0.2;
  --shadow-loose-x: 0;
  --shadow-loose-y: 4px;
  --shadow-loose-size: 24px;
  --shadow-loose-spread: 0;
  --shadow-loose-opacity: 0.2;
  --shadow-very-loose-x: 0;
  --shadow-very-loose-y: 8px;
  --shadow-very-loose-size: 56px;
  --shadow-very-loose-opacity: 0.2;
  --shadow-very-loose-spread: 0;
  --solid-shadow-width: 4px;
  --font-system: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  --font-sans: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  --font-serif: Droid Serif, Georgia, serif;
  --font-mono: SF Mono, Roboto Mono, Monaco, Menlo, Segoe UI Mono, Consolas, courier, monospace;
  --font-size-small: 0.75em;
  --font-size-large: 1.25em;
  --font-size-mono: 0.875em;
  --font-size-uppercase: ;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --line-height-very-tight: 1.2;
  --line-height-tight: 1.4;
  --line-height: 1.6;
  --line-height-loose: 2;
  --line-height-print: 1.5;
  --line-height-very-tight-em: 1.2em;
  --line-height-tight-em: 1.4em;
  --line-height-em: 1.6em;
  --line-height-loose-em: 2em;
  --line-height-print-em: 1.5em;
  --headline-font: ;
  --headline-weight: ;
  --headline-line-height: 1.2;
  --headline-line-height-em: 1.2em;
  --font-size-h1: 1.6em;
  --font-size-h2: 1.4em;
  --font-size-h3: 1.2em;
  --font-size-h4: ;
  --font-size-h5: ;
  --font-size-h6: ;
  --transition-very-very-fast: 25ms;
  --transition-very-fast: 75ms;
  --transition-fast: 150ms;
  --transition-medium: 250ms;
  --transition-slow: 450ms;
  --transition-slowish: 600ms;
  --transition-very-slow: 900ms;
  --transition-very-very-slow: 1200ms;
  --transition-properties-style: opacity, color, background-color, border-color, box-shadow, text-shadow, text-decoration-color;
  --transition-properties-common: transform, opacity, color, background-color, border-color, box-shadow, text-shadow, text-decoration-color;
  --transition-properties-transform: transform, width, height;
  --transition-properties-position: transform, top, bottom, left, right;
  --easing-none: linear;
  --easing-ease: ease;
  --easing-snap: cubic-bezier(0, 0.5, 0.5, 1);
  --easing-bounce: cubic-bezier(0, 0.5, 0.5, 1.05);
  --easing-smooth: cubic-bezier(0.19, 1, 0.22, 1);
}

* {
  -webkit-overflow-scrolling: touch;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: default;
  tab-size: 4;
  font-family: sans-serif;
  font-size: 100%;
  text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
svg,
ins,
kbd,
q,
samp,
a,
small,
strong,
sub,
sup,
var,
i,
b,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  border-width: 0;
  border-style: solid;
  text-decoration-style: solid;
  outline-width: 0;
  outline-style: solid;
  vertical-align: baseline;
  border-color: transparent;
  background: transparent;
}
html:before, html:after,
body:before,
body:after,
div:before,
div:after,
span:before,
span:after,
object:before,
object:after,
iframe:before,
iframe:after,
h1:before,
h1:after,
h2:before,
h2:after,
h3:before,
h3:after,
h4:before,
h4:after,
h5:before,
h5:after,
h6:before,
h6:after,
p:before,
p:after,
blockquote:before,
blockquote:after,
pre:before,
pre:after,
abbr:before,
abbr:after,
address:before,
address:after,
cite:before,
cite:after,
code:before,
code:after,
del:before,
del:after,
dfn:before,
dfn:after,
em:before,
em:after,
img:before,
img:after,
svg:before,
svg:after,
ins:before,
ins:after,
kbd:before,
kbd:after,
q:before,
q:after,
samp:before,
samp:after,
a:before,
a:after,
small:before,
small:after,
strong:before,
strong:after,
sub:before,
sub:after,
sup:before,
sup:after,
var:before,
var:after,
i:before,
i:after,
b:before,
b:after,
dl:before,
dl:after,
dt:before,
dt:after,
dd:before,
dd:after,
ol:before,
ol:after,
ul:before,
ul:after,
li:before,
li:after,
fieldset:before,
fieldset:after,
form:before,
form:after,
label:before,
label:after,
legend:before,
legend:after,
table:before,
table:after,
caption:before,
caption:after,
tbody:before,
tbody:after,
tfoot:before,
tfoot:after,
thead:before,
thead:after,
tr:before,
tr:after,
th:before,
th:after,
td:before,
td:after,
article:before,
article:after,
aside:before,
aside:after,
canvas:before,
canvas:after,
details:before,
details:after,
figcaption:before,
figcaption:after,
figure:before,
figure:after,
footer:before,
footer:after,
header:before,
header:after,
hgroup:before,
hgroup:after,
menu:before,
menu:after,
nav:before,
nav:after,
section:before,
section:after,
summary:before,
summary:after,
time:before,
time:after,
mark:before,
mark:after,
audio:before,
audio:after,
video:before,
video:after {
  border-width: 0;
  border-style: solid;
  outline-width: 0;
  outline-style: solid;
  vertical-align: baseline;
  border-color: transparent;
  background: transparent;
}

fieldset {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

blockquote,
pre,
table,
form {
  margin: 0;
  padding: 0;
}

figure,
button,
input,
select,
textarea {
  margin: 0;
}

input {
  border-style: solid;
}

iframe,
canvas,
svg,
img,
video,
button,
input,
select,
textarea {
  max-width: 100%;
}

iframe,
img,
svg,
video {
  max-height: 100%;
}

iframe {
  display: block;
  width: 100%;
}

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

input:focus, input:active, input:hover,
a:focus,
a:active,
a:hover {
  outline-width: 0;
}

button,
input,
textarea {
  box-sizing: content-box;
  display: inline-block;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[type=search] {
  appearance: textfield;
}

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

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

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  appearance: button;
  text-align: center;
}

button,
input,
select {
  vertical-align: middle;
}

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

ul {
  padding-left: 2em;
  list-style: disc;
}

ol {
  padding-left: 2em;
  list-style: decimal;
}

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

[hidden] {
  display: none;
}

img {
  width: auto;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

svg,
img {
  display: inline-block;
  vertical-align: middle;
}

pre {
  word-wrap: break-word;
  white-space: pre-wrap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: calc(1 * var(--buffer));
  margin-bottom: calc(1 * var(--buffer-tight));
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

caption,
th,
td {
  text-align: left;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
dt,
mark,
th {
  font-weight: bold;
}

a {
  text-decoration: none;
}

input,
select,
textarea,
button {
  -webkit-font-smoothing: inherit;
  font-family: inherit;
}

input,
select,
textarea,
pre,
code,
kbd,
samp {
  font-size: inherit;
  line-height: inherit;
}

button,
input,
select,
textarea,
pre,
code,
kbd,
samp {
  font-weight: inherit;
}

button,
select {
  text-transform: inherit;
}

h1,
h2,
h3 {
  text-rendering: optimizeLegibility;
}

em,
dfn,
q,
blockquote {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

body {
  font-family: var(--default-font);
  font-size: var(--default-font-size);
  color: var(--text-color);
  background-color: var(--background-color);
  line-height: var(--default-line-height);
}

* {
  transition-property: none;
  transition-duration: var(--default-transition-duration);
  transition-timing-function: var(--default-transition-easing);
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
svg,
ins,
kbd,
q,
samp,
a,
small,
strong,
sub,
sup,
var,
i,
b,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
button,
input,
textarea {
  border-color: var(--border-color);
}
html:before, html:after,
body:before,
body:after,
div:before,
div:after,
span:before,
span:after,
object:before,
object:after,
iframe:before,
iframe:after,
h1:before,
h1:after,
h2:before,
h2:after,
h3:before,
h3:after,
h4:before,
h4:after,
h5:before,
h5:after,
h6:before,
h6:after,
p:before,
p:after,
blockquote:before,
blockquote:after,
pre:before,
pre:after,
abbr:before,
abbr:after,
address:before,
address:after,
cite:before,
cite:after,
code:before,
code:after,
del:before,
del:after,
dfn:before,
dfn:after,
em:before,
em:after,
img:before,
img:after,
svg:before,
svg:after,
ins:before,
ins:after,
kbd:before,
kbd:after,
q:before,
q:after,
samp:before,
samp:after,
a:before,
a:after,
small:before,
small:after,
strong:before,
strong:after,
sub:before,
sub:after,
sup:before,
sup:after,
var:before,
var:after,
i:before,
i:after,
b:before,
b:after,
dl:before,
dl:after,
dt:before,
dt:after,
dd:before,
dd:after,
ol:before,
ol:after,
ul:before,
ul:after,
li:before,
li:after,
fieldset:before,
fieldset:after,
form:before,
form:after,
label:before,
label:after,
legend:before,
legend:after,
table:before,
table:after,
caption:before,
caption:after,
tbody:before,
tbody:after,
tfoot:before,
tfoot:after,
thead:before,
thead:after,
tr:before,
tr:after,
th:before,
th:after,
td:before,
td:after,
article:before,
article:after,
aside:before,
aside:after,
canvas:before,
canvas:after,
details:before,
details:after,
figcaption:before,
figcaption:after,
figure:before,
figure:after,
footer:before,
footer:after,
header:before,
header:after,
hgroup:before,
hgroup:after,
menu:before,
menu:after,
nav:before,
nav:after,
section:before,
section:after,
summary:before,
summary:after,
time:before,
time:after,
mark:before,
mark:after,
audio:before,
audio:after,
video:before,
video:after,
button:before,
button:after,
input:before,
input:after,
textarea:before,
textarea:after {
  border-color: var(--border-color);
}
html:before, html:after,
body:before,
body:after,
div:before,
div:after,
span:before,
span:after,
object:before,
object:after,
iframe:before,
iframe:after,
h1:before,
h1:after,
h2:before,
h2:after,
h3:before,
h3:after,
h4:before,
h4:after,
h5:before,
h5:after,
h6:before,
h6:after,
p:before,
p:after,
blockquote:before,
blockquote:after,
pre:before,
pre:after,
abbr:before,
abbr:after,
address:before,
address:after,
cite:before,
cite:after,
code:before,
code:after,
del:before,
del:after,
dfn:before,
dfn:after,
em:before,
em:after,
img:before,
img:after,
svg:before,
svg:after,
ins:before,
ins:after,
kbd:before,
kbd:after,
q:before,
q:after,
samp:before,
samp:after,
a:before,
a:after,
small:before,
small:after,
strong:before,
strong:after,
sub:before,
sub:after,
sup:before,
sup:after,
var:before,
var:after,
i:before,
i:after,
b:before,
b:after,
dl:before,
dl:after,
dt:before,
dt:after,
dd:before,
dd:after,
ol:before,
ol:after,
ul:before,
ul:after,
li:before,
li:after,
fieldset:before,
fieldset:after,
form:before,
form:after,
label:before,
label:after,
legend:before,
legend:after,
table:before,
table:after,
caption:before,
caption:after,
tbody:before,
tbody:after,
tfoot:before,
tfoot:after,
thead:before,
thead:after,
tr:before,
tr:after,
th:before,
th:after,
td:before,
td:after,
article:before,
article:after,
aside:before,
aside:after,
canvas:before,
canvas:after,
details:before,
details:after,
figcaption:before,
figcaption:after,
figure:before,
figure:after,
footer:before,
footer:after,
header:before,
header:after,
hgroup:before,
hgroup:after,
menu:before,
menu:after,
nav:before,
nav:after,
section:before,
section:after,
summary:before,
summary:after,
time:before,
time:after,
mark:before,
mark:after,
audio:before,
audio:after,
video:before,
video:after,
button:before,
button:after,
input:before,
input:after,
textarea:before,
textarea:after {
  vertical-align: middle;
}

strong,
dt,
mark,
th {
  font-weight: var(--font-weight-bold);
}

blockquote,
q {
  font-family: var(--font-serif);
}

pre,
code,
kbd,
samp {
  font-family: var(--font-mono);
  font-size: var(--font-size-mono);
}

abbr[title],
dfn[title] {
  cursor: help;
  text-decoration-line: underline;
}

h1 {
  font-family: var(--headline-font);
  font-family: var(--headline-weight);
  line-height: var(--headline-line-height);
  font-size: var(--font-size-h1);
}
@media (min-width: 415px) {
  h1 {
    font-size: var(--font-size-h1)0.2em;
  }
}
@media (min-width: 801px) {
  h1 {
    font-size: var(--font-size-h1)0.6em;
  }
}
@media (min-width: 961px) {
  h1 {
    font-size: var(--font-size-h1)0.8em;
  }
}
@media (min-width: 1281px) {
  h1 {
    font-size: var(--font-size-h1)1em;
  }
}

h2 {
  font-weight: var(--font-weight-bold);
  font-family: var(--headline-font);
  font-family: var(--headline-weight);
  line-height: var(--headline-line-height);
  line-height: var(--line-height-very-tight);
  font-size: var(--font-size-h2);
}
@media (min-width: 801px) {
  h2 {
    font-size: var(--font-size-h1);
  }
}

h3 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h3);
}

h4 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h4);
}

h5 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h4);
  color: var(--discreet-text-color);
  font-size: var(--font-size-h5);
}

h6 {
  color: var(--discreet-text-color);
  font-size: inherit;
  font-size: var(--font-size-h5);
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  vertical-align: baseline;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: none;
}

button {
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  background-color: transparent;
  appearance: none;
  cursor: pointer;
  transition-duration: var(--transition-slow);
  transition-property: var(--transition-properties-common);
}
button:focus, button:hover, button:active {
  transition-duration: var(--transition-fast);
}

select {
  overflow: hidden;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  appearance: none;
}
select:focus {
  outline: none;
}

label {
  display: block;
}

/* stylelint-disable-next-line at-rule-no-vendor-prefix */
@-webkit-keyframes autofill-default {
  to {
    background: transparent;
  }
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-animation-name: autofill-default;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-animation-fill-mode: both;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a {
  color: inherit;
  display: inline-block;
  cursor: pointer;
  transition-property: var(--transition-properties-common);
  transition-duration: var(--transition-slow);
}
a:focus, a:hover, a:active {
  transition-duration: var(--transition-fast);
}

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

table {
  border-left-width: 1px;
  border-right-width: 1px;
}

th,
td {
  padding-left: calc(1 * var(--pad-loose-horizontal));
  padding-right: calc(1 * var(--pad-loose-horizontal));
  padding-top: calc(1 * var(--pad-loose-vertical));
  padding-bottom: calc(1 * var(--pad-loose-vertical));
  border-top-width: 1px;
  border-bottom-width: 1px;
}

@media (min-width: 1280px) {
  /* stylelint-disable no-duplicate-selectors */
  [data-tooltip-up],
[data-tooltip-up-left],
[data-tooltip-up-right],
[data-tooltip-left],
[data-tooltip-right],
[data-tooltip-down],
[data-tooltip-down-left],
[data-tooltip-down-right] {
    position: relative;
  }
  [data-tooltip-up]:before,
[data-tooltip-up-left]:before,
[data-tooltip-up-right]:before,
[data-tooltip-left]:before,
[data-tooltip-right]:before,
[data-tooltip-down]:before,
[data-tooltip-down-left]:before,
[data-tooltip-down-right]:before {
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 25;
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: var(--transition-medium);
    transition-timing-function: var(--easing-snap);
  }
  [data-tooltip-up]:hover:before,
[data-tooltip-up-left]:hover:before,
[data-tooltip-up-right]:hover:before,
[data-tooltip-left]:hover:before,
[data-tooltip-right]:hover:before,
[data-tooltip-down]:hover:before,
[data-tooltip-down-left]:hover:before,
[data-tooltip-down-right]:hover:before {
    opacity: 1;
    transition-duration: var(--transition-fast);
  }
  [data-tooltip-up]:before,
[data-tooltip-up-left]:before,
[data-tooltip-up-right]:before,
[data-tooltip-left]:before,
[data-tooltip-right]:before,
[data-tooltip-down]:before,
[data-tooltip-down-left]:before,
[data-tooltip-down-right]:before {
    padding-left: calc(1 * var(--pad-tight-horizontal));
    padding-right: calc(1 * var(--pad-tight-horizontal));
    padding-top: calc(1 * var(--pad-tight-vertical));
    padding-bottom: calc(1 * var(--pad-tight-vertical));
    line-height: var(--line-height-tight);
    letter-spacing: normal;
    font-size: var(--default-font-size);
    font-weight: normal;
    text-transform: none;
    text-align: center;
    white-space: nowrap;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    color: var(--white);
    background-color: var(--dark);
  }
  [data-tooltip-up]:before {
    content: attr(data-tooltip-up);
  }
  [data-tooltip-up-left]:before {
    content: attr(data-tooltip-up-left);
  }
  [data-tooltip-up-right]:before {
    content: attr(data-tooltip-up-right);
  }
  [data-tooltip-left]:before {
    content: attr(data-tooltip-left);
  }
  [data-tooltip-right]:before {
    content: attr(data-tooltip-right);
  }
  [data-tooltip-down]:before {
    content: attr(data-tooltip-down);
  }
  [data-tooltip-down-left]:before {
    content: attr(data-tooltip-down-left);
  }
  [data-tooltip-down-right]:before {
    content: attr(data-tooltip-down-right);
  }
  [data-tooltip-up]:before,
[data-tooltip-up-left]:before,
[data-tooltip-up-right]:before {
    bottom: 100%;
    margin-bottom: var(--pad-vertical);
  }
  [data-tooltip-down]:before,
[data-tooltip-down-left]:before,
[data-tooltip-down-right]:before {
    top: 100%;
    margin-top: var(--pad-vertical);
  }
  [data-tooltip-up-left]:before {
    left: 0;
    transform: translate3d(0, 0.25rem, 0);
  }
  [data-tooltip-up-left]:hover:before {
    transform: translate3d(0, 0, 0);
  }
  [data-tooltip-up]:before {
    left: 50%;
    transform: translate3d(-50%, 0.25rem, 0);
  }
  [data-tooltip-up]:hover:before {
    transform: translate3d(-50%, 0, 0);
  }
  [data-tooltip-up-right]:before {
    right: 0;
    transform: translate3d(0, 0.25rem, 0);
  }
  [data-tooltip-up-right]:hover:before {
    transform: translate3d(0, 0, 0);
  }
  [data-tooltip-down-left]:before {
    left: 0;
    transform: translate3d(0, 0.25rem, 0);
  }
  [data-tooltip-down-left]:hover:before {
    transform: translate3d(0, 0, 0);
  }
  [data-tooltip-down]:before {
    left: 50%;
    transform: translate3d(-50%, 0.25rem, 0);
  }
  [data-tooltip-down]:hover:before {
    transform: translate3d(-50%, 0, 0);
  }
  [data-tooltip-down-right]:before {
    right: 0;
    transform: translate3d(0, 0.25rem, 0);
  }
  [data-tooltip-down-right]:hover:before {
    transform: translate3d(0, 0, 0);
  }
  [data-tooltip-left]:before,
[data-tooltip-right]:before {
    top: 50%;
  }
  [data-tooltip-left]:before {
    right: 100%;
    transform: translate3d(-0.25rem, -50%, 0);
  }
  [data-tooltip-left]:hover:before {
    transform: translate3d(-var(--pad-vertical), -50%, 0);
  }
  [data-tooltip-right]:before {
    left: 100%;
    transform: translate3d(0.25rem, -50%, 0);
  }
  [data-tooltip-right]:hover:before {
    transform: translate3d(var(--pad-vertical), -50%, 0);
  }
}
.bodytext a,
.bodytext button {
  color: var(--link-color);
  font-weight: var(--link-weight);
}
.bodytext a:hover, .bodytext a:active,
.bodytext button:hover,
.bodytext button:active {
  color: var(--link-active-color);
}
.bodytext a:hover, .bodytext a:active,
.bodytext button:hover,
.bodytext button:active {
  color: var(--link-active-color);
}
.bodytext strong {
  font-weight: var(--font-weight-bold);
}
.bodytext code {
  border-top-left-radius: var(--radius-tight);
  border-top-right-radius: var(--radius-tight);
  border-bottom-left-radius: var(--radius-tight);
  border-bottom-right-radius: var(--radius-tight);
  font-size: 0.85em;
  padding: 0 0.2em;
  background-color: var(--very-very-light-grey);
  box-shadow: 0 0 0 1px var(--light-grey);
}
.bodytext pre {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  padding-left: calc(1 * var(--pad-loose-horizontal));
  padding-right: calc(1 * var(--pad-loose-horizontal));
  padding-top: calc(1 * var(--pad-loose-vertical));
  padding-bottom: calc(1 * var(--pad-loose-vertical));
  background-color: var(--very-very-light-grey);
  border-width: 1px;
}
.bodytext pre code {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.bodytext dt code,
.bodytext h3 code,
.bodytext h4 code {
  text-transform: none;
}
.bodytext ul {
  list-style-type: disc;
}
.bodytext ol {
  list-style-type: decimal;
}
.bodytext ul,
.bodytext ol {
  padding-left: 2em;
}
.bodytext ul ul,
.bodytext ul ol,
.bodytext ol ul,
.bodytext ol ol {
  margin-bottom: 0.8em;
}
.bodytext table,
.bodytext th,
.bodytext td {
  border-width: 1px;
}
.bodytext th,
.bodytext td {
  padding-left: calc(1 * var(--pad-horizontal));
  padding-right: calc(1 * var(--pad-horizontal));
  padding-top: calc(1 * var(--pad-vertical));
  padding-bottom: calc(1 * var(--pad-vertical));
}

.bodytext-with-line-breaks {
  white-space: pre-line;
}

.bodytext-discreet {
  color: var(--discreet-text-color);
}

.bodytext-link {
  color: var(--link-color);
  font-weight: var(--link-weight);
}
.bodytext-link:hover, .bodytext-link:active {
  color: var(--link-active-color);
}
.bodytext-link:hover, .bodytext-link:active {
  color: var(--link-active-color);
}

.bodytext-list-item > p {
  margin-top: 0;
  margin-bottom: 0;
}

.bodytext-h1 {
  font-family: var(--headline-font);
  font-family: var(--headline-weight);
  line-height: var(--headline-line-height);
  font-size: var(--font-size-h1);
}
@media (min-width: 415px) {
  .bodytext-h1 {
    font-size: var(--font-size-h1)0.2em;
  }
}
@media (min-width: 801px) {
  .bodytext-h1 {
    font-size: var(--font-size-h1)0.6em;
  }
}
@media (min-width: 961px) {
  .bodytext-h1 {
    font-size: var(--font-size-h1)0.8em;
  }
}
@media (min-width: 1281px) {
  .bodytext-h1 {
    font-size: var(--font-size-h1)1em;
  }
}

.bodytext-h2 {
  font-weight: var(--font-weight-bold);
  font-family: var(--headline-font);
  font-family: var(--headline-weight);
  line-height: var(--headline-line-height);
  line-height: var(--line-height-very-tight);
  font-size: var(--font-size-h2);
}
@media (min-width: 801px) {
  .bodytext-h2 {
    font-size: var(--font-size-h1);
  }
}

.bodytext-h3 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h3);
}

.bodytext-h4 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h4);
}

.bodytext-h5 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h4);
  color: var(--discreet-text-color);
  font-size: var(--font-size-h5);
}

.bodytext-h6 {
  color: var(--discreet-text-color);
  font-size: inherit;
  font-size: var(--font-size-h5);
}

.control {
  transition-duration: var(--transition-slow);
  transition-property: var(--transition-properties-common);
}
.control:focus, .control:hover, .control:active {
  transition-duration: var(--transition-fast);
}

.control-enabled {
  cursor: pointer;
}
.control-enabled.control-mouse-down {
  user-select: none;
}

.rhythm-tight object,
.rhythm-tight iframe,
.rhythm-tight h1,
.rhythm-tight h2,
.rhythm-tight h3,
.rhythm-tight h4,
.rhythm-tight h5,
.rhythm-tight h6,
.rhythm-tight p,
.rhythm-tight blockquote,
.rhythm-tight pre,
.rhythm-tight abbr,
.rhythm-tight address,
.rhythm-tight q,
.rhythm-tight dl,
.rhythm-tight dt,
.rhythm-tight dd,
.rhythm-tight ol,
.rhythm-tight ul,
.rhythm-tight li,
.rhythm-tight table,
.rhythm-tight caption,
.rhythm-tight tbody,
.rhythm-tight tfoot,
.rhythm-tight thead,
.rhythm-tight tr,
.rhythm-tight th,
.rhythm-tight td,
.rhythm-tight article,
.rhythm-tight aside,
.rhythm-tight footer,
.rhythm-tight header,
.rhythm-tight hgroup,
.rhythm-tight menu,
.rhythm-tight nav,
.rhythm-tight section {
  margin-top: calc(1 * var(--buffer-very-tight));
  margin-bottom: calc(1 * var(--buffer-tight));
}

.no-rhythm object,
.no-rhythm iframe,
.no-rhythm h1,
.no-rhythm h2,
.no-rhythm h3,
.no-rhythm h4,
.no-rhythm h5,
.no-rhythm h6,
.no-rhythm p,
.no-rhythm blockquote,
.no-rhythm pre,
.no-rhythm abbr,
.no-rhythm address,
.no-rhythm q,
.no-rhythm dl,
.no-rhythm dt,
.no-rhythm dd,
.no-rhythm ol,
.no-rhythm ul,
.no-rhythm li,
.no-rhythm table,
.no-rhythm caption,
.no-rhythm tbody,
.no-rhythm tfoot,
.no-rhythm thead,
.no-rhythm tr,
.no-rhythm th,
.no-rhythm td,
.no-rhythm article,
.no-rhythm aside,
.no-rhythm footer,
.no-rhythm header,
.no-rhythm hgroup,
.no-rhythm menu,
.no-rhythm nav,
.no-rhythm section {
  margin-top: 0;
  margin-bottom: 0;
}

/*# sourceMappingURL=index.css.map */