@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/*

The Internet Platform Base Styles
Version 4.0.6
Developed by John Mitchell
Copyright (c) 2015 Inology Australia Pty Ltd
http://inology.au

*/
@font-face {
  font-family: FontAwesome;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --white: #fff;
  --black: #000;
  --semi-transparent: rgba(0, 0, 0, 50%);
  --light: #ffffff;
  --light-luminance: 1;
  --light-light: white;
  --light-lighten-percentage: 40%;
  --light-dark: #d9d9d9;
  --light-darken-percentage: -15%;
  --light-distinct: white;
  --light-distinct-percentage: 20%;
  --light-indistinct: #e6e6e6;
  --light-indistinct-percentage: -10%;
  --light-contrast: #000;
  --dark: #1f2023;
  --dark-luminance: 0.0144567923;
  --dark-light: #50525a;
  --dark-lighten-percentage: 20.2891358465%;
  --dark-dark: black;
  --dark-darken-percentage: -29.7831481151%;
  --dark-distinct: black;
  --dark-distinct-percentage: -19.8554320767%;
  --dark-indistinct: #37393e;
  --dark-indistinct-percentage: 10.1445679233%;
  --dark-contrast: #fff;
  --primary: #218ccc;
  --primary-luminance: 0.2343913343;
  --primary-light: #80c3eb;
  --primary-lighten-percentage: 24.6878266859%;
  --primary-dark: #0e3c58;
  --primary-darken-percentage: -26.4841299855%;
  --primary-distinct: #14577e;
  --primary-distinct-percentage: -17.656086657%;
  --primary-indistinct: #4aa9e2;
  --primary-indistinct-percentage: 12.343913343%;
  --primary-contrast: #fff;
  --secondary: #dd5426;
  --secondary-luminance: 0.2185274022;
  --secondary-light: #eea991;
  --secondary-lighten-percentage: 24.3705480436%;
  --secondary-dark: #6a2711;
  --secondary-darken-percentage: -26.7220889673%;
  --secondary-distinct: #913617;
  --secondary-distinct-percentage: -17.8147259782%;
  --secondary-indistinct: #e57e5c;
  --secondary-indistinct-percentage: 12.1852740218%;
  --secondary-contrast: #fff;
  --tertiary: #3b3735;
  --tertiary-luminance: 0.0391922487;
  --tertiary-light: #736b67;
  --tertiary-lighten-percentage: 20.7838449744%;
  --tertiary-dark: black;
  --tertiary-darken-percentage: -29.4121162692%;
  --tertiary-distinct: #060606;
  --tertiary-distinct-percentage: -19.6080775128%;
  --tertiary-indistinct: #57514e;
  --tertiary-indistinct-percentage: 10.3919224872%;
  --tertiary-contrast: #fff;
  --info: #17a2b8;
  --info-luminance: 0.2948351096;
  --info-light: #67daec;
  --info-lighten-percentage: 25.8967021925%;
  --info-dark: #093c44;
  --info-darken-percentage: -25.5774733556%;
  --info-distinct: #0d5e6b;
  --info-distinct-percentage: -17.0516489037%;
  --info-indistinct: #2ccbe5;
  --info-indistinct-percentage: 12.9483510963%;
  --info-contrast: #fff;
  --success: #28a745;
  --success-luminance: 0.285182204;
  --success-light: #74de8c;
  --success-lighten-percentage: 25.7036440809%;
  --success-dark: #0f3d19;
  --success-darken-percentage: -25.7222669393%;
  --success-distinct: #176028;
  --success-distinct-percentage: -17.1481779595%;
  --success-indistinct: #3fd161;
  --success-indistinct-percentage: 12.8518220405%;
  --success-contrast: #fff;
  --warning: #ffc107;
  --warning-luminance: 0.5941526867;
  --warning-light: #ffeaaa;
  --warning-lighten-percentage: 31.8830537337%;
  --warning-dark: #9a7400;
  --warning-darken-percentage: -21.0877096997%;
  --warning-distinct: #ffd558;
  --warning-distinct-percentage: 15.9415268669%;
  --warning-indistinct: #be8f00;
  --warning-indistinct-percentage: -14.0584731331%;
  --warning-contrast: #000;
  --danger: #dc3545;
  --danger-luminance: 0.18191521;
  --danger-light: #ee9ca4;
  --danger-lighten-percentage: 23.6383042%;
  --danger-dark: #72141d;
  --danger-darken-percentage: -27.27127185%;
  --danger-distinct: #9a1b27;
  --danger-distinct-percentage: -18.1808479%;
  --danger-indistinct: #e56874;
  --danger-indistinct-percentage: 11.8191521%;
  --danger-contrast: #fff;
  --yellow: #ffff00;
  --yellow-luminance: 0.9278;
  --yellow-light: #ffffc5;
  --yellow-lighten-percentage: 38.556%;
  --yellow-dark: #adad00;
  --yellow-darken-percentage: -16.083%;
  --yellow-distinct: #ffff62;
  --yellow-distinct-percentage: 19.278%;
  --yellow-indistinct: #c8c800;
  --yellow-indistinct-percentage: -10.722%;
  --yellow-contrast: #000;
  --green: #00ff00;
  --green-luminance: 0.7152;
  --green-light: #afffaf;
  --green-lighten-percentage: 34.304%;
  --green-dark: #009d00;
  --green-darken-percentage: -19.272%;
  --green-distinct: #57ff57;
  --green-distinct-percentage: 17.152%;
  --green-indistinct: #00bd00;
  --green-indistinct-percentage: -12.848%;
  --green-contrast: #000;
  --cyan: #00ffff;
  --cyan-luminance: 0.7874;
  --cyan-light: #b6ffff;
  --cyan-lighten-percentage: 35.748%;
  --cyan-dark: #00a2a2;
  --cyan-darken-percentage: -18.189%;
  --cyan-distinct: #5bffff;
  --cyan-distinct-percentage: 17.874%;
  --cyan-indistinct: #00c1c1;
  --cyan-indistinct-percentage: -12.126%;
  --cyan-contrast: #000;
  --blue: #0000ff;
  --blue-luminance: 0.0722;
  --blue-light: #6d6dff;
  --blue-lighten-percentage: 21.444%;
  --blue-dark: #00006c;
  --blue-darken-percentage: -28.917%;
  --blue-distinct: #00009d;
  --blue-distinct-percentage: -19.278%;
  --blue-indistinct: #3737ff;
  --blue-indistinct-percentage: 10.722%;
  --blue-contrast: #fff;
  --magenta: #ff00ff;
  --magenta-luminance: 0.2848;
  --magenta-light: #ff83ff;
  --magenta-lighten-percentage: 25.696%;
  --magenta-dark: #7c007c;
  --magenta-darken-percentage: -25.728%;
  --magenta-distinct: #a800a8;
  --magenta-distinct-percentage: -17.152%;
  --magenta-indistinct: #ff42ff;
  --magenta-indistinct-percentage: 12.848%;
  --magenta-contrast: #fff;
  --red: #ff0000;
  --red-luminance: 0.2126;
  --red-light: #ff7c7c;
  --red-lighten-percentage: 24.252%;
  --red-dark: #760000;
  --red-darken-percentage: -26.811%;
  --red-distinct: #a40000;
  --red-distinct-percentage: -17.874%;
  --red-indistinct: #ff3e3e;
  --red-indistinct-percentage: 12.126%;
  --red-contrast: #fff;
  --fore: var(--dark);
  --fore-distinct: var(--dark-distinct);
  --fore-indistinct: var(--dark-indistinct);
  --back: var(--light);
  --back-distinct: var(--light-distinct);
  --back-indistinct: var(--light-indistinct);
  --selection-color: var(--back);
  --selection-background-color: var(--fore);
  --icon-content: "";
  --icon-font-family: FontAwesome;
  --icon-text-gap: 5px;
  --line-height: 1.5;
  --cap-font-size: 2em;
  --outline-width: 1px;
  --outline-style: dotted;
  --outline-color: var(--back-indistinct);
  --outline-offset: 1px;
  --border-width: 1px;
  --border-width-thick: 2px;
  --border-style: solid;
  --border-color: var(--back-indistinct);
  --border-radius: 5px;
  --box-shadow: 3px 3px 6px rgba(0, 0, 0, .25);
  --text-shadow: 2px 2px 0 rgba(0, 0, 0, .25);
  --block-margin-top: 10px;
  --block-margin: var(--block-margin-top) 0 0 0;
  --sub-block-margin-top: 5px;
  --sub-block-margin: var(--sub-block-margin-top) 0 0 0;
  --indent-width: 30px;
  --condensed-padding: 4px;
  --padded-padding: 8px;
  --inline-highlight-padding: 0 2px;
  --placeholder-color: var(--fore-indistinct);
  --input-focus-outline-offset: -1px;
  --input-border-width: var(--border-width);
  --input-border-style: var(--border-style);
  --input-border-color: var(--border-color);
  --input-border-radius: var(--border-radius);
  --input-padding-top: 5px;
  --input-padding-right: 7px;
  --input-padding-bottom: 5px;
  --input-padding-left: 7px;
  --input-padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);
  --input-line-height: var(--line-height);
  --input-color: var(--fore);
  --input-background-color: var(--back);
  --input-readonly-color: var(--fore-indistinct);
  --input-disabled-color: var(--fore-indistinct);
  --input-disabled-background-color: var(--back-indistinct);
  --input-invalid-border-color: var(--danger);
  --input-icon-padding: 1px;
  --input-icon-font-scale: .8;
  --input-icon-font-size: calc(1em * var(--input-icon-font-scale));
  --input-icon-font: var(--input-icon-font-size)/1 var(--icon-font-family);
  --bubble-border-width: var(--border-width);
  --bubble-border-style: var(--border-style);
  --bubble-border-color: var(--border-color);
  --bubble-border-radius: 5px;
  --bubble-padding: 5px;
  --bubble-color: var(--fore);
  --bubble-background-color: var(--back);
  --bubble-tail-size: 5px;
  --bubble-shadow: var(--box-shadow);
  --box-border-width: var(--border-width);
  --box-border-style: var(--border-style);
  --box-border-color: var(--border-color);
  --box-border-radius: 8px;
  --box-padding: 10px;
  --drop-box-color: var(--fore);
  --drop-box-background-color: var(--back);
  --drop-box-shadow: var(--box-shadow);
  --popup-margin: 30px;
  --button-focus-outline-offset: -1px;
  --button-border-width: var(--border-width);
  --button-border-style: var(--border-style);
  --button-border-color: var(--border-color);
  --button-border-radius: 5px;
  --button-padding-top: 4px;
  --button-padding-right: 6px;
  --button-padding-bottom: 4px;
  --button-padding-left: 6px;
  --button-padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  --button-color: var(--fore);
  --button-background-color: var(--back);
  --button-shadow: var(--box-shadow);
  --nav-item-padding-top: 5px;
  --nav-item-padding-right: 7px;
  --nav-item-padding-bottom: 5px;
  --nav-item-padding-left: 7px;
  --nav-item-padding: var(--nav-item-padding-top) var(--nav-item-padding-right) var(--nav-item-padding-bottom) var(--nav-item-padding-left);
  --nav-indent-width: 14px;
  --nav-item-line-height: var(--line-height);
  --nav-drop-box-min-width: 200px;
  --nav-current-item-color: var(--fore-distinct);
  --nav-active-item-color: var(--fore-distinct);
  --nav-hover-item-color: var(--fore-distinct);
  --column-gap: 10px;
  --column-rule-width: var(--border-width);
  --column-rule-style: var(--border-style);
  --column-rule-color: var(--border-color);
  --column-rule: var(--column-rule-width) var(--column-rule-style) var(--column-rule-color);
  --video-play-icon-content: "";
  --video-play-icon-font-size: 2em;
  --scrollbar-thumb-color: var(--fore-indistinct);
  --scrollbar-track-color: var(--back-indistinct);
  --content-width: 1200px;
  --content-width-narrow: 840px;
  --layout-spacing: 30px;
}

.fore-color-light {
  --fore: var(--light);
  --fore-distinct: var(--light-distinct);
  --fore-indistinct: var(--light-indistinct);
}

.fore-color-dark {
  --fore: var(--dark);
  --fore-distinct: var(--dark-distinct);
  --fore-indistinct: var(--dark-indistinct);
}

@media (prefers-color-scheme: light) {
  .fore-color-reverse {
    --fore: var(--light);
    --fore-distinct: var(--light-distinct);
    --fore-indistinct: var(--light-indistinct);
  }
}
@media (prefers-color-scheme: dark) {
  .fore-color-reverse {
    --fore: var(--dark);
    --fore-distinct: var(--dark-distinct);
    --fore-indistinct: var(--dark-indistinct);
  }
}

.fore-color-primary {
  --fore: var(--primary);
  --fore-distinct: var(--primary-distinct);
  --fore-indistinct: var(--primary-indistinct);
}

.fore-color-secondary {
  --fore: var(--secondary);
  --fore-distinct: var(--secondary-distinct);
  --fore-indistinct: var(--secondary-indistinct);
}

.fore-color-tertiary {
  --fore: var(--tertiary);
  --fore-distinct: var(--tertiary-distinct);
  --fore-indistinct: var(--tertiary-indistinct);
}

.fore-color-light,
.fore-color-dark,
.fore-color-reverse,
.fore-color-primary,
.fore-color-secondary,
.fore-color-tertiary {
  color: var(--fore);
  --selection-background-color: var(--fore);
  --placeholder-color: var(--fore-indistinct);
  --input-color: var(--fore);
  --input-readonly-color: var(--fore-indistinct);
  --input-disabled-color: var(--fore-indistinct);
  --bubble-color: var(--fore);
  --drop-box-color: var(--fore);
  --button-color: var(--fore);
  --nav-current-item-color: var(--fore-distinct);
  --nav-active-item-color: var(--fore-distinct);
  --nav-hover-item-color: var(--fore-distinct);
  --scrollbar-thumb-color: var(--fore-indistinct);
}

.back-color-light {
  --back: var(--light);
  --back-distinct: var(--light-distinct);
  --back-indistinct: var(--light-indistinct);
}

.back-color-dark {
  --back: var(--dark);
  --back-distinct: var(--dark-distinct);
  --back-indistinct: var(--dark-indistinct);
}

@media (prefers-color-scheme: light) {
  .back-color-reverse {
    --back: var(--dark);
    --back-distinct: var(--dark-distinct);
    --back-indistinct: var(--dark-indistinct);
  }
}
@media (prefers-color-scheme: dark) {
  .back-color-reverse {
    --back: var(--light);
    --back-distinct: var(--light-distinct);
    --back-indistinct: var(--light-indistinct);
  }
}

.back-color-primary {
  --back: var(--primary);
  --back-distinct: var(--primary-distinct);
  --back-indistinct: var(--primary-indistinct);
}

.back-color-secondary {
  --back: var(--secondary);
  --back-distinct: var(--secondary-distinct);
  --back-indistinct: var(--secondary-indistinct);
}

.back-color-tertiary {
  --back: var(--tertiary);
  --back-distinct: var(--tertiary-distinct);
  --back-indistinct: var(--tertiary-indistinct);
}

.back-color-light,
.back-color-dark,
.back-color-reverse,
.back-color-primary,
.back-color-secondary,
.back-color-tertiary {
  background-color: var(--back);
  --selection-color: var(--back);
  --outline-color: var(--back-indistinct);
  --border-color: var(--back-indistinct);
  --input-border-color: var(--border-color);
  --input-background-color: var(--back);
  --input-disabled-background-color: var(--back-indistinct);
  --bubble-border-color: var(--border-color);
  --bubble-background-color: var(--back);
  --box-border-color: var(--border-color);
  --drop-box-background-color: var(--back);
  --button-border-color: var(--border-color);
  --button-background-color: var(--back);
  --column-rule-color: var(--border-color);
  --scrollbar-track-color: var(--back-indistinct);
}

::-webkit-scrollbar {
  width: 7px;
  background-color: var(--scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color);
}

*, ::before, ::after {
  box-sizing: inherit;
}

::selection {
  color: var(--selection-color);
  background-color: var(--selection-background-color);
}

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

html {
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -moz-tab-size: 4;
  tab-size: 4;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
  scrollbar-width: thin;
}

body {
  margin: 0;
  min-height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: var(--line-height);
  text-align: left;
  color: var(--fore);
  background-color: var(--back);
}

article,
aside,
footer,
header,
hgroup,
main,
section,
nav {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: var(--block-margin);
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
}

p,
blockquote,
address,
details {
  margin: var(--block-margin);
}

menu,
ul,
ol,
dl {
  margin: 0;
  margin-left: var(--indent-width);
  padding: 0;
}

menu,
ul,
ol {
  list-style-position: outside;
}

menu,
ul {
  list-style-type: disc;
}

menu menu,
ul ul {
  list-style-type: circle;
}

menu menu menu,
ul ul ul {
  list-style-type: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ul.unstyled,
ol.unstyled {
  list-style-type: none;
}

li,
dt,
dd {
  margin: var(--sub-block-margin);
  padding: 0;
}

dt {
  font-weight: bold;
}

dd,
blockquote {
  padding: 0;
  padding-left: var(--indent-width);
  border-left: 5px solid var(--back-indistinct);
}

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

q {
  quotes: "“" "”" "‘" "’";
}

details {
  display: block;
}

details > * {
  display: none;
}

details[open] > * {
  display: block;
}

summary {
  display: block;
  cursor: pointer;
}

center {
  display: block;
  text-align: center;
}

hr {
  box-sizing: content-box;
  margin: 20px auto;
  border-width: 0;
  border-top: var(--border-width) var(--border-style) var(--border-color);
  width: 100%;
  height: 0;
}

hr[data-content] {
  position: relative;
  border-top-width: 0;
  height: 1em;
}

hr[data-content]::before {
  content: "";
  border-top: var(--border-width) var(--border-style) var(--border-color);
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
}

hr[data-content]::after {
  content: attr(data-content);
  padding: 0 3px;
  color: var(--fore);
  background-color: var(--back);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* monospace styles */
pre,
code,
kbd,
tt,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace serif;
  font-size: 1em;
}

pre {
  margin: var(--block-margin);
  border: var(--box-border-width) var(--box-border-style) var(--box-border-color);
  border-radius: var(--box-border-radius);
  padding: var(--box-padding);
  word-break: normal;
  word-wrap: normal;
  white-space: pre;
  color: var(--fore);
  background-color: var(--back-indistinct);
  overflow: auto;
}

code {
  padding: var(--inline-highlight-padding);
  white-space: pre-wrap;
  color: var(--fore);
  background-color: var(--back-indistinct);
}

pre code {
  padding: 0;
  white-space: pre;
  color: inherit;
  background-color: transparent;
}

span.Script {
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--outline-offset);
}

span.Script::before {
  content: "{";
}

span.Script::after {
  content: "}";
}

/* inline element */
a {
  font-style: italic;
  text-decoration: inherit;
  color: inherit;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline-offset: var(--inline-focus-outline-offset);
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  text-decoration: inherit;
}

a:not([href]):not([tabindex]):focus {
  outline: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-style: inherit;
}

strong, b {
  font-weight: bolder;
}

em, i, cite, var, dfn {
  font-style: italic;
}

small {
  font-size: 0.66666em;
}

big {
  font-size: 1.5em;
}

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

sup {
  top: -0.75em;
}

sub {
  bottom: -0.15em;
}

s, strike {
  text-decoration: line-through;
}

u {
  text-decoration: underline;
}

ins {
  padding: var(--inline-highlight-padding);
  color: var(--dark);
  background-color: var(--green-light);
}

del {
  padding: var(--inline-highlight-padding);
  text-decoration: line-through;
  color: var(--dark);
  background-color: var(--red-light);
}

mark {
  padding: var(--inline-highlight-padding);
  font-weight: inherit;
  font-style: inherit;
  color: var(--dark);
  background-color: var(--yellow-light);
}

abbr[title], acronym[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
}

img,
picture,
figure,
svg,
canvas,
audio,
video,
iframe,
embed,
object {
  max-width: 100%;
}

img {
  border-style: none;
  vertical-align: middle;
  height: auto;
}
img.cover {
  object-fit: cover;
}
img.contain {
  object-fit: contain;
}
img.background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

figure {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
figure > figcaption {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.75em;
}
figure > img {
  display: block;
}
figure > figcaption + img, figure > img + figcaption {
  margin: var(--sub-block-margin);
}
figure > figcaption.over {
  margin: 0;
  padding: 0.5em;
  width: 100%;
  color: var(--light);
  background-color: var(--semi-transparent);
  text-shadow: var(--text-shadow);
  position: absolute;
  top: 0;
  left: 0;
}
figure > figcaption.over + img {
  margin: 0;
}
figure > img + figcaption.over {
  top: auto;
  bottom: 0;
}

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

/* table styles */
table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}

caption {
  padding: 0;
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.5;
  caption-side: top;
  text-align: center;
}

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

thead > tr > * {
  font-weight: bold;
  vertical-align: bottom;
}

th {
  font-weight: bold;
}

table.dividers > * > tr > *,
table.row-dividers > * > tr > *,
table.section-dividers > * > tr:first-child > *,
table.dividers > caption.bottom,
table.row-dividers > caption.bottom,
table.section-dividers > caption.bottom {
  border-top: var(--border-width) var(--border-style) var(--border-color);
}

table.dividers > * > tr:first-child > *,
table.row-dividers > * > tr:first-child > *,
table.section-dividers > * > tr:first-child > *,
table.dividers > caption.bottom,
table.row-dividers > caption.bottom,
table.section-dividers > caption.bottom {
  border-top-width: var(--border-width-thick);
}

table.dividers > *:first-child > tr:first-child > *,
table.row-dividers > *:first-child > tr:first-child > *,
table.section-dividers > *:first-child > tr:first-child > *,
table.dividers > caption.bottom + * > tr:first-child > *,
table.row-dividers > caption.bottom + * > tr:first-child > *,
table.section-dividers > caption.bottom + * > tr:first-child > * {
  border-top-width: 0;
}

table.dividers > * > tr > *,
table.row-dividers > * > tr > *,
table.section-dividers > * > tr:last-child > *,
table.dividers > caption:not(.bottom),
table.row-dividers > caption:not(.bottom),
table.section-dividers > caption:not(.bottom) {
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}

table.dividers > * > tr:last-child > *,
table.row-dividers > * > tr:last-child > *,
table.section-dividers > * > tr:last-child > *,
table.dividers > caption:not(.bottom),
table.row-dividers > caption:not(.bottom),
table.section-dividers > caption:not(.bottom) {
  border-bottom-width: var(--border-width-thick);
}

table.dividers > *:last-child > tr:last-child > *,
table.row-dividers > *:last-child > tr:last-child > *,
table.section-dividers > *:last-child > tr:last-child > *,
table.dividers > caption.bottom + * > tr:last-child > *,
table.row-dividers > caption.bottom + * > tr:last-child > *,
table.section-dividers > caption.bottom + * > tr:last-child > * {
  border-bottom-width: 0;
}

table.dividers > * > tr > *,
table.column-dividers > * > tr > * {
  border-left: var(--border-width) var(--border-style) var(--border-color);
}

table.dividers > * > tr > th + td,
table.column-dividers > * > tr > th + td,
table.dividers > * > tr > td + th,
table.column-dividers > * > tr > td + th {
  border-left-width: var(--border-width-thick);
}

table.dividers > * > tr > *:first-child,
table.column-dividers > * > tr > *:first-child {
  border-left-width: 0;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: var(--back-distinct);
}

table.hover > tbody > tr:hover {
  background-color: var(--back-indistinct);
}

table.padded > caption,
table.padded > tr > *,
table.padded > * > tr > * {
  padding: var(--padded-padding);
}

table.condensed > caption,
table.condensed > tr > *,
table.condensed > * > tr > * {
  padding: var(--condensed-padding);
}

caption.bottom {
  font-size: 0.75em;
  font-weight: normal;
  caption-side: bottom;
}

/* Grid Styles */
.grid {
  --grid-gap: 0px;
  --grid-cells: 1;
  --grid-cell-span: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--grid-gap);
}
.grid > * {
  width: calc((100% - (var(--grid-cells) / var(--grid-cell-span) - 1) * var(--grid-gap)) / var(--grid-cells) * var(--grid-cell-span));
}
.grid.m1 {
  --grid-gap: 2%;
}

.w116, .c16 > * {
  --grid-cells: 16;
  --grid-cell-span: 1;
}

.w112, .c12 > * {
  --grid-cells: 12;
  --grid-cell-span: 1;
}

.w110, .c10 > * {
  --grid-cells: 10;
  --grid-cell-span: 1;
}

.w18, .c16 > .s2, .c8 > * {
  --grid-cells: 8;
  --grid-cell-span: 1;
}

.w16, .c12 > .s2, .c6 > * {
  --grid-cells: 6;
  --grid-cell-span: 1;
}

.w316, .c16 > .s3 {
  --grid-cells: 16;
  --grid-cell-span: 3;
}

.w15, .c10 > .s2, .c5 > * {
  --grid-cells: 5;
  --grid-cell-span: 1;
}

.w14, .c16 > .s4, .c12 > .s3, .c8 > .s2, .c4 > * {
  --grid-cells: 4;
  --grid-cell-span: 1;
}

.w310, .c10 > .s3 {
  --grid-cells: 10;
  --grid-cell-span: 3;
}

.w516, .c16 > .s5 {
  --grid-cells: 16;
  --grid-cell-span: 5;
}

.w13, .c12 > .s4, .c6 > .s2, .c3 > * {
  --grid-cells: 3;
  --grid-cell-span: 1;
}

.w38, .c16 > .s6, .c8 > .s3 {
  --grid-cells: 8;
  --grid-cell-span: 3;
}

.w25, .c10 > .s4, .c5 > .s2 {
  --grid-cells: 5;
  --grid-cell-span: 2;
}

.w512, .c12 > .s5 {
  --grid-cells: 12;
  --grid-cell-span: 5;
}

.w716, .c16 > .s7 {
  --grid-cells: 16;
  --grid-cell-span: 7;
}

.w12, .c16 > .s8, .c12 > .s6, .c10 > .s5, .c8 > .s4, .c6 > .s3, .c4 > .s2, .c2 > * {
  --grid-cells: 2;
  --grid-cell-span: 1;
}

.w916, .c16 > .s9 {
  --grid-cells: 16;
  --grid-cell-span: 9;
}

.w712, .c12 > .s7 {
  --grid-cells: 12;
  --grid-cell-span: 7;
}

.w35, .c10 > .s6, .c5 > .s3 {
  --grid-cells: 5;
  --grid-cell-span: 3;
}

.w58, .c16 > .s10, .c8 > .s5 {
  --grid-cells: 8;
  --grid-cell-span: 5;
}

.w23, .c12 > .s8, .c6 > .s4, .c3 > .s2 {
  --grid-cells: 3;
  --grid-cell-span: 2;
}

.w1116, .c16 > .s11 {
  --grid-cells: 16;
  --grid-cell-span: 11;
}

.w710, .c10 > .s7 {
  --grid-cells: 10;
  --grid-cell-span: 7;
}

.w34, .c16 > .s12, .c12 > .s9, .c8 > .s6, .c4 > .s3 {
  --grid-cells: 4;
  --grid-cell-span: 3;
}

.w45, .c10 > .s8, .c5 > .s4 {
  --grid-cells: 5;
  --grid-cell-span: 4;
}

.w1316, .c16 > .s13 {
  --grid-cells: 16;
  --grid-cell-span: 13;
}

.w56, .c12 > .s10, .c6 > .s5 {
  --grid-cells: 6;
  --grid-cell-span: 5;
}

.w78, .c16 > .s14, .c8 > .s7 {
  --grid-cells: 8;
  --grid-cell-span: 7;
}

.w910, .c10 > .s9 {
  --grid-cells: 10;
  --grid-cell-span: 9;
}

.w1112, .c12 > .s11 {
  --grid-cells: 12;
  --grid-cell-span: 11;
}

.w1516, .c16 > .s15 {
  --grid-cells: 16;
  --grid-cell-span: 15;
}

.w11, .c16 > .s16, .c12 > .s16, .c12 > .s15, .c12 > .s14, .c12 > .s13, .c12 > .s12, .c10 > .s16, .c10 > .s15, .c10 > .s14, .c10 > .s13, .c10 > .s12, .c10 > .s11, .c10 > .s10, .c8 > .s16, .c8 > .s15, .c8 > .s14, .c8 > .s13, .c8 > .s12, .c8 > .s11, .c8 > .s10, .c8 > .s9, .c8 > .s8, .c6 > .s16, .c6 > .s15, .c6 > .s14, .c6 > .s13, .c6 > .s12, .c6 > .s11, .c6 > .s10, .c6 > .s9, .c6 > .s8, .c6 > .s7, .c6 > .s6, .c5 > .s16, .c5 > .s15, .c5 > .s14, .c5 > .s13, .c5 > .s12, .c5 > .s11, .c5 > .s10, .c5 > .s9, .c5 > .s8, .c5 > .s7, .c5 > .s6, .c5 > .s5, .c4 > .s16, .c4 > .s15, .c4 > .s14, .c4 > .s13, .c4 > .s12, .c4 > .s11, .c4 > .s10, .c4 > .s9, .c4 > .s8, .c4 > .s7, .c4 > .s6, .c4 > .s5, .c4 > .s4, .c3 > .s16, .c3 > .s15, .c3 > .s14, .c3 > .s13, .c3 > .s12, .c3 > .s11, .c3 > .s10, .c3 > .s9, .c3 > .s8, .c3 > .s7, .c3 > .s6, .c3 > .s5, .c3 > .s4, .c3 > .s3, .c2 > .s16, .c2 > .s15, .c2 > .s14, .c2 > .s13, .c2 > .s12, .c2 > .s11, .c2 > .s10, .c2 > .s9, .c2 > .s8, .c2 > .s7, .c2 > .s6, .c2 > .s5, .c2 > .s4, .c2 > .s3, .c2 > .s2, .c1 > .s16, .c1 > .s15, .c1 > .s14, .c1 > .s13, .c1 > .s12, .c1 > .s11, .c1 > .s10, .c1 > .s9, .c1 > .s8, .c1 > .s7, .c1 > .s6, .c1 > .s5, .c1 > .s4, .c1 > .s3, .c1 > .s2, .c1 > * {
  --grid-cells: 1;
  --grid-cell-span: 1;
}

/* Columns Styles */
.columns {
  column-gap: var(--column-gap);
}
.columns.rules {
  column-gap: calc(var(--column-gap) * 2 + var(--column-rule-width));
  column-rule: var(--column-rule);
}
.columns > .span-all {
  column-span: all;
}
.columns > *:first-child, .columns > .span-all + * {
  margin-top: 0;
}
.columns .avoid-break {
  break-inside: avoid;
}

.columns.x1 {
  column-count: 1;
}

.columns.x2 {
  column-count: 2;
}

.columns.x3 {
  column-count: 3;
}

.columns.x4 {
  column-count: 4;
}

.columns.x5 {
  column-count: 5;
}

.columns.x6 {
  column-count: 6;
}

/* Icon Styles */
.icon:not(.after)::before, .icon.after::after {
  content: var(--icon-content);
  display: inline-block;
  font-family: var(--icon-font-family);
  font-style: normal;
}
.icon:not(.after):hover::before, .icon.after:hover::after {
  text-decoration: none;
}
.icon:not(.after):not(:empty)::before {
  margin-right: var(--icon-text-gap);
}
.icon.after:not(:empty)::after {
  margin-left: var(--icon-text-gap);
}

/* Nav Styles */
nav ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style-type: none !important;
  margin-left: var(--nav-indent-width);
}
nav ul > li {
  margin-top: 0;
  cursor: default;
  position: relative;
}
nav ul > li.break-before {
  border-top: var(--border-width) var(--border-style) var(--border-color);
}
nav ul > li > a {
  font-style: normal;
  text-decoration: none;
  color: inherit;
}
nav ul > li > a:hover {
  text-decoration: none;
}
nav ul > li > a, nav ul > li > span {
  display: block;
  padding: var(--nav-item-padding);
}
nav ul > li.icon:not(.after)::before, nav ul > li.icon.after::after {
  display: block;
  padding: var(--nav-item-padding);
  position: absolute;
  top: 0;
}
nav ul > li.icon:not(.after)::before {
  left: 0;
}
nav ul > li.icon:not(.after) > a, nav ul > li.icon:not(.after) > span {
  padding-left: calc(var(--nav-item-padding-left) * 2 + 1em);
}
nav ul > li.icon.after::after {
  right: 0;
}
nav ul > li.icon.after > a, nav ul > li.icon.after > span {
  padding-right: calc(var(--nav-item-padding-right) * 2 + 1em);
}
nav ul > li.icon.icon-only::before {
  left: 50%;
  transform: translateX(-50%);
}
nav ul > li.icon.icon-only::after {
  content: "W";
  display: inline-block;
  padding: var(--nav-item-padding);
  visibility: hidden;
}
nav ul > li.icon.icon-only > span {
  display: none;
}
nav ul > li.icon.icon-only > a {
  padding-left: var(--nav-item-padding-left);
  width: calc(var(--nav-item-padding-left) + 1em + var(--nav-item-padding-right));
  position: absolute;
  top: 0;
  left: 0;
}
nav ul > li.icon.icon-only > a::before {
  content: " ";
}
nav ul > li.icon.icon-only > a > span {
  display: none;
}
nav ul > li > img {
  display: block;
  width: 1em;
  height: calc(1em * var(--nav-item-line-height));
  object-fit: contain;
  padding: var(--nav-item-padding);
  position: absolute;
  top: 0;
  left: 0;
}
nav ul > li > img + a, nav ul > li > img + span {
  padding-left: calc(var(--nav-item-padding-left) * 2 + 1em);
}
nav ul > li.current > a, nav ul > li.current > span {
  color: var(--nav-current-item-color);
}
nav ul > li.current.icon:not(.after)::before, nav ul > li.current.icon.after::after {
  color: var(--nav-current-item-color);
}
nav ul > li.active > a, nav ul > li.active > span {
  color: var(--nav-active-item-color);
}
nav ul > li.active.icon:not(.after)::before, nav ul > li.active.icon.after::after {
  color: var(--nav-active-item-color);
}
nav ul > li:hover > a, nav ul > li:hover > span {
  color: var(--nav-hover-item-color);
}
nav ul > li:hover.icon:not(.after)::before, nav ul > li:hover.icon.after::after {
  color: var(--nav-hover-item-color);
}
nav ul > li.disabled {
  background-color: transparent;
}
nav ul > li.disabled > a, nav ul > li.disabled > span {
  color: inherit;
}
nav ul > li.disabled.icon:not(.after)::before, nav ul > li.disabled.icon.after::after {
  color: inherit;
}
nav.sub-text-right ul, nav li.sub-text-right ul {
  margin-left: 0;
  margin-right: var(--nav-indent-width);
  justify-content: right;
  text-align: right;
}
nav.sub-text-right ul li.icon:not(.after)::before, nav li.sub-text-right ul li.icon:not(.after)::before {
  left: auto;
  right: 0;
}
nav.sub-text-right ul li.icon:not(.after) > a, nav.sub-text-right ul li.icon:not(.after) > span, nav li.sub-text-right ul li.icon:not(.after) > a, nav li.sub-text-right ul li.icon:not(.after) > span {
  padding-left: 0;
  padding-right: calc(var(--nav-item-padding-right) * 2 + 1em);
}
nav.sub-text-right ul li.icon.after::after, nav li.sub-text-right ul li.icon.after::after {
  left: 0;
  right: auto;
}
nav.sub-text-right ul li.icon.after > a, nav.sub-text-right ul li.icon.after > span, nav li.sub-text-right ul li.icon.after > a, nav li.sub-text-right ul li.icon.after > span {
  padding-left: calc(var(--nav-item-padding-left) * 2 + 1em);
  padding-right: 0;
}
nav.sub-text-right ul li > img, nav li.sub-text-right ul li > img {
  left: auto;
  right: 0;
}
nav.sub-text-right ul li > img + a, nav.sub-text-right ul li > img + span, nav li.sub-text-right ul li > img + a, nav li.sub-text-right ul li > img + span {
  padding-left: 0;
  padding-right: calc(var(--nav-item-padding-right) * 2 + 1em);
}
nav.sub-text-center ul, nav li.sub-text-center ul {
  margin-left: 0;
  margin-right: 0;
  justify-content: center;
  text-align: center;
}
nav.sub-text-center ul li.icon:not(.after)::before, nav.sub-text-center ul li.icon.after::after, nav li.sub-text-center ul li.icon:not(.after)::before, nav li.sub-text-center ul li.icon.after::after {
  position: static;
}
nav.sub-text-center ul li.icon > a, nav.sub-text-center ul li.icon > span, nav li.sub-text-center ul li.icon > a, nav li.sub-text-center ul li.icon > span {
  padding-left: 0;
  padding-right: var(--nav-item-padding-left);
}
nav.sub-text-center ul li > img, nav li.sub-text-center ul li > img {
  position: static;
}
nav.sub-text-center ul li > img + a, nav.sub-text-center ul li > img + span, nav li.sub-text-center ul li > img + a, nav li.sub-text-center ul li > img + span {
  padding-left: 0;
  padding-right: var(--nav-item-padding-left);
}
nav > ul, nav.sub-text-right > ul {
  margin-left: 0;
  margin-right: 0;
}
nav.toggle li:not(.sub-opened) > ul {
  display: none;
}
nav.burger {
  position: relative;
}
nav.burger:not(:empty):not(.right)::before, nav.burger:not(:empty).right::after {
  display: inline-block;
  content: "\f0c9";
  font-family: var(--icon-font-family);
  padding: var(--nav-item-padding);
}
nav.burger > ul {
  display: none;
  border: var(--box-border-width) var(--box-border-style) var(--border-color);
  min-width: var(--nav-drop-box-min-width);
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
  -webkit-box-shadow: var(--drop-box-shadow);
  box-shadow: var(--drop-box-shadow);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
}
nav.burger.right > ul, nav.burger.drop-right > ul {
  left: auto;
  right: 0;
}
nav.burger:not(.toggle):hover > ul {
  display: flex;
}
nav.burger.toggle.sub-opened {
  z-index: 100;
}
nav.burger.toggle.sub-opened:not(.right)::before, nav.burger.toggle.sub-opened.right::after {
  content: "\f00d";
  position: relative;
  z-index: 1;
}
nav.burger.toggle.sub-opened:not(.right)::after, nav.burger.toggle.sub-opened.right::before {
  display: block;
  content: " ";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  cursor: default;
}
nav.burger.toggle.sub-opened > ul {
  display: flex;
  z-index: 1;
}
nav.horizontal > ul, nav.sub-horizontal > ul > li > ul {
  flex-direction: row;
}
nav.horizontal > ul > li, nav.sub-horizontal > ul > li > ul > li {
  white-space: nowrap;
}
nav.horizontal > ul > li.break-before, nav.sub-horizontal > ul > li > ul > li.break-before {
  border-top-width: 0;
}
nav.horizontal > ul > li > ul, nav.sub-horizontal > ul > li > ul > li > ul {
  margin-left: 0;
}
nav.drop li > ul {
  display: none;
  margin-left: 0;
  border: var(--box-border-width) var(--box-border-style) var(--border-color);
  min-width: var(--nav-drop-box-min-width);
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
  -webkit-box-shadow: var(--drop-box-shadow);
  box-shadow: var(--drop-box-shadow);
  position: absolute;
  top: calc(var(--border-width) * -1);
  left: 100%;
  z-index: 100;
}
nav.drop:not(.toggle) li:hover > ul, nav.drop.toggle li.sub-opened > ul {
  display: flex;
}
nav.drop.drop-right li > ul {
  left: auto;
  right: 100%;
  margin-right: 0;
}
nav.drop.drop-left > ul, nav.drop li.drop-left > ul {
  left: 100%;
  right: auto;
  margin-left: 0;
}
nav.drop.drop-right > ul, nav.drop li.drop-right > ul {
  left: auto;
  right: 100%;
  margin-right: 0;
}
nav.drop.horizontal > ul > li > ul {
  top: 100%;
  left: 0;
}
nav.drop.horizontal.drop-right > ul > li > ul {
  left: auto;
  right: 0;
}
nav.drop.horizontal.drop-center > ul > li > ul {
  left: 50%;
  transform: translateX(-50%);
}
nav.drop.horizontal.drop-left > ul > li > ul {
  left: 0;
  right: auto;
}
nav.drop.horizontal > ul > li.drop-right > ul {
  left: auto;
  right: 0;
  transform: none;
}
nav.drop.horizontal > ul > li.drop-left > ul {
  left: 0;
  right: auto;
  transform: none;
}
nav.drop.horizontal.sub-horizontal > ul {
  position: relative;
}
nav.drop.horizontal.sub-horizontal > ul > li {
  position: static;
}
nav.drop.horizontal.sub-horizontal > ul > li > ul {
  width: 100%;
}
nav.drop.sub-horizontal > ul > li > ul > li ul {
  display: flex;
  border: 0;
  margin-left: var(--nav-indent-width);
  color: inherit;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
}
nav.drop.sub-horizontal.right > ul > li > ul > li ul, nav.drop.sub-horizontal > ul > li.right > ul > li ul, nav.drop.sub-horizontal > ul > li > ul > li.right ul {
  margin-left: 0;
  margin-right: var(--nav-indent-width);
}
nav.context {
  margin-left: 0;
  border: var(--box-border-width) var(--box-border-style) var(--border-color);
  min-width: var(--nav-drop-box-min-width);
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
  -webkit-box-shadow: var(--drop-box-shadow);
  box-shadow: var(--drop-box-shadow);
  position: absolute;
  z-index: 100;
}

html.no-js nav.toggle.burger:hover > ul, html.no-js nav.toggle.drop li:hover > ul {
  display: flex;
}

/* breadcrumbs */
nav.bread-crumbs > ul {
  flex-direction: row;
}
nav.bread-crumbs > ul > li {
  position: relative;
}
nav.bread-crumbs > ul > li.home > a:before {
  display: inline-block;
  content: "\f015";
  font-family: var(--icon-font-family);
}
nav.bread-crumbs > ul > li.home > a > span {
  display: none;
}
nav.bread-crumbs > ul > li.home ~ li {
  margin-left: var(--nav-indent-width);
}
nav.bread-crumbs > ul > li.home ~ li:before {
  display: inline-block;
  content: "\f105  ";
  padding: var(--nav-item-padding-top) 0 var(--nav-item-padding-bottom) 0;
  width: var(--nav-indent-width);
  font-family: var(--icon-font-family);
  text-align: center;
  position: absolute;
  left: calc(var(--nav-indent-width) * -1);
}
nav.bread-crumbs > ul > li.home ~ li .conjunction-and, nav.bread-crumbs > ul > li.home ~ li .conjunction-or {
  padding-left: 0;
  padding-right: 0;
}

/* search control styles */
.search-control {
  display: inline-block;
  position: relative;
}
.search-control input {
  padding: calc(var(--nav-item-padding-top) - var(--input-border-width)) calc(var(--nav-item-padding-right) - var(--input-border-width) + 1em) calc(var(--nav-item-padding-bottom) - var(--input-border-width)) calc(var(--nav-item-padding-left) - var(--input-border-width));
  line-height: inherit !important;
}
.search-control a {
  display: inline-block;
  font-style: normal !important;
  text-decoration: none !important;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.search-control a::before {
  display: inline-block;
  content: "\f002";
  border: var(--input-border-width) solid transparent;
  padding: calc(var(--nav-item-padding-top) - var(--input-border-width)) calc(var(--nav-item-padding-right) - var(--input-border-width)) calc(var(--nav-item-padding-bottom) - var(--input-border-width)) calc(var(--nav-item-padding-left) - var(--input-border-width));
  font-family: var(--icon-font-family);
}
.search-control span {
  display: none;
}
.search-control.auto-close input {
  display: none;
}
.search-control.auto-close a {
  position: static;
}
.search-control.auto-close input[value], .search-control.auto-close input:focus, .search-control.auto-close:hover input {
  display: inline-block;
}
.search-control.auto-close input[value] + a, .search-control.auto-close input:focus + a, .search-control.auto-close:hover input + a {
  position: absolute;
}

/* filter menu */
nav.filter-menu > ul {
  padding: var(--padded-padding);
}
nav.filter-menu > ul ul {
  margin-left: 0;
}
nav.filter-menu li {
  position: relative;
}
nav.filter-menu li.search > span {
  padding: 0;
}
nav.filter-menu li.search input {
  display: inline-block;
  max-width: none;
}
nav.filter-menu li.select-filter > span {
  font-size: 1.2em;
}
nav.filter-menu li.select-filter ul {
  display: flex;
}
nav.filter-menu li.select-filter a {
  position: relative;
}
nav.filter-menu li.select-filter a span {
  padding-left: calc(var(--nav-item-padding-left) + var(--input-icon-padding) * 2 + var(--input-border-width) * 2 + 1em);
  padding-right: calc(var(--nav-item-padding-right) + 2em);
}
nav.filter-menu li.select-filter a::before {
  display: block;
  content: " ";
  white-space: pre;
  box-sizing: content-box;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: 50%;
  padding: var(--input-icon-padding);
  font: var(--input-icon-font);
  line-height: calc(1 / var(--input-icon-font-scale));
  width: calc(1em / var(--input-icon-font-scale));
  height: calc(1em / var(--input-icon-font-scale));
  text-align: center;
  position: absolute;
  top: calc((1em / var(--input-icon-font-scale) * var(--line-height) - 1em / var(--input-icon-font-scale)) / 2 + var(--nav-item-padding-top) - var(--input-icon-padding) - var(--input-border-width));
  left: var(--nav-item-padding-left);
}
nav.filter-menu li.select-filter.multiple a::before {
  border-radius: var(--input-border-radius);
}
nav.filter-menu li.select-filter li.current > a::before {
  content: "\f00c";
}
nav.filter-menu li.group > span {
  font-size: 1.1em;
}
nav.filter-menu li.break-before {
  margin-top: var(--block-margin-top);
  border-top: 0;
}
nav.filter-menu [data-items-count]::after {
  display: block;
  content: attr(data-items-count);
  padding: var(--nav-item-padding);
  position: absolute;
  top: 0;
  right: 0;
}

/* page controls styles */
.page-controls {
  display: inline-block;
}
.page-controls > ul {
  flex-direction: row;
}
.page-controls > ul > li.page {
  margin-right: 0.5em;
}
.page-controls > ul > li.page > span {
  display: inline-block;
}
.page-controls > ul > li.page > span:first-child {
  padding-right: 0;
}
.page-controls > ul > li.page > span:last-child {
  padding-left: 0;
}
.page-controls > ul > li.page > ul {
  display: inline-flex;
  flex-direction: row;
  margin-left: 0;
}
.page-controls > ul > li.page > ul > li:not(.current) {
  display: none;
}
.page-controls > ul > li.page:not(:hover) > ul > li > a {
  padding-left: 0;
  padding-right: 0;
  color: inherit;
}
.page-controls > ul > li.page:hover > ul > li {
  display: inline-block;
}
.page-controls > ul > li.page:hover > ul > li.current {
  font-weight: bold;
}
.page-controls > ul > li.item-per-page {
  margin-right: 0.5em;
  position: relative;
}
.page-controls > ul > li.item-per-page > span {
  display: inline-block;
}
.page-controls > ul > li.item-per-page > ul {
  display: none;
  margin-left: 0;
  border: var(--box-border-width) var(--box-border-style) var(--box-border-color);
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
  -webkit-box-shadow: var(--drop-box-shadow);
  box-shadow: var(--drop-box-shadow);
  text-align: left;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  z-index: 100;
}
.page-controls > ul > li.item-per-page > ul > li {
  white-space: nowrap;
}
.page-controls > ul > li.item-per-page > ul > li.current {
  font-weight: bold;
}
.page-controls > ul > li.item-per-page:hover > ul {
  display: flex;
}
.page-controls > ul > li.first-page > a > span, .page-controls > ul > li.previous-page > a > span, .page-controls > ul > li.next-page > a > span, .page-controls > ul > li.last-page > a > span {
  display: none;
}
.page-controls > ul > li.first-page > a::before, .page-controls > ul > li.previous-page > a::before, .page-controls > ul > li.next-page > a::before, .page-controls > ul > li.last-page > a::before {
  font-family: var(--icon-font-family);
}
.page-controls > ul > li.first-page > a::before {
  content: "\f048";
}
.page-controls > ul > li.previous-page > a::before {
  content: "\f0d9";
}
.page-controls > ul > li.next-page > a::before {
  content: "\f0da";
}
.page-controls > ul > li.last-page > a::before {
  content: "\f051";
}
.page-controls > ul > li:hover > span {
  color: inherit;
}

/* Button Styles */
.button {
  display: inline-block;
  margin: 0;
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  padding: var(--button-padding);
  max-width: 100%;
  font-style: normal;
  white-space: nowrap;
  vertical-align: baseline;
  color: var(--button-color);
  background-color: var(--button-background-color);
  -webkit-box-shadow: var(--button-shadow);
  box-shadow: var(--button-shadow);
  cursor: pointer;
}
.button:hover {
  text-decoration: none;
}
.button:focus {
  outline-offset: var(--button-focus-outline-offset);
}
.button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.button.disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Bubble Styles
To Dos:
Include position classes such as bottom-left which will put the bubble below the parent to the left while the tail will be on top of the bubble to the left.
This differs from left-bottom which will put the bubble left of the parent to the bottom while the tail will be on the right of the bubble to the bottom.
All positions: 
    top-left (default below)
    top-center
    top-right
    right-top
    right-center
    right-bottom
    bottom-right
    bottom-center
    bottom-left
    left-bottom
    left-center
    left-top
*/
.bubble {
  margin-left: calc(var(--bubble-tail-size) * -1);
  margin-bottom: var(--bubble-tail-size);
  border: var(--bubble-border-width) var(--bubble-border-style) var(--bubble-border-color);
  border-radius: var(--bubble-border-radius);
  padding: var(--bubble-padding);
  -webkit-box-shadow: var(--bubble-shadow);
  box-shadow: var(--bubble-shadow);
  color: var(--bubble-color);
  background-color: var(--bubble-background-color);
  position: absolute;
  bottom: 100%;
}
.bubble::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: var(--bubble-tail-size) solid transparent;
  border-right: var(--bubble-tail-size) solid transparent;
  border-top: var(--bubble-tail-size) solid var(--bubble-background-color);
  border-bottom: none;
  left: var(--bubble-tail-size);
  bottom: calc(var(--bubble-tail-size) * -1);
}

/* IFrame Video Styles */
.iframe-video {
  position: relative;
}
.iframe-video::before {
  content: var(--video-play-icon-content);
  font-family: var(--icon-font-family);
  font-size: var(--video-play-icon-font-size);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.iframe-video > img,
.iframe-video > iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.iframe-video > iframe {
  display: none;
}
.iframe-video.show::before,
.iframe-video.show > img {
  display: none;
}
.iframe-video.show > iframe {
  display: block;
}

/* Other Generic Styles */
.margined-content {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--layout-spacing);
  padding-right: var(--layout-spacing);
  width: var(--content-width);
  max-width: 100%;
}
.margined-content.narrow {
  width: var(--content-width-narrow);
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--semi-transparent);
  opacity: 0;
  visibility: hidden;
  cursor: default;
  transition: all 0.25s ease-in;
  z-index: -1;
}
.popup.show {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}
.popup > .icon.close {
  --icon-content: "";
  width: 1em;
  line-height: 1;
  font-size: 1.5em;
  text-align: center;
  color: var(--light);
  text-shadow: var(--text-shadow);
  position: absolute;
  top: calc((var(--popup-margin) - 1em) / 2);
  right: calc((var(--popup-margin) - 1em) / 2);
}
.popup > .box {
  margin: var(--popup-margin);
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
}

.box {
  border: var(--box-border-width) var(--box-border-style) var(--box-border-color);
  padding: var(--box-padding);
}
.box > *:first-child {
  margin-top: 0;
}
.box > .banner {
  margin-left: calc(var(--box-padding) * -1);
  margin-right: calc(var(--box-padding) * -1);
  border-top: var(--border-width) var(--border-style) var(--border-color);
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
  padding: var(--box-padding);
  line-height: 1;
}
.box > .banner + .banner {
  margin-top: 0;
  border-top-width: 0;
}
.box > .banner:first-child {
  margin-top: calc(var(--box-padding) * -1);
  border-top-width: 0;
}
.box > .banner:last-child {
  margin-bottom: calc(var(--box-padding) * -1);
  border-bottom-width: 0;
}

.scrollable {
  overflow: auto;
}

.scrollable-x {
  overflow: hidden;
  overflow-x: scroll;
}

.scrollable-y {
  overflow: hidden;
  overflow-y: scroll;
}

.hide-scrollbar {
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.border {
  border: var(--border-width) var(--border-style) var(--border-color);
}

.dotted {
  border-style: dotted;
}

.dashed {
  border-style: dashed;
}

.rounded {
  /* may require overflow: hidden when sub-element background is not transparent */
  border-radius: var(--border-radius);
}

.circle,
.ellipse {
  /* height must equal width for cirle to work otherwise it is an ellipse */
  border-radius: 50%;
}

.polaroid {
  padding: 5%;
  background-color: var(--white);
}

.text-shadow {
  text-shadow: var(--text-shadow);
}

.shadow {
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}

.toggler {
  cursor: pointer;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.small {
  font-size: 0.66666em;
}

.large {
  font-size: 1.5em;
}

.xl {
  font-size: 2.25em;
}

.xxl {
  font-size: 3.375em;
}

.xxxl {
  font-size: 5.0625em;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.small-caps {
  font-variant: small-caps;
}

.raised-cap::first-letter,
.dropped-cap::first-letter,
.adjacent-cap::first-letter {
  font-size: var(--cap-font-size);
  line-height: 1;
}

.raised-cap::first-letter {
  margin-right: 1px;
}

.dropped-cap::first-letter {
  float: left;
  margin-right: 1px;
}

.adjacent-cap::first-letter {
  float: left;
  margin-left: -0.7em;
}

.dropped-cap + *,
.adjacent-cap + * {
  clear: left;
}

.info {
  color: var(--info);
}

.success {
  color: var(--success);
}

.warning {
  color: var(--warning);
}

.error, .danger {
  color: var(--danger);
}

.yellow-highlight {
  color: var(--dark);
  background-color: var(--yellow-light);
}

.green-highlight {
  color: var(--dark);
  background-color: var(--green-light);
}

.cyan-highlight {
  color: var(--dark);
  background-color: var(--cyan-light);
}

.blue-highlight {
  color: var(--dark);
  background-color: var(--blue-light);
}

.magenta-highlight {
  color: var(--dark);
  background-color: var(--magenta-light);
}

.red-highlight {
  color: var(--dark);
  background-color: var(--red-light);
}

.disabled {
  color: var(--fore-indistinct);
  background-color: var(--back-indistinct);
}

.disabled:hover {
  text-decoration: none;
}

.disable-select {
  -webkit-user-select: none;
  user-select: none;
}

.disabled-window-overlay {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  color: var(--light);
  background-color: var(--semi-transparent);
  text-shadow: var(--text-shadow);
  z-index: 1000;
}
.disabled-window-overlay.wait {
  cursor: wait;
}
.disabled-window-overlay.wait * {
  margin: 10px;
}

.fade-out {
  position: relative;
  overflow: hidden;
}
.fade-out::before {
  content: "";
  width: 100%;
  height: 8em;
  max-height: 100%;
  background: linear-gradient(transparent, var(--back));
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}
.fade-out.expand, .fade-out.expand-on-hover:hover {
  position: static;
  height: auto !important;
  max-height: none !important;
  overflow: visible;
}
.fade-out.expand::before, .fade-out.expand-on-hover:hover::before {
  display: none;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stars {
  --rating: 5;
  --star-width: 1.125em;
  --star-content: "";
  display: inline-block;
  font-family: var(--icon-font-family);
  color: gold;
  width: calc(var(--star-width) * var(--rating));
  overflow: hidden;
}

.stars::after {
  content: var(--star-content) var(--star-content) var(--star-content) var(--star-content) var(--star-content);
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.marquee {
  position: relative;
  display: flex;
  overflow: hidden;
}
.marquee > * {
  flex-shrink: 0;
  min-width: 100%;
  animation: scroll-left 10s linear infinite;
}

/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
  .marquee > * {
    animation-play-state: paused !important;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.spin {
  display: inline-block;
  animation: spin 2s infinite linear;
}

.disabled .spin,
.disabled.spin {
  animation: none;
}

@keyframes rotate-y {
  0% {
    transform: translateY(100%);
  }
  15%, 85% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes rotate-y-first {
  0%, 85% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes rotate-y-last {
  0% {
    transform: translateY(100%);
  }
  15%, 100% {
    transform: translateY(0);
  }
}
.rotating-text {
  --duration: 3s;
  --overlap: .25s;
  position: relative;
}
.rotating-text > * {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(100%);
  animation-duration: var(--duration);
}
.rotating-text > *:first-child {
  animation-name: rotate-y-first;
}
.rotating-text > *:nth-child(2) {
  animation-name: rotate-y;
  animation-delay: calc(var(--duration) - var(--overlap));
}
.rotating-text > *:nth-child(3) {
  animation-name: rotate-y;
  animation-delay: calc((var(--duration) - var(--overlap)) * 2);
}
.rotating-text > *:nth-child(4) {
  animation-name: rotate-y;
  animation-delay: calc((var(--duration) - var(--overlap)) * 3);
}
.rotating-text > *:nth-child(5) {
  animation-name: rotate-y;
  animation-delay: calc((var(--duration) - var(--overlap)) * 4);
}
.rotating-text > *:nth-child(6) {
  animation-name: rotate-y;
  animation-delay: calc((var(--duration) - var(--overlap)) * 5);
}
.rotating-text > *:last-child {
  animation-name: rotate-y-last;
  animation-fill-mode: forwards;
}

.zoom {
  /* display must be block or inline-block */
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.zoom:hover {
  transform: scale(1.5);
  position: relative;
  z-index: 99;
}

.zoom.x2:hover {
  transform: scale(2);
}

.zoom.x3:hover {
  transform: scale(3);
}

.zoom.x4:hover {
  transform: scale(4);
}

.hide {
  display: none !important;
}

.hide-text {
  font-size: 0;
}

.array > .dictionary {
  width: 100%;
}

.array > .dictionary + .dictionary {
  border-top: var(--border-width) var(--border-style) var(--border-color);
}

.dictionary > * > tr > * {
  padding: 4px;
}

.dictionary .dictionary {
  margin: -4px;
}

body:not(.cke_editable) .accordion > *:not(.open) > :not(:first-child) {
  display: none;
}
body:not(.cke_editable) .accordion > * > :first-child {
  cursor: pointer;
}

@media print {
  .noprint {
    display: none;
  }
}
/*

The Internet Platform Slider Styles
Version 4.0.3
Developed by John Mitchell
Copyright (c) 2023 Inology Australia Pty Ltd
http://inology.au

*/
:root {
  --slider-play-icon: "";
  --slider-pause-icon: "";
  --slider-arrow-left-icon: "";
  --slider-arrow-right-icon: "";
  --slider-arrow-top-icon: "";
  --slider-arrow-bottom-icon: "";
  --slider-maximise-icon: "";
  --slider-minimise-icon: "";
  --slider-gap: 10px;
  --slider-slide-gap: var(--slider-gap);
  --slider-arrow-gap: var(--slider-gap);
  --slider-arrow-font-size: 1.5em;
  --slider-arrow-color: var(--fore);
  --slider-indicator-gap: var(--slider-gap);
  --slider-indicator-font-size: 1em;
  --slider-indicator-image-width: 80px;
  --slider-indicator-color: var(--fore);
  --slider-indicator-selected-color: var(--fore-distinct);
  --slider-pagination-gap: var(--slider-gap);
  --slider-pagination-font-size: 1em;
  --slider-pagination-color: var(--fore);
  --slider-player-gap: var(--slider-gap);
  --slider-player-font-size: 1.5em;
  --slider-player-color: var(--fore);
  --slider-maximiser-gap: var(--slider-gap);
  --slider-maximiser-font-size: 1.5em;
  --slider-maximiser-color: var(--fore);
}

.fore-color-light,
.fore-color-dark,
.fore-color-reverse,
.fore-color-primary,
.fore-color-secondary,
.fore-color-tertiary {
  --slider-arrow-color: var(--fore);
  --slider-indicator-color: var(--fore);
  --slider-indicator-selected-color: var(--fore-distinct);
  --slider-pagination-color: var(--fore);
  --slider-player-color: var(--fore);
  --slider-maximiser-color: var(--fore);
}

.slider {
  position: relative;
}
.slider:not([style]) > *:not(:first-child) {
  display: none;
}
.slider > .slider-slides {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: var(--slider-slide-gap);
  --gaps: round(up, (var(--visible-slides) - 1) / 2, 2);
  width: 100%;
  height: 100%;
  position: relative;
}
.slider > .slider-slides > .slider-slide {
  flex: none;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  width: calc((100% - var(--gaps) * var(--slider-slide-gap)) / var(--visible-slides) / var(--center-slide-scale));
  height: calc(100% / var(--center-slide-scale));
  cursor: pointer;
}
.slider > .slider-slides > .slider-slide.current {
  width: calc((100% - var(--gaps) * var(--slider-slide-gap)) / var(--visible-slides));
  height: 100%;
  cursor: default;
}
.slider > .slider-slides > .slider-slide > * {
  width: 100%;
  height: 100%;
}
.slider > .slider-slides > .slider-slide > img {
  object-fit: contain;
}
.slider[data-start=top] > .slider-slides, .slider[data-start=bottom] > .slider-slides {
  flex-direction: column;
}
.slider[data-start=top] > .slider-slides > .slider-slide, .slider[data-start=bottom] > .slider-slides > .slider-slide {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: calc((100% - var(--gaps) * var(--slider-slide-gap)) / var(--center-slide-scale));
  height: calc((100% - var(--gaps) * var(--slider-slide-gap)) / var(--visible-slides) / var(--center-slide-scale));
}
.slider[data-start=top] > .slider-slides > .slider-slide.current, .slider[data-start=bottom] > .slider-slides > .slider-slide.current {
  width: 100%;
  height: calc(100% / var(--visible-slides));
}
.slider.maximised > .slider-slides {
  width: 100% !important;
  height: 100% !important;
}
.slider.maximised > .slider-slides > .slider-slide {
  width: 100%;
  height: 100%;
}
.slider > .slider-indicators {
  display: flex;
  flex-direction: row;
  gap: var(--slider-indicator-gap);
  justify-content: center;
  align-items: end;
  padding: var(--slider-indicator-gap);
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.slider > .slider-indicators > * {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--slider-indicator-font-size);
  font-style: normal;
  font-family: var(--icon-font-family);
  line-height: 1;
  color: var(--slider-indicator-color);
  text-shadow: var(--text-shadow);
}
.slider > .slider-indicators > * > img {
  width: var(--slider-indicator-image-width);
  max-width: 100%;
  aspect-ratio: var(--slide-aspect-ratio);
  object-fit: cover;
}
@supports not (aspect-ratio: 1) {
  .slider > .slider-indicators > * > img {
    height: calc(var(--slider-indicator-image-width) / var(--slide-aspect-ratio));
  }
}
.slider > .slider-indicators > *.current {
  color: var(--slider-indicator-selected-color);
}
.slider > .slider-indicators > *.current > img {
  outline: var(--border-width) var(--border-style) var(--slider-indicator-selected-color);
}
.slider > .slider-indicators > *:hover {
  text-decoration: none;
}
.slider[data-start=top] > .slider-indicators, .slider[data-start=bottom] > .slider-indicators {
  flex-direction: column;
}
.slider[data-start=top] > .slider-indicators > *, .slider[data-start=bottom] > .slider-indicators > * {
  flex-shrink: 1;
  min-height: 0;
}
.slider[data-start=top] > .slider-indicators > * > img, .slider[data-start=bottom] > .slider-indicators > * > img {
  width: auto;
  height: calc(var(--slider-indicator-image-width) / var(--slide-aspect-ratio));
  max-height: 100%;
}
@supports not (aspect-ratio: 1) {
  .slider[data-start=top] > .slider-indicators > * > img, .slider[data-start=bottom] > .slider-indicators > * > img {
    width: var(--slider-indicator-image-width);
  }
}
.slider:not([data-indicators=never]).show-controls > .slider-indicators > *, .slider[data-indicators=always] > .slider-indicators > * {
  visibility: visible;
}
.slider[data-indicators-inline-position=start] > .slider-indicators {
  justify-content: start;
  align-items: end;
}
.slider[data-indicators-inline-position=center] > .slider-indicators {
  justify-content: center;
  align-items: end;
}
.slider[data-indicators-inline-position=end] > .slider-indicators {
  justify-content: end;
  align-items: end;
}
.slider[data-indicators-block-position=start] > .slider-indicators {
  align-items: start;
}
.slider[data-indicators-block-position=center] > .slider-indicators {
  align-items: center;
}
.slider[data-indicators-block-position=end] > .slider-indicators {
  align-items: end;
}
.slider[data-start=right][data-indicators-inline-position=start] > .slider-indicators, .slider[data-start=bottom][data-indicators-inline-position=start] > .slider-indicators {
  justify-content: end;
}
.slider[data-start=right][data-indicators-inline-position=end] > .slider-indicators, .slider[data-start=bottom][data-indicators-inline-position=end] > .slider-indicators {
  justify-content: start;
}
.slider[data-indicators-outly]:not([data-start=top], [data-start=bottom])[data-indicators-block-position=start] {
  padding-block-start: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly]:not([data-start=top], [data-start=bottom])[data-indicators-block-position=start][data-indicators-content^=imageFrom] {
  padding-block-start: calc(var(--slider-indicator-image-width) / var(--slide-aspect-ratio) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly]:not([data-start=top], [data-start=bottom]):not([data-indicators-block-position]), .slider[data-indicators-outly]:not([data-start=top], [data-start=bottom])[data-indicators-block-position=end] {
  padding-block-end: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly]:not([data-start=top], [data-start=bottom]):not([data-indicators-block-position])[data-indicators-content^=imageFrom], .slider[data-indicators-outly]:not([data-start=top], [data-start=bottom])[data-indicators-block-position=end][data-indicators-content^=imageFrom] {
  padding-block-end: calc(var(--slider-indicator-image-width) / var(--slide-aspect-ratio) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly][data-start=top][data-indicators-block-position=start], .slider[data-indicators-outly][data-start=bottom][data-indicators-block-position=start] {
  padding-inline-start: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly][data-start=top][data-indicators-block-position=start][data-indicators-content^=imageFrom], .slider[data-indicators-outly][data-start=bottom][data-indicators-block-position=start][data-indicators-content^=imageFrom] {
  padding-inline-start: calc(var(--slider-indicator-image-width) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly][data-start=top]:not([data-indicators-block-position]), .slider[data-indicators-outly][data-start=top][data-indicators-block-position=end], .slider[data-indicators-outly][data-start=bottom]:not([data-indicators-block-position]), .slider[data-indicators-outly][data-start=bottom][data-indicators-block-position=end] {
  padding-inline-end: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-indicators-outly][data-start=top]:not([data-indicators-block-position])[data-indicators-content^=imageFrom], .slider[data-indicators-outly][data-start=top][data-indicators-block-position=end][data-indicators-content^=imageFrom], .slider[data-indicators-outly][data-start=bottom]:not([data-indicators-block-position])[data-indicators-content^=imageFrom], .slider[data-indicators-outly][data-start=bottom][data-indicators-block-position=end][data-indicators-content^=imageFrom] {
  padding-inline-end: calc(var(--slider-indicator-image-width) + var(--slider-indicator-gap) * 2);
}
.slider > .slider-arrows {
  display: flex;
  flex-direction: row;
  gap: var(--slider-arrow-gap);
  justify-content: space-between;
  align-items: center;
  padding: var(--slider-arrow-gap);
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.slider > .slider-arrows > * {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--slider-arrow-font-size);
  font-style: normal;
  color: var(--slider-arrow-color);
  text-shadow: var(--text-shadow);
}
.slider > .slider-arrows > *::before {
  content: var(--slider-arrow-right-icon);
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: var(--icon-font-family);
  text-align: center;
}
.slider > .slider-arrows > *.slider-previous-arrow::before {
  content: var(--slider-arrow-left-icon);
}
.slider > .slider-arrows > *:hover {
  text-decoration: none;
}
.slider[data-start=top] > .slider-arrows, .slider[data-start=bottom] > .slider-arrows {
  flex-direction: column;
}
.slider[data-start=top] > .slider-arrows > *.slider-previous-arrow::before, .slider[data-start=bottom] > .slider-arrows > *.slider-previous-arrow::before {
  content: var(--slider-arrow-top-icon);
}
.slider[data-start=top] > .slider-arrows > *.slider-next-arrow::before, .slider[data-start=bottom] > .slider-arrows > *.slider-next-arrow::before {
  content: var(--slider-arrow-bottom-icon);
}
.slider:not([data-arrows=never]).show-controls > .slider-arrows > *, .slider[data-arrows=always] > .slider-arrows > * {
  visibility: visible;
}
.slider[data-arrows-inline-position=start] > .slider-arrows {
  justify-content: start;
  align-items: end;
}
.slider[data-arrows-inline-position=center] > .slider-arrows {
  justify-content: center;
  align-items: end;
}
.slider[data-arrows-inline-position=end] > .slider-arrows {
  justify-content: end;
  align-items: end;
}
.slider[data-arrows-block-position=start] > .slider-arrows {
  align-items: start;
}
.slider[data-arrows-block-position=center] > .slider-arrows {
  align-items: center;
}
.slider[data-arrows-block-position=end] > .slider-arrows {
  align-items: end;
}
.slider[data-arrows-outly]:not([data-start=top], [data-start=bottom]):not([data-arrows-inline-position=start], [data-arrows-inline-position=center], [data-arrows-inline-position=end]) {
  padding-inline-start: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
  padding-inline-end: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
}
.slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=start][data-arrows-block-position=start], .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=center][data-arrows-block-position=start], .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=end][data-arrows-block-position=start] {
  padding-block-start: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
}
.slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=start]:not([data-arrows-block-position]), .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=start][data-arrows-block-position=end], .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=center]:not([data-arrows-block-position]), .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=center][data-arrows-block-position=end], .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=end]:not([data-arrows-block-position]), .slider[data-arrows-outly]:not([data-start=top], [data-start=bottom])[data-arrows-inline-position=end][data-arrows-block-position=end] {
  padding-block-end: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
}
.slider[data-arrows-outly][data-start=top]:not([data-arrows-inline-position=start], [data-arrows-inline-position=center], [data-arrows-inline-position=end]), .slider[data-arrows-outly][data-start=bottom]:not([data-arrows-inline-position=start], [data-arrows-inline-position=center], [data-arrows-inline-position=end]) {
  padding-block-start: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
  padding-block-end: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
}
.slider[data-arrows-outly][data-start=top][data-arrows-inline-position=start][data-arrows-block-position=start], .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=center][data-arrows-block-position=start], .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=end][data-arrows-block-position=start], .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=start][data-arrows-block-position=start], .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=center][data-arrows-block-position=start], .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=end][data-arrows-block-position=start] {
  padding-inline-start: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
}
.slider[data-arrows-outly][data-start=top][data-arrows-inline-position=start]:not([data-arrows-block-position]), .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=start][data-arrows-block-position=end], .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=center]:not([data-arrows-block-position]), .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=center][data-arrows-block-position=end], .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=end]:not([data-arrows-block-position]), .slider[data-arrows-outly][data-start=top][data-arrows-inline-position=end][data-arrows-block-position=end], .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=start]:not([data-arrows-block-position]), .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=start][data-arrows-block-position=end], .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=center]:not([data-arrows-block-position]), .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=center][data-arrows-block-position=end], .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=end]:not([data-arrows-block-position]), .slider[data-arrows-outly][data-start=bottom][data-arrows-inline-position=end][data-arrows-block-position=end] {
  padding-inline-end: calc(var(--slider-arrow-font-size) + var(--slider-arrow-gap) * 2);
}
.slider > .slider-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  padding: var(--slider-pagination-gap);
  width: 100%;
  height: 100%;
  font-size: var(--slider-pagination-font-size);
  line-height: 1;
  color: var(--slider-pagination-color);
  text-shadow: var(--text-shadow);
  visibility: hidden;
  cursor: ew-resize;
  position: absolute;
  top: 0;
  left: 0;
}
.slider[data-start=top] > .slider-pagination, .slider[data-start=bottom] > .slider-pagination {
  flex-direction: column;
  cursor: ns-resize;
}
.slider:not([data-pagination=never]).show-controls > .slider-pagination > *, .slider[data-pagination=always] > .slider-pagination > * {
  visibility: visible;
}
.slider[data-pagination-inline-position=start] > .slider-pagination {
  justify-content: start;
  align-items: end;
}
.slider[data-pagination-inline-position=center] > .slider-pagination {
  justify-content: center;
  align-items: end;
}
.slider[data-pagination-inline-position=end] > .slider-pagination {
  justify-content: end;
  align-items: end;
}
.slider[data-pagination-block-position=start] > .slider-pagination {
  align-items: start;
}
.slider[data-pagination-block-position=center] > .slider-pagination {
  align-items: center;
}
.slider[data-pagination-block-position=end] > .slider-pagination {
  align-items: end;
}
.slider[data-start=right][data-pagination-inline-position=start] > .slider-pagination, .slider[data-start=bottom][data-pagination-inline-position=start] > .slider-pagination {
  justify-content: end;
}
.slider[data-start=right][data-pagination-inline-position=end] > .slider-pagination, .slider[data-start=bottom][data-pagination-inline-position=end] > .slider-pagination {
  justify-content: start;
}
.slider[data-pagination-outly] .slider-pagination {
  padding: 0;
}
.slider[data-pagination-outly]:not([data-start=top], [data-start=bottom])[data-pagination-block-position=start] {
  padding-block-start: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap));
}
.slider[data-pagination-outly]:not([data-start=top], [data-start=bottom]):not([data-pagination-block-position]), .slider[data-pagination-outly]:not([data-start=top], [data-start=bottom])[data-pagination-block-position=end] {
  padding-block-end: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap));
}
.slider[data-pagination-outly][data-start=top][data-pagination-block-position=start], .slider[data-pagination-outly][data-start=bottom][data-pagination-block-position=start] {
  padding-inline-start: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap));
}
.slider[data-pagination-outly][data-start=top]:not([data-pagination-block-position]), .slider[data-pagination-outly][data-start=top][data-pagination-block-position=end], .slider[data-pagination-outly][data-start=bottom]:not([data-pagination-block-position]), .slider[data-pagination-outly][data-start=bottom][data-pagination-block-position=end] {
  padding-inline-end: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap));
}
.slider > .slider-player {
  display: flex;
  flex-direction: row;
  gap: var(--slider-player-gap);
  justify-content: center;
  align-items: center;
  padding: var(--slider-player-gap);
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.slider > .slider-player > * {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: var(--slider-player-font-size);
  font-style: normal;
  font-family: var(--icon-font-family);
  line-height: 1;
  color: var(--slider-player-color);
  text-shadow: var(--text-shadow);
  cursor: pointer;
}
.slider > .slider-player > *.slider-play-button {
  display: flex;
}
.slider > .slider-player > *.slider-play-button::before {
  content: var(--slider-play-icon);
}
.slider > .slider-player > *.slider-pause-button::before {
  content: var(--slider-pause-icon);
}
.slider > .slider-player > *:hover {
  text-decoration: none;
}
.slider.playing > .slider-player > .slider-play-button {
  display: none;
}
.slider.playing > .slider-player > .slider-pause-button {
  display: flex;
}
.slider[data-start=top] > .slider-player, .slider[data-start=bottom] > .slider-player {
  flex-direction: column;
}
.slider:not([data-player=never]).show-controls > .slider-player > *, .slider[data-player=always] > .slider-player > * {
  visibility: visible;
}
.slider[data-player-inline-position=start] > .slider-player {
  justify-content: start;
  align-items: end;
}
.slider[data-player-inline-position=center] > .slider-player {
  justify-content: center;
  align-items: end;
}
.slider[data-player-inline-position=end] > .slider-player {
  justify-content: end;
  align-items: end;
}
.slider[data-player-block-position=start] > .slider-player {
  align-items: start;
}
.slider[data-player-block-position=center] > .slider-player {
  align-items: center;
}
.slider[data-player-block-position=end] > .slider-player {
  align-items: end;
}
.slider[data-start=right][data-player-inline-position=start] > .slider-player, .slider[data-start=bottom][data-player-inline-position=start] > .slider-player {
  justify-content: end;
}
.slider[data-start=right][data-player-inline-position=end] > .slider-player, .slider[data-start=bottom][data-player-inline-position=end] > .slider-player {
  justify-content: start;
}
.slider[data-player-outly]:not([data-start=top], [data-start=bottom])[data-player-block-position=start] {
  padding-block-start: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-player-outly]:not([data-start=top], [data-start=bottom]):not([data-player-block-position]), .slider[data-player-outly]:not([data-start=top], [data-start=bottom])[data-player-block-position=end] {
  padding-block-end: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-player-outly][data-start=top][data-player-block-position=start], .slider[data-player-outly][data-start=bottom][data-player-block-position=start] {
  padding-inline-start: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-player-outly][data-start=top]:not([data-player-block-position]), .slider[data-player-outly][data-start=top][data-player-block-position=end], .slider[data-player-outly][data-start=bottom]:not([data-player-block-position]), .slider[data-player-outly][data-start=bottom][data-player-block-position=end] {
  padding-inline-end: calc(var(--slider-indicator-font-size) + var(--slider-indicator-gap) * 2);
}
.slider > .slider-maximiser {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: start;
  padding: var(--slider-maximiser-gap);
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.slider > .slider-maximiser > .slider-maximiser-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--slider-maximiser-font-size);
  font-style: normal;
  font-family: var(--icon-font-family);
  line-height: 1;
  color: var(--slider-maximiser-color);
  text-shadow: var(--text-shadow);
  cursor: pointer;
}
.slider > .slider-maximiser > .slider-maximiser-button::before {
  content: var(--slider-maximise-icon);
}
.slider > .slider-maximiser > .slider-maximiser-button:hover {
  text-decoration: none;
}
.slider.maximised > .slider-maximiser > .slider-maximiser-button::before {
  content: var(--slider-minimise-icon);
}
.slider[data-start=top] > .slider-maximiser, .slider[data-start=bottom] > .slider-maximiser {
  flex-direction: column;
  justify-content: start;
  align-items: end;
}
.slider:not([data-maximiser=never]).show-controls > .slider-maximiser > .slider-maximiser-button, .slider[data-maximiser=always] > .slider-maximiser > .slider-maximiser-button {
  visibility: visible;
}
.slider[data-maximiser-inline-position=start] > .slider-maximiser {
  justify-content: start;
  align-items: end;
}
.slider[data-maximiser-inline-position=center] > .slider-maximiser {
  justify-content: center;
  align-items: end;
}
.slider[data-maximiser-inline-position=end] > .slider-maximiser {
  justify-content: end;
  align-items: end;
}
.slider[data-maximiser-block-position=start] > .slider-maximiser {
  align-items: start;
}
.slider[data-maximiser-block-position=center] > .slider-maximiser {
  align-items: center;
}
.slider[data-maximiser-block-position=end] > .slider-maximiser {
  align-items: end;
}
.slider[data-start=right][data-maximiser-inline-position=start] > .slider-maximiser, .slider[data-start=bottom][data-maximiser-inline-position=start] > .slider-maximiser {
  justify-content: end;
}
.slider[data-start=right][data-maximiser-inline-position=end] > .slider-maximiser, .slider[data-start=bottom][data-maximiser-inline-position=end] > .slider-maximiser {
  justify-content: start;
}
.slider[data-maximiser-outly]:not([data-start=top], [data-start=bottom])[data-maximiser-block-position=start] {
  padding-block-start: calc(var(--slider-maximiser-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-maximiser-outly]:not([data-start=top], [data-start=bottom]):not([data-maximiser-block-position]), .slider[data-maximiser-outly]:not([data-start=top], [data-start=bottom])[data-maximiser-block-position=end] {
  padding-block-end: calc(var(--slider-maximiser-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-maximiser-outly][data-start=top][data-maximiser-block-position=start], .slider[data-maximiser-outly][data-start=bottom][data-maximiser-block-position=start] {
  padding-inline-start: calc(var(--slider-maximiser-font-size) + var(--slider-indicator-gap) * 2);
}
.slider[data-maximiser-outly][data-start=top]:not([data-maximiser-block-position]), .slider[data-maximiser-outly][data-start=top][data-maximiser-block-position=end], .slider[data-maximiser-outly][data-start=bottom]:not([data-maximiser-block-position]), .slider[data-maximiser-outly][data-start=bottom][data-maximiser-block-position=end] {
  padding-inline-end: calc(var(--slider-maximiser-font-size) + var(--slider-indicator-gap) * 2);
}
.slider.maximised {
  position: fixed;
  display: flex;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--back);
  z-index: 100;
}

.image-viewer img:not(.exclude-from-viewer) {
  cursor: pointer;
}
.image-viewer > .slider:not(.maximised) {
  display: none;
}
.image-viewer > .slider img {
  cursor: default;
}

/*

The Internet Platform Tabs Styles
Version 4.0.0
Developed by John Mitchell
Copyright (c) 2015 Inology Australia Pty Ltd
http://inology.au

*/
:root {
  --tabs-gap: 5px;
}

.tabs {
  display: flex;
  flex-direction: column;
}
.tabs > nav > ul {
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--tabs-gap);
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
}
.tabs > nav > ul > li {
  margin-bottom: calc(var(--border-width) * -1);
  border: var(--border-width) var(--border-style) var(--border-color);
  text-align: center;
  background-color: var(--back-indistinct);
  overflow: hidden;
}
.tabs > nav > ul > li > *:hover {
  background-color: var(--back);
}
.tabs > nav > ul > li a:focus {
  outline-width: 0;
}
.tabs > nav > ul > li.current {
  border-bottom-color: var(--back);
  background-color: var(--back);
}
.tabs.rounded > nav > ul > li {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.tabs.box > nav {
  margin: calc(var(--box-padding) * -1);
  margin-bottom: var(--box-padding);
  background-color: var(--back-indistinct);
}
.tabs.box > nav > ul {
  padding: var(--tabs-gap);
  padding-bottom: 0;
}

html:not(.no-js) .tabs.left-side {
  flex-direction: row;
}
html:not(.no-js) .tabs.left-side > nav {
  writing-mode: vertical-lr;
}
html:not(.no-js) .tabs.left-side > nav > ul {
  border-bottom-width: 0;
  border-right: var(--border-width) var(--border-style) var(--border-color);
}
html:not(.no-js) .tabs.left-side > nav > ul > li {
  margin-bottom: 0;
  margin-right: calc(var(--border-width) * -1);
}
html:not(.no-js) .tabs.left-side > nav > ul > li > a {
  padding: var(--nav-item-padding-right) var(--nav-item-padding-bottom) var(--nav-item-padding-left) var(--nav-item-padding-top);
  transform: rotate(-180deg);
}
html:not(.no-js) .tabs.left-side > nav > ul > li.current {
  border-bottom-color: inherit;
  border-right-color: var(--back);
}
html:not(.no-js) .tabs.left-side.rounded > nav > ul > li {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
html:not(.no-js) .tabs.right-side {
  flex-direction: row-reverse;
}
html:not(.no-js) .tabs.right-side > nav {
  writing-mode: vertical-lr;
}
html:not(.no-js) .tabs.right-side > nav > ul {
  border-bottom-width: 0;
  border-left: var(--border-width) var(--border-style) var(--border-color);
}
html:not(.no-js) .tabs.right-side > nav > ul > li {
  margin-bottom: 0;
  margin-left: calc(var(--border-width) * -1);
}
html:not(.no-js) .tabs.right-side > nav > ul > li > a {
  padding: var(--nav-item-padding-left) var(--nav-item-padding-top) var(--nav-item-padding-right) var(--nav-item-padding-bottom);
}
html:not(.no-js) .tabs.right-side > nav > ul > li.current {
  border-bottom-color: inherit;
  border-left-color: var(--back);
}
html:not(.no-js) .tabs.right-side.rounded > nav > ul > li {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
html:not(.no-js) .tabs.bottom-side {
  flex-direction: column-reverse;
}
html:not(.no-js) .tabs.bottom-side > nav > ul {
  border-bottom-width: 0;
  border-top: var(--border-width) var(--border-style) var(--border-color);
}
html:not(.no-js) .tabs.bottom-side > nav > ul > li {
  margin-bottom: 0;
  margin-top: calc(var(--border-width) * -1);
}
html:not(.no-js) .tabs.bottom-side > nav > ul > li > a {
  padding: var(--nav-item-padding-bottom) var(--nav-item-padding-right) var(--nav-item-padding-top) var(--nav-item-padding-left);
}
html:not(.no-js) .tabs.bottom-side > nav > ul > li.current {
  border-bottom-color: inherit;
  border-top-color: var(--back);
}
html:not(.no-js) .tabs.bottom-side.rounded > nav > ul > li {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
html:not(.no-js) .tabs.box.left-side > nav {
  margin-bottom: calc(var(--box-padding) * -1);
  margin-right: var(--box-padding);
}
html:not(.no-js) .tabs.box.left-side > nav > ul {
  padding-bottom: var(--tabs-gap);
  padding-right: 0;
}
html:not(.no-js) .tabs.box.right-side > nav {
  margin-bottom: calc(var(--box-padding) * -1);
  margin-left: var(--box-padding);
}
html:not(.no-js) .tabs.box.right-side > nav > ul {
  padding-bottom: var(--tabs-gap);
  padding-left: 0;
}
html:not(.no-js) .tabs.box.bottom-side > nav {
  margin-bottom: calc(var(--box-padding) * -1);
  margin-top: var(--box-padding);
}
html:not(.no-js) .tabs.box.bottom-side > nav > ul {
  padding-bottom: var(--tabs-gap);
  padding-top: 0;
}
html:not(.no-js) .tabs > nav ~ [id]:not(.current) {
  display: none;
}

/*

The Internet Platform Form Styles
Version 4.0.1
Developed by John Mitchell
Copyright (c) 2015 Inology Australia Pty Ltd
http://inology.au

*/
/* variables */
:root {
  --parameter-row-gap: 20px;
  --parameter-column-gap: 20px;
  --parameter-gap: var(--parameter-row-gap) var(--parameter-column-gap);
  --label-font-scale: .75;
  --label-color: var(--fore-indistinct);
  --label-background-color: var(--back);
  --label-input-gap: 3px;
  --label-invalid-icon-color: var(--danger);
  --form-width: 840px;
}

.fore-color-light,
.fore-color-dark,
.fore-color-reverse,
.fore-color-primary,
.fore-color-secondary,
.fore-color-tertiary {
  --label-color: var(--fore-indistinct);
}

.back-color-light,
.back-color-dark,
.back-color-reverse,
.back-color-primary,
.back-color-secondary,
.back-color-tertiary {
  --label-background-color: var(--back);
}

/* icons included */
.icon.more {
  --icon-content: "";
}

.icon.info-sign {
  --icon-content: "";
}

.icon.link {
  --icon-content: "";
}

.icon.envelope {
  --icon-content: "";
}

.icon.phone {
  --icon-content: "";
}

.icon.repeat {
  --icon-content: "";
}

.icon.check {
  --icon-content: "";
}

/* initial form styles */
::placeholder {
  color: var(--placeholder-color);
}

fieldset {
  display: block;
  margin: var(--block-margin);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  padding: var(--input-padding);
}

legend {
  display: block;
  padding: var(--inline-highlight-padding);
}

label {
  display: inline-block;
}

label:has(> textarea) {
  display: inline-flex;
  align-items: baseline;
  white-space: pre-wrap;
}

label:has(> textarea) > * {
  white-space: revert;
}

input,
textarea,
select,
button {
  display: inline-block;
  margin: 0;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  padding: var(--input-padding);
  max-width: 100%;
  font: inherit;
  color: var(--input-color);
  background-color: var(--input-background-color);
  vertical-align: baseline;
}

input[type=button],
input[type=image],
input[type=reset],
input[type=submit],
button {
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  padding: var(--button-padding);
  color: var(--button-color);
  background-color: var(--button-background-color);
  -webkit-box-shadow: var(--button-shadow);
  box-shadow: var(--button-shadow);
}

input,
select,
button {
  white-space: nowrap;
}

textarea {
  overflow: auto;
}

button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
  outline-offset: var(--input-focus-outline-offset);
}

input[type=button]:focus,
input[type=image]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
button:focus {
  outline-offset: var(--button-focus-outline-offset);
}

label,
input[type=button],
input[type=checkbox],
input[type=color],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit],
select,
button {
  cursor: pointer;
}

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

input:user-invalid,
textarea:user-invalid,
select:user-invalid,
button:user-invalid {
  border-color: var(--input-invalid-border-color);
}

@supports not selector(:user-invalid) {
  input:invalid,
  textarea:invalid,
  select:invalid,
  button:invalid {
    border-color: var(--input-invalid-border-color);
  }
}
input[readonly],
textarea[readonly] {
  color: var(--input-readonly-color);
}

input[disabled],
textarea[disabled],
select[disabled],
button[disabled] {
  color: var(--input-disabled-color);
  background-color: var(--input-disabled-background-color);
}

button[disabled] {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* radio and checkbox styles */
input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  padding: var(--input-icon-padding);
  width: 1em;
  height: 1em;
}
input[type=radio]::before,
input[type=checkbox]::before {
  content: "\f00c";
  font: var(--input-icon-font);
  visibility: hidden;
}
input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
  visibility: visible;
}

input[type=radio] {
  border-radius: 50%;
}

/* code editors */
textarea.auto-height,
textarea.auto-height + .CodeMirror {
  height: auto;
  max-height: none;
}

textarea + .CodeMirror .CodeMirror-dialog {
  position: fixed;
  background-color: var(--input-background-color);
}

textarea + .cke .cke_bottom {
  background-color: var(--selection-background-color);
}
textarea + .cke .cke_bottom a {
  color: var(--selection-color);
}
textarea + .cke .cke_bottom a:hover {
  color: var(--selection-background-color);
  background-color: var(--selection-color);
}
textarea + .cke .cke_resizer {
  border-right-color: var(--selection-color);
}

body::before {
  display: none !important;
}

.ck-editor .ck-editor__editable {
  --ck-color-base-foreground: var(--fore);
  --ck-color-base-background: var(--back);
}
.ck-editor button.ck,
.ck-editor svg.ck {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  max-width: unset;
}
.ck-editor.ck-maximized {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
  background: #fff;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.ck-editor.ck-maximized .ck-editor__main {
  flex-grow: 1;
  display: flex;
}
.ck-editor.ck-maximized .ck-editor__main .ck-editor__editable {
  flex-grow: 1;
}

.ck-custom-form {
  max-width: 100%;
  resize: horizontal;
  overflow-x: auto;
}
.ck-custom-form .ck-custom-form-header {
  padding: var(--ck-spacing-small) var(--ck-spacing-large) !important;
  border-bottom: 1px solid var(--ck-color-dialog-form-header-border) !important;
  display: flex;
}
.ck-custom-form .ck-custom-form-header .ck-custom-form-header-label {
  --ck-font-size-base: 15px;
  font-weight: 700;
}
.ck-custom-form .ck-custom-form-content {
  padding: var(--ck-spacing-large) !important;
}
.ck-custom-form .ck-custom-form-actions {
  display: flex;
  gap: var(--ck-spacing-standard);
  justify-content: flex-end;
  padding: var(--ck-spacing-large) !important;
}
.ck-custom-form.ck-expression-form {
  min-width: calc((var(--ck-spacing-large) + var(--ck-input-width)) * 2 + var(--ck-spacing-standard));
}
.ck-custom-form.ck-expression-form .ck-custom-form-content {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--ck-spacing-standard);
}
.ck-custom-form.ck-expression-form .ck-custom-form-content .ck.ck-labeled-field-view:nth-child(1), .ck-custom-form.ck-expression-form .ck-custom-form-content .ck.ck-labeled-field-view:nth-child(2) {
  grid-area: auto/span 2;
}
.ck-custom-form.ck-expression-form .ck-custom-form-content .ck.ck-labeled-field-view .ck-input,
.ck-custom-form.ck-expression-form .ck-custom-form-content .ck.ck-labeled-field-view .ck-select {
  width: 100%;
}

html.ck-maximized {
  overflow: hidden;
}

/* parameter styles */
form .parameters {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: var(--parameter-gap);
}
form .parameters > label {
  position: relative;
  display: block;
  width: 100%;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  padding: var(--input-padding);
  font-size: calc(1em * var(--label-font-scale));
  color: var(--label-color);
  background-color: var(--label-background-color);
}
form .parameters > label.readonly {
  color: var(--input-readonly-color);
}
form .parameters > label.disabled {
  color: var(--input-disabled-color);
  background-color: var(--input-disabled-background-color);
}
form .parameters > label:focus-within {
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--input-focus-outline-offset);
}
form .parameters > label:focus {
  outline-offset: var(--input-focus-outline-offset);
}
form .parameters > label > .icon {
  display: inline-block;
}
form .parameters > label > .icon + .icon {
  margin-left: var(--icon-text-gap);
}
form .parameters > label > .icon.info-sign.error {
  color: var(--label-invalid-icon-color);
}
form .parameters > label > .icon.info-sign > .bubble {
  display: none;
  max-width: 300px;
}
form .parameters > label > .icon.info-sign > .bubble > p {
  margin-top: 2px;
}
form .parameters > label > .icon.info-sign > .bubble > p:first-child {
  margin-top: 0;
}
form .parameters > label > .icon.info-sign:hover > .bubble {
  display: block;
  z-index: 3;
}
form .parameters > label:focus-within > .icon.info-sign > .bubble {
  display: block;
  z-index: 3;
}
form .parameters > label > a {
  text-decoration: none;
}
form .parameters > label > input:not([type=checkbox], [type=button]), form .parameters > label > textarea, form .parameters > label > select, form .parameters > label > .CodeMirror {
  margin-top: var(--label-input-gap);
  font-size: calc(1em / var(--label-font-scale));
  background-color: transparent;
  border-width: 0;
  padding: 0;
  width: 100%;
}
form .parameters > label > input:not([type=checkbox], [type=button]):focus, form .parameters > label > textarea:focus, form .parameters > label > select:focus, form .parameters > label > .CodeMirror:focus {
  outline-width: 0;
}
form .parameters > label > input[type=checkbox] {
  display: flex;
  margin-top: var(--label-input-gap);
  font-size: calc(1em / var(--label-font-scale));
  background-color: transparent;
}
form .parameters > label > input[type=checkbox]:focus {
  outline-width: 0;
}
form .parameters > label > input[type=button], form .parameters > label > button, form .parameters > label > div:not(.icon) {
  font-size: calc(1em / var(--label-font-scale));
  width: 100%;
}
form .parameters > label > .cke {
  margin: 0 calc(var(--input-padding-right) * -1) calc(var(--input-padding-bottom) * -1) calc(var(--input-padding-left) * -1) !important;
  border-width: 0;
  border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
  -webkit-box-shadow: none;
  box-shadow: none;
}
form .parameters > label > .cke > .cke_inner > .cke_bottom {
  border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
form .parameters > label:has(.CodeMirror-focused), form .parameters > label:has(.cke_focus) {
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--input-focus-outline-offset);
}
form .parameters > label > div[data-value-type=HTML] {
  overflow: auto;
}

@media print {
  form .parameters > label {
    border-width: 0;
  }
  form .parameters > label > .icon.info-sign, form .parameters > label > .icon.more, form .parameters > label > .icon.link {
    display: none;
  }
  textarea + .cke .cke_top, textarea + .cke .cke_bottom {
    display: none;
  }
}
/*

The Internet Platform Flexi-Select Styles
Version 4.0.0
Developed by John Mitchell
Copyright (c) 2023 Inology Australia Pty Ltd
http://inology.au

*/
:root {
  --deselector-row-gap: var(--input-padding-top);
  --deselector-column-gap: var(--input-padding-left);
  --deselector-gap: var(--deselector-row-gap) var(--deselector-column-gap);
  --deselector-icon: "";
  --dropdown-open-icon: "";
  --dropdown-close-icon: "";
  --accordion-open-icon: "";
  --accordion-close-icon: "";
  --flexi-select-current-item-color: var(--primary);
  --flexi-select-hover-item-color: var(--fore-distinct);
}

.fore-color-light,
.fore-color-dark,
.fore-color-reverse,
.fore-color-primary,
.fore-color-secondary,
.fore-color-tertiary {
  --flexi-select-hover-item-color: var(--fore-distinct);
}

flexi-select {
  --default-width: 200px;
  display: inline-flex;
  flex-direction: column;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  width: var(--default-width);
  max-width: var(--max-width);
  font: inherit;
  color: var(--input-color);
  background-color: var(--input-background-color);
  vertical-align: baseline;
  cursor: pointer;
  position: relative;
}

flexi-select:focus-within {
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--input-focus-outline-offset);
}

flexi-select:focus {
  outline-offset: var(--input-focus-outline-offset);
}

flexi-select:invalid {
  border-color: var(--input-invalid-border-color);
}

flexi-select:disabled {
  color: var(--input-disabled-color);
  background-color: var(--input-disabled-background-color);
}

flexi-select > flexi-select-summary {
  display: none;
}

flexi-select.summary > flexi-select-summary {
  display: block;
  border-radius: var(--input-border-radius);
  padding: var(--input-padding);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

flexi-select.summary.dropdown > flexi-select-summary {
  padding-right: calc(var(--input-padding-right) + var(--input-icon-font-size) * 0.875 + var(--input-padding-right));
}

flexi-select.summary.dropdown > flexi-select-summary::after {
  content: var(--dropdown-open-icon);
  display: block;
  font: var(--input-icon-font);
  text-decoration: none;
  position: absolute;
  top: 50%;
  right: var(--input-padding-right);
  transform: translateY(-50%);
}

flexi-select.summary.dropdown.open > flexi-select-summary::after {
  content: var(--dropdown-close-icon);
}

flexi-select.summary:not(.dropdown) > flexi-select-summary {
  margin-bottom: 0;
  border-bottom: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

flexi-select.summary > flexi-select-summary > flexi-select-placeholder {
  color: var(--placeholder-color);
}

flexi-select > flexi-select-detail {
  border-radius: var(--input-border-radius);
}

flexi-select.dropdown > flexi-select-detail {
  display: none;
  border: var(--box-border-width) var(--box-border-style) var(--box-border-color);
  min-width: calc(100% + var(--box-border-width) * 2);
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
  -webkit-box-shadow: var(--drop-box-shadow);
  box-shadow: var(--drop-box-shadow);
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: calc(var(--box-border-width) * -1);
  z-index: 100;
}

flexi-select.dropdown.open > flexi-select-detail {
  display: block;
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--input-focus-outline-offset);
}

flexi-select:not(.dropdown) > flexi-select-detail {
  display: block;
}

flexi-select > flexi-select-detail > flexi-select-deselectors {
  display: none;
}

flexi-select.deselectors > flexi-select-detail > flexi-select-deselectors:not(:empty) {
  display: flex;
  flex-wrap: wrap;
  gap: var(deselector-gap);
  border-bottom: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  padding: var(--input-padding);
  position: relative;
}

flexi-select.deselectors:not(.dropdown):not(.summary) > flexi-select-detail > flexi-select-deselectors:not(:empty),
flexi-select.deselectors.dropdown > flexi-select-detail > flexi-select-deselectors:not(:empty) {
  border-radius: var(--input-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

flexi-select.deselectors > flexi-select-detail > flexi-select-deselectors > flexi-select-deselector {
  display: inline-block;
  padding: var(--button-padding);
  padding-right: calc(var(--button-padding-right) + 0.625em + var(--button-padding-right));
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  position: relative;
}

flexi-select.deselectors:not(.text-wrap) > flexi-select-detail > flexi-select-deselectors > flexi-select-deselector {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

flexi-select.deselectors[multiple] > flexi-select-detail > flexi-select-deselectors > flexi-select-deselector::after {
  content: var(--deselector-icon);
  display: block;
  font-family: var(--icon-font-family);
  text-decoration: none;
  position: absolute;
  top: 50%;
  right: calc(var(--button-padding-right) + var(--button-border-width));
  transform: translateY(-50%);
}

flexi-select.deselectors > flexi-select-detail > flexi-select-deselectors > flexi-select-deselector[disabled] {
  color: var(--input-disabled-color);
  background-color: var(--input-disabled-background-color);
}

flexi-select.deselectors > flexi-select-detail > flexi-select-deselectors > flexi-select-deselector:focus {
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--button-focus-outline-offset);
}

flexi-select > flexi-select-detail > flexi-select-search {
  display: none;
}

flexi-select.search > flexi-select-detail > flexi-select-search {
  display: block;
  margin: calc(var(--input-border-width) * -1) calc(var(--input-border-width) * -1) 0 calc(var(--input-border-width) * -1);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: var(--input-padding);
  white-space: nowrap;
  overflow: hidden;
}

flexi-select.search:not(.dropdown):not(.summary):not(.deselectors) > flexi-select-detail > flexi-select-search,
flexi-select.search.dropdown:not(.deselectors) > flexi-select-detail > flexi-select-search,
flexi-select.search.dropdown.deselectors > flexi-select-detail > flexi-select-deselectors:empty + flexi-select-search {
  border-radius: var(--input-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

flexi-select.search > flexi-select-detail > flexi-select-search:focus {
  outline-offset: var(--input-focus-outline-offset);
}

flexi-select.search > flexi-select-detail > flexi-select-search:empty::before {
  content: attr(placeholder);
  color: var(--placeholder-color);
}

flexi-select > flexi-select-detail > flexi-select-message {
  display: none;
}

flexi-select > flexi-select-detail > flexi-select-message:not(:empty) {
  display: block;
  padding: var(--input-padding-top);
  border-bottom: var(--input-border-width) var(--input-border-style) var(--input-border-color);
}

flexi-select:not(.text-wrap) > flexi-select-detail > flexi-select-message:not(:empty) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

flexi-select > flexi-select-detail > flexi-select-option-set {
  display: block;
  max-height: var(--max-height);
  overflow-y: scroll;
  scroll-behavior: smooth;
}

flexi-select.indented:not(.group-selectors) > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label,
flexi-select.indented > flexi-select-detail > flexi-select-option-set flexi-select-option-group > flexi-select-option-group,
flexi-select.indented > flexi-select-detail > flexi-select-option-set flexi-select-option-group > flexi-select-option {
  margin-left: calc(1em + var(--input-padding-left));
}

flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option {
  display: block;
}

flexi-select > flexi-select-detail > flexi-select-option-set:focus,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group:focus,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option:focus {
  outline: none;
}

flexi-select > flexi-select-detail > flexi-select-option-set.hide,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group.hide,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option.hide {
  display: none;
}

flexi-select > flexi-select-detail > flexi-select-option-set > label,
flexi-select:not(.group-selectors) > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label > input[type=checkbox] {
  display: none;
}

flexi-select.all-selector > flexi-select-detail > flexi-select-option-set > label,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option > label {
  display: block;
  margin: 0;
  padding: var(--input-padding);
  position: relative;
}

flexi-select:not(.checks) > flexi-select-detail > flexi-select-option-set flexi-select-option > label:hover {
  color: var(--flexi-select-hover-item-color);
}

flexi-select:not(.checks) > flexi-select-detail > flexi-select-option-set flexi-select-option.selected > label {
  color: var(--flexi-select-current-item-color);
}

flexi-select.all-selector > flexi-select-detail > flexi-select-option-set > label,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label {
  margin: var(--sub-block-margin);
  font-weight: bold;
}

flexi-select.all-selector:not(.text-wrap) > flexi-select-detail > flexi-select-option-set > label,
flexi-select:not(.text-wrap) > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label,
flexi-select:not(.text-wrap) > flexi-select-detail > flexi-select-option-set flexi-select-option > label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

flexi-select.all-selector > flexi-select-detail > flexi-select-option-set > label > input[type=checkbox],
flexi-select.group-selectors > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label > input[type=checkbox],
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option > label > input[type=checkbox],
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option > label > input[type=radio] {
  display: none;
}

flexi-select.checks.all-selector > flexi-select-detail > flexi-select-option-set > label,
flexi-select.checks.group-selectors > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label,
flexi-select.checks > flexi-select-detail > flexi-select-option-set flexi-select-option > label {
  padding-left: calc(var(--input-padding-left) + 1em + var(--input-padding-left));
  position: relative;
}

flexi-select.checks.all-selector > flexi-select-detail > flexi-select-option-set > label > input[type=checkbox],
flexi-select.checks.group-selectors > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label > input[type=checkbox],
flexi-select.checks > flexi-select-detail > flexi-select-option-set flexi-select-option > label > input[type=checkbox],
flexi-select.checks > flexi-select-detail > flexi-select-option-set flexi-select-option > label > input[type=radio] {
  display: flex;
  position: absolute;
  top: calc(var(--input-padding-top) + 1em * var(--input-line-height) / 2);
  left: var(--input-padding-left);
  transform: translateY(-50%);
}

flexi-select.checks.all-selector > flexi-select-detail > flexi-select-option-set:focus > label > input[type=checkbox],
flexi-select.checks.group-selectors > flexi-select-detail > flexi-select-option-set flexi-select-option-group:focus > label > input[type=checkbox],
flexi-select.checks > flexi-select-detail > flexi-select-option-set flexi-select-option:focus > label > input[type=checkbox],
flexi-select.checks > flexi-select-detail > flexi-select-option-set flexi-select-option:focus > label > input[type=radio] {
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
  outline-offset: var(--input-focus-outline-offset);
}

flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group[disabled] > label,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group[disabled] flexi-select-option > label,
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option[disabled] > label {
  color: var(--input-disabled-color);
}

flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option-group[disabled] flexi-select-option > label > input[type=checkbox],
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option[disabled] > label > input[type=checkbox],
flexi-select > flexi-select-detail > flexi-select-option-set flexi-select-option[disabled] > label > input[type=radio] {
  border-color: var(--input-disabled-border-color);
  background-color: var(--input-disabled-background-color);
}

flexi-select.accordion > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label {
  position: relative;
  padding-right: calc(var(--input-padding-right) + var(--input-icon-font-size) * 0.875 + var(--input-padding-right));
}

flexi-select.accordion > flexi-select-detail > flexi-select-option-set flexi-select-option-group > label::after {
  content: var(--accordion-open-icon);
  display: block;
  font: var(--input-icon-font);
  text-decoration: none;
  position: absolute;
  top: 50%;
  right: var(--input-padding-right);
  transform: translateY(-50%);
}

flexi-select.accordion > flexi-select-detail > flexi-select-option-set flexi-select-option-group.open > label::after {
  content: var(--accordion-close-icon);
}

flexi-select.accordion > flexi-select-detail > flexi-select-option-set flexi-select-option-group:not(.open) > label ~ * {
  display: none;
}

form .parameters > label > flexi-select {
  display: flex;
  margin: calc(var(--label-input-gap) + var(--input-padding-top) * -1) calc(var(--input-padding-right) * -1) calc(var(--input-padding-bottom) * -1) calc(var(--input-padding-left) * -1);
  border-width: 0;
  border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
  max-width: none;
  font-size: calc(1em / var(--label-font-scale));
  background-color: transparent;
}
form .parameters > label > flexi-select:focus, form .parameters > label > flexi-select:focus-within {
  outline-width: 0;
}

@media print {
  flexi-select.summary.dropdown > flexi-select-summary::after {
    display: none;
  }
}
/*

The Internet Platform DBMS Styles
Version 4.0.1
Developed by John Mitchell
Copyright (c) 2015 Inology Australia Pty Ltd
http://inology.au

*/
/* icons included */
.icon.more {
  --icon-content: "";
}

.icon.filter {
  --icon-content: "";
}

.icon.sort {
  --icon-content: "";
}

.icon.plus {
  --icon-content: "";
}

a.icon.sort:not(.desc) {
  --icon-content: "";
}

a.icon.sort.desc {
  --icon-content: "";
}

.collection-view,
.object-view,
.method-view {
  margin: 0 auto;
  max-width: var(--form-width);
  position: relative;
}
.collection-view nav.horizontal.drop > ul > li.search > span,
.object-view nav.horizontal.drop > ul > li.search > span,
.method-view nav.horizontal.drop > ul > li.search > span {
  padding: 0;
}
.collection-view nav.horizontal.drop > ul > li.search input,
.object-view nav.horizontal.drop > ul > li.search input,
.method-view nav.horizontal.drop > ul > li.search input {
  max-width: 150px;
}
.collection-view > * + *,
.object-view > * + *,
.method-view > * + * {
  margin: var(--block-margin);
}
.collection-view > .header,
.object-view > .header,
.method-view > .header {
  display: flex;
  flex-direction: column;
  border-bottom: var(--border-width) var(--border-style) var(--border-color);
  min-height: 5em;
  background-color: var(--back);
  position: sticky;
  top: 0;
  z-index: 2;
}
.collection-view > .header > .bread-crumbs,
.object-view > .header > .bread-crumbs,
.method-view > .header > .bread-crumbs {
  font-size: 0.75em;
  letter-spacing: normal;
}
.collection-view > .header > .title,
.object-view > .header > .title,
.method-view > .header > .title {
  padding: var(--condensed-padding);
  max-width: calc(100% - 200px);
  font-size: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-view > .header > nav.horizontal.drop,
.object-view > .header > nav.horizontal.drop,
.method-view > .header > nav.horizontal.drop {
  position: absolute;
  bottom: 0;
  right: 0;
}
.collection-view > .header > nav.horizontal.drop > ul > li > ul,
.object-view > .header > nav.horizontal.drop > ul > li > ul,
.method-view > .header > nav.horizontal.drop > ul > li > ul {
  left: auto;
  right: 0;
}
.collection-view > .description, .collection-view > .instructions, .collection-view > .message,
.object-view > .description,
.object-view > .instructions,
.object-view > .message,
.method-view > .description,
.method-view > .instructions,
.method-view > .message {
  padding: var(--condensed-padding);
}
.collection-view > .message:empty,
.object-view > .message:empty,
.method-view > .message:empty {
  display: none;
}
.collection-view .items,
.object-view .items,
.method-view .items {
  overflow-x: auto;
  max-height: 300px;
}
.collection-view .items table,
.object-view .items table,
.method-view .items table {
  min-width: 100%;
  max-width: none;
  border-collapse: separate;
  cursor: initial;
}
.collection-view .items thead,
.object-view .items thead,
.method-view .items thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--back);
}
.collection-view .method,
.object-view .method,
.method-view .method {
  position: relative;
}
.collection-view .method > form,
.object-view .method > form,
.method-view .method > form {
  display: none;
  border-width: var(--box-border-width);
  border-style: var(--box-border-style);
  border-color: var(--box-border-color);
  border-radius: var(--box-border-radius);
  padding: var(--box-padding);
  width: 250px;
  white-space: normal;
  color: var(--drop-box-color);
  background-color: var(--drop-box-background-color);
  box-shadow: var(--drop-box-shadow);
  position: absolute;
  bottom: calc((var(--box-border-width) + var(--box-padding) + var(--condensed-padding)) * -1);
  right: calc((var(--box-border-width) + var(--box-padding) + var(--condensed-padding)) * -1);
  z-index: 2;
}
.collection-view .method > form button[type=submit],
.object-view .method > form button[type=submit],
.method-view .method > form button[type=submit] {
  letter-spacing: inherit;
}
.collection-view .method:hover,
.object-view .method:hover,
.method-view .method:hover {
  z-index: 2;
}
.collection-view .method:hover > form,
.object-view .method:hover > form,
.method-view .method:hover > form {
  display: block;
}
.collection-view .method .footer,
.object-view .method .footer,
.method-view .method .footer {
  position: static;
  border-top: none;
}
.collection-view > .footer,
.object-view > .footer,
.method-view > .footer {
  position: sticky;
  bottom: 0;
  border-top: var(--border-width) var(--border-style) var(--border-color);
  padding: var(--condensed-padding);
  background-color: var(--back);
  text-align: right;
}

.object-view .parameters > label > .items,
.method-view .parameters > label > .items {
  margin-top: var(--label-input-gap);
  font-size: calc(1em / var(--label-font-scale));
  color: var(--fore);
}

.collection-view {
  max-width: none;
}
.collection-view .items {
  margin: var(--block-margin);
  overflow-x: visible;
  max-height: none;
}
.collection-view .items .item-selector-cell {
  width: 30px;
  text-align: center;
}
.collection-view .items .item-methods-cell {
  padding: 0;
  width: 30px;
  text-align: center;
}
.collection-view .items .item-methods-cell > nav.horizontal.drop {
  display: inline-block;
  text-align: left;
}
.collection-view .items .item-methods-cell > nav.horizontal.drop > ul > li > ul {
  top: 0;
  left: auto;
  right: 100%;
}
.collection-view .items thead {
  top: 5em;
}
.collection-view .items thead th.item-selector-cell {
  padding: 0;
}
.collection-view .items thead th.item-selector-cell > nav.horizontal.drop {
  display: inline-block;
  font-weight: normal;
  text-align: left;
}
.collection-view .items thead th .sort::after {
  display: inline;
  color: transparent;
}
.collection-view .items thead th .sort.asc::after {
  color: inherit;
}
.collection-view .items thead th .sort.desc::after {
  color: inherit;
}
.collection-view .items thead th .sort:hover {
  text-decoration: none;
}
.collection-view .items thead th .sort:hover::after {
  color: inherit;
}

#AttachedScript_EditContent_Form,
#AttachedStylesheet_EditContent_Form {
  max-width: none;
}

@media print {
  .collection-view > .header,
  .object-view > .header,
  .method-view > .header {
    position: static;
    min-height: auto;
  }
  .collection-view nav, .collection-view > .instructions, .collection-view > .message, .collection-view > .footer,
  .object-view nav,
  .object-view > .instructions,
  .object-view > .message,
  .object-view > .footer,
  .method-view nav,
  .method-view > .instructions,
  .method-view > .message,
  .method-view > .footer {
    display: none;
  }
  .collection-view .items,
  .object-view .items,
  .method-view .items {
    overflow-x: visible;
    max-height: none !important;
  }
  .collection-view .items thead,
  .object-view .items thead,
  .method-view .items thead {
    position: static;
  }
  .collection-view .items .item-selector-cell, .collection-view .items .item-methods-cell,
  .object-view .items .item-selector-cell,
  .object-view .items .item-methods-cell,
  .method-view .items .item-selector-cell,
  .method-view .items .item-methods-cell {
    display: none;
  }
}
#definition-inspector .tabs:not(.left-side) > nav ~ [id] {
  padding-top: var(--parameter-column-gap);
}
#definition-inspector .tabs.left-side > nav ~ [id] {
  padding-left: var(--parameter-row-gap);
}
#definition-inspector .property, #definition-inspector .method, #definition-inspector .parameter {
  margin-left: 30px;
}
#definition-inspector .property > :first-child, #definition-inspector .method > :first-child, #definition-inspector .parameter > :first-child {
  margin-left: -30px;
  font-weight: bold;
}
#definition-inspector .method .parameter {
  margin-left: 0;
  white-space: nowrap;
  display: inline-block;
  max-width: calc(100% - 40px);
  overflow-x: clip;
  text-overflow: ellipsis;
}
#definition-inspector .method .parameter > :first-child {
  margin-left: 0;
}

:root {
  --light-grey: #eeeeee;
  --layout-spacing-large: 80px;
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Gotham", sans-serif;
}

/* Fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap'); */
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BookItalic.woff2") format("woff2"), url("../fonts/Gotham-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BoldItalic.woff2") format("woff2"), url("../fonts/Gotham-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: FontAwesomeBrands;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon.twitter {
  --icon-content: "";
  --icon-font-family: FontAwesomeBrands;
}

.icon.facebook {
  --icon-content: "";
  --icon-font-family: FontAwesomeBrands;
}

.icon.linkedin {
  --icon-content: "";
  --icon-font-family: FontAwesomeBrands;
}

.icon.instagram {
  --icon-content: "";
  --icon-font-family: FontAwesomeBrands;
}

.icon.feather-pointed {
  --icon-content: "";
}

.icon.user {
  --icon-content: "";
}

.icon.tags {
  --icon-content: "";
}

.icon.search {
  --icon-content: "";
}

.icon.remove {
  --icon-content: "";
}

.icon.circle-remove {
  --icon-content: "";
}

/* Custom styles */
body {
  display: flex;
  flex-direction: column;
  font-family: "Montserrat", sans-serif;
}
body > main {
  flex-grow: 1;
  padding-top: var(--layout-spacing);
  padding-bottom: var(--layout-spacing);
}
body > main.sectioned {
  padding-top: 0;
  padding-bottom: 0;
}
body > main.sectioned > section {
  display: flex;
  flex-direction: column;
}
body > main.sectioned > section > .margined-content {
  padding-top: var(--layout-spacing-large);
  padding-bottom: var(--layout-spacing-large);
}
body > header {
  color: var(--light);
  background-color: var(--tertiary);
}
body.base-for-user > header > nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--layout-spacing);
}
body.base-for-user > header > nav .logo {
  width: 200px;
}
body.default-for-user-narrow > main {
  width: var(--page-width-narrow);
}
body > footer {
  color: var(--light);
  background-color: #1e1e1e;
}
body > footer > section {
  margin-top: 50px;
  margin-bottom: 30px;
}
body > footer > section:first-child {
  --grid-gap: 30px;
  --nav-current-item-color: var(--light);
  --nav-active-item-color: var(--secondary);
  --nav-hover-item-color: var(--secondary);
}
body > footer > section:first-child #socials-menu > ul {
  font-size: 1.75em;
}
body > footer > section:first-child #footer-menu > ul > li {
  width: 50%;
  white-space: normal;
}
body > footer > section:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #5a5a5a;
  margin-top: 50px;
  padding-top: 30px;
  font-size: 0.75em;
  color: var(--medium);
}
@media screen and (max-width: 719px) {
  body > footer > section:last-child {
    flex-direction: column;
    justify-content: flex-start;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-family: var(--font-secondary);
}

a.link {
  font-style: normal;
  color: var(--primary);
  transition: all 0.25s linear;
}
a.link:hover {
  text-decoration: none;
  color: var(--secondary);
}

/* section styles */
.light-grey-background {
  background-color: var(--light-grey);
}

#administration-menu {
  font-size: 0.875em;
}
#administration-menu.burger {
  --box-border-width: 0;
  --nav-item-padding-top: 10px;
  --nav-item-padding-right: 12px;
  --nav-item-padding-bottom: 10px;
  --nav-item-padding-left: 12px;
  --nav-item-padding: var(--nav-item-padding-top) var(--nav-item-padding-right) var(--nav-item-padding-bottom) var(--nav-item-padding-left);
  --nav-drop-box-min-width: 100%;
}

#user-menu {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.875em;
}
#user-menu.burger {
  --box-border-width: 0;
  --nav-drop-box-min-width: 100%;
  --drop-box-color: var(--light);
  --drop-box-background-color: var(--tertiary);
}
#user-menu.burger > ul {
  --nav-item-padding-top: 10px;
  --nav-item-padding-right: var(--layout-spacing);
  --nav-item-padding-bottom: 10px;
  --nav-item-padding-left: var(--layout-spacing);
  --nav-item-padding: var(--nav-item-padding-top) var(--nav-item-padding-right) var(--nav-item-padding-bottom) var(--nav-item-padding-left);
}
#user-menu.burger::after {
  padding-left: 0;
  padding-right: 0;
}

#banner {
  position: relative;
}
#banner > #banner-images {
  --slider-gap: 0;
  height: 530px;
}
#banner > #banner-images article {
  position: relative;
  z-index: 0;
}
#banner > #banner-images article > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#banner > #banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#banner > #banner-content > .margined-content {
  --layout-spacing-large: 80px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--layout-spacing-large);
  padding: var(--layout-spacing-large) var(--layout-spacing);
  height: 100%;
}
#banner > #banner-content > .margined-content #home-button {
  display: block;
  height: 85px;
}
#banner > #banner-content > .margined-content #home-button > img {
  max-height: 100%;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7490196078)) drop-shadow(2px 1px 6px rgba(0, 0, 0, 0.7411764706)) drop-shadow(9px 4px 10px rgba(0, 0, 0, 0.6392156863)) drop-shadow(21px 8px 14px rgba(0, 0, 0, 0.3803921569)) drop-shadow(38px 14px 16px rgba(0, 0, 0, 0.1098039216)) drop-shadow(59px 22px 18px rgba(0, 0, 0, 0.0117647059));
}
#banner > #banner-content > .margined-content #search {
  text-align: center;
}
#banner > #banner-content > .margined-content #search > h6 {
  font-family: "Happy Monkey", sans-serif;
  font-size: 1.5em;
  color: var(--light);
  filter: drop-shadow(0px 0px 0px #000000) drop-shadow(4px 1px 9px rgba(0, 0, 0, 0.9803921569)) drop-shadow(15px 6px 16px rgba(0, 0, 0, 0.8509803922)) drop-shadow(34px 13px 22px rgba(0, 0, 0, 0.5019607843)) drop-shadow(61px 23px 26px rgba(0, 0, 0, 0.1490196078)) drop-shadow(95px 36px 28px rgba(0, 0, 0, 0.0196078431));
}
#banner > #banner-content > .margined-content #search > .search-form {
  --input-padding-top: 8px;
  --input-padding-bottom: 8px;
  --input-padding-left: 12px;
  --input-padding-right: 12px;
  --input-padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);
  --input-background-color: rgba(255,255,255,.95);
  position: relative;
  display: flex;
  margin: 20px auto 0 auto;
  border-radius: var(--border-radius);
  width: 600px;
  max-width: 100%;
  text-align: left;
  z-index: 1;
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs > div:first-child {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 599px) {
  #banner > #banner-content > .margined-content #search > .search-form > .inputs > div:first-child {
    flex-direction: column;
  }
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs > div:first-child + div {
  border-radius: 0 0 0 var(--border-radius);
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset {
  --input-border-radius: var(--border-radius) 0 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  flex-grow: 2;
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0;
  background-color: var(--input-background-color);
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset::before {
  content: "Find: ";
  display: block;
  color: #808080;
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset label {
  white-space: nowrap;
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset label input[type=radio]:checked {
  --input-border-color: var(--primary);
  --input-color: var(--light);
  --input-background-color: var(--primary);
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs flexi-select {
  --default-width: 180px !important;
  --input-border-radius: 0;
  border-top: none;
  border-right: none;
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs flexi-select flexi-select-option[hidden=hidden] {
  display: none;
}
@media screen and (max-width: 599px) {
  #banner > #banner-content > .margined-content #search > .search-form > .inputs flexi-select {
    --default-width: 100% !important;
  }
}
#banner > #banner-content > .margined-content #search > .search-form > .inputs input[type=text] {
  --input-border-radius: 0 0 0 var(--border-radius);
  --placeholder-color: #808080;
  border: none;
  width: 100%;
}
#banner > #banner-content > .margined-content #search > .search-form > .icon.search {
  position: relative;
  flex-shrink: 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  width: 60px;
  color: var(--white);
  background-color: var(--secondary);
  transition: background-color 0.25s ease;
}
#banner > #banner-content > .margined-content #search > .search-form > .icon.search:hover {
  background-color: var(--primary);
}
#banner > #banner-content > .margined-content #search > .search-form > .icon.search::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#banner > #banner-content > .margined-content #search > .search-form > .icon.search > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 0;
  background-color: transparent;
}
@media screen and (max-width: 479px) {
  #banner > #banner-content > .margined-content #search > .search-form {
    flex-direction: column;
  }
  #banner > #banner-content > .margined-content #search > .search-form > .inputs > div:first-child + div {
    border-radius: 0;
  }
  #banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset {
    --input-border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
  #banner > #banner-content > .margined-content #search > .search-form > .inputs input[type=text] {
    --input-border-radius: 0;
  }
  #banner > #banner-content > .margined-content #search > .search-form > .icon.search {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    width: auto;
    height: 50px;
  }
}
@media screen and (max-width: 419px) {
  #banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset {
    gap: 10px;
  }
  #banner > #banner-content > .margined-content #search > .search-form > .inputs fieldset::before {
    width: 100%;
  }
}
#banner > #banner-content > .margined-content #search > .search-control {
  --nav-item-padding-top: 10px;
  --nav-item-padding-right: 15px;
  --nav-item-padding-bottom: 10px;
  --nav-item-padding-left: 15px;
  margin: var(--block-margin);
  border-radius: var(--border-radius);
  text-align: left;
  width: 400px;
  max-width: 100%;
}
#banner > #banner-content > .margined-content #search > .search-control > input {
  width: 100%;
}
#banner > #banner-content > .margined-content #search > .search-control > a {
  color: var(--white);
  background-color: var(--secondary);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

body.base-for-list > header {
  display: flex;
  flex-direction: column;
}

body.home > header > #banner > #banner-content {
  height: 600px;
}
body.home > header > #banner > #banner-content > #home-button {
  width: calc(100% - var(--layout-spacing) * 2);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

main.sectioned {
  display: flex;
  flex-direction: column;
  gap: var(--layout-spacing);
}

/* List styles */
main.list .bread-crumbs,
main.list .filter-menu > ul,
section.list .bread-crumbs,
section.list .filter-menu > ul,
main.item .bread-crumbs,
main.item .filter-menu > ul {
  font-size: 0.875em;
}

main.list.margined-content,
main.list > .margined-content,
section.list.margined-content,
section.list > .margined-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main.list.margined-content > .grid,
main.list > .margined-content > .grid,
section.list.margined-content > .grid,
section.list > .margined-content > .grid {
  justify-content: center;
  margin-top: var(--layout-spacing);
  margin-bottom: var(--layout-spacing);
  --grid-gap: var(--layout-spacing);
  width: 100%;
}
main.list.margined-content > .grid > .item > img,
main.list > .margined-content > .grid > .item > img,
section.list.margined-content > .grid > .item > img,
section.list > .margined-content > .grid > .item > img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
main.list.margined-content > .grid > .item > div > *,
main.list > .margined-content > .grid > .item > div > *,
section.list.margined-content > .grid > .item > div > *,
section.list > .margined-content > .grid > .item > div > * {
  margin-top: var(--block-margin-top);
}
main.list.margined-content > .grid.c1 > .item.image-right,
main.list > .margined-content > .grid.c1 > .item.image-right,
section.list.margined-content > .grid.c1 > .item.image-right,
section.list > .margined-content > .grid.c1 > .item.image-right {
  display: flex;
  gap: var(--layout-spacing);
}
main.list.margined-content > .grid.c1 > .item.image-right > img,
main.list > .margined-content > .grid.c1 > .item.image-right > img,
section.list.margined-content > .grid.c1 > .item.image-right > img,
section.list > .margined-content > .grid.c1 > .item.image-right > img {
  width: 40%;
}
main.list.margined-content > .grid.c1 > .item.image-right > div,
main.list > .margined-content > .grid.c1 > .item.image-right > div,
section.list.margined-content > .grid.c1 > .item.image-right > div,
section.list > .margined-content > .grid.c1 > .item.image-right > div {
  width: 60%;
}
main.list.margined-content > .grid ~ nav,
main.list > .margined-content > .grid ~ nav,
section.list.margined-content > .grid ~ nav,
section.list > .margined-content > .grid ~ nav {
  display: flex;
  justify-content: center;
  gap: var(--layout-spacing);
  width: 100%;
}
main.list.light-grey-background .item,
section.list.light-grey-background .item {
  padding: 24px;
  border-radius: 7px;
  background-color: var(--light);
}

main.item {
  display: flex;
  flex-direction: column;
  gap: var(--layout-spacing);
  margin-top: var(--layout-spacing);
}
main.item .details {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  padding-top: var(--layout-spacing);
  font-size: 0.875em;
  color: #808080;
}
main.item .details > .tags:empty {
  display: none;
}
main.item .details a {
  font-style: normal;
}

/* Blog styles */
body.blogposts main.list .item {
  border-top: 20px solid var(--primary);
}
body.blogposts main.list .item h3 {
  font-weight: bold;
}

body.website-under-construction > header {
  text-align: center;
}
body.website-under-construction > header > img {
  padding: var(--layout-spacing);
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7490196078)) drop-shadow(2px 1px 6px rgba(0, 0, 0, 0.7411764706)) drop-shadow(9px 4px 10px rgba(0, 0, 0, 0.6392156863)) drop-shadow(21px 8px 14px rgba(0, 0, 0, 0.3803921569)) drop-shadow(38px 14px 16px rgba(0, 0, 0, 0.1098039216)) drop-shadow(59px 22px 18px rgba(0, 0, 0, 0.0117647059));
}
body.website-under-construction > main {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  text-shadow: var(--text-shadow);
}
body.website-under-construction > main > p {
  display: none;
}
body.website-under-construction > footer {
  display: none;
}

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