:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}
html {
  font-size: 62.5%;
}
html,
body {
  height: 100%;
}
body {
  font-size: 1.5rem;
  -webkit-font-smoothing: subpixel-antialiased;
}
ul {
  list-style-type: none;
}
table {
  border: none !important;
  border-collapse: collapse;
}
table th,
table tr,
table td {
  border: none;
  padding: 0;
}
table tr {
  border-bottom: 1px solid $silver;
}
h1,
h2,
h3,
h4 {
  margin: 0;
  line-height: 1.2em;
  color: $baseColour;
  font-weight: normal;
}
h1 {
  font-size: 4.7rem;
}
h2 {
  font-size: 2.8rem;
}
img {
  display: block;
}
.hidden {
  display: none;
}
@-moz-keyframes hr {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-webkit-keyframes hr {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-o-keyframes hr {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@keyframes hr {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-moz-keyframes min {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-webkit-keyframes min {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-o-keyframes min {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@keyframes min {
  100% {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-moz-keyframes loaderFade {
  0% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
  }
  100% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes loaderFade {
  0% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
  }
  100% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes loaderFade {
  0% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
  }
  100% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
  }
}
@keyframes loaderFade {
  0% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
  }
  100% {
    zoom: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
  }
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-regular-pro-CrcO3E_W.eot");
  src: url("/assets/apercu-regular-pro-CrcO3E_W.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-regular-pro-DSY77api.woff2") format('woff2'), url("/assets/apercu-regular-pro-D3oRbymu.woff") format('woff'), url("/assets/apercu-regular-pro-DtTUnHSu.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-italic-pro-HSkZ0Fac.eot");
  src: url("/assets/apercu-italic-pro-HSkZ0Fac.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-italic-pro-C65Gu9mY.woff2") format('woff2'), url("/assets/apercu-italic-pro-CnZYuoUH.woff") format('woff'), url("/assets/apercu-italic-pro-CVt-L2wX.ttf") format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-medium-pro-BNjg8sHM.eot");
  src: url("/assets/apercu-medium-pro-BNjg8sHM.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-medium-pro-DJwghVp9.woff2") format('woff2'), url("/assets/apercu-medium-pro-DMgABEEK.woff") format('woff'), url("/assets/apercu-medium-pro-B_qccDph.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-medium-italic-pro-DRYCoPQg.eot");
  src: url("/assets/apercu-medium-italic-pro-DRYCoPQg.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-medium-italic-pro-CzGCWyeC.woff2") format('woff2'), url("/assets/apercu-medium-italic-pro-BeTLq9zM.woff") format('woff'), url("/assets/apercu-medium-italic-pro-CTOhfu5s.ttf") format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-light-pro-D681UiCk.eot");
  src: url("/assets/apercu-light-pro-D681UiCk.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-light-pro-CGho5VAV.woff2") format('woff2'), url("/assets/apercu-light-pro-CIh-kolm.woff") format('woff'), url("/assets/apercu-light-pro-CXLbze0S.ttf") format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-light-italic-pro-rMqgBnqV.eot");
  src: url("/assets/apercu-light-italic-pro-rMqgBnqV.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-light-italic-pro-CQEBp4pG.woff2") format('woff2'), url("/assets/apercu-light-italic-pro-B-DPss-a.woff") format('woff'), url("/assets/apercu-light-italic-pro-hPI0BDvh.ttf") format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-bold-pro-BhEiPbyF.eot");
  src: url("/assets/apercu-bold-pro-BhEiPbyF.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-bold-pro-B_kAVGvH.woff2") format('woff2'), url("/assets/apercu-bold-pro-Dvn7MRBn.woff") format('woff'), url("/assets/apercu-bold-pro-CYhsFA60.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Apercu';
  src: url("/assets/apercu-bold-italic-pro-Bh4ylWLh.eot");
  src: url("/assets/apercu-bold-italic-pro-Bh4ylWLh.eot?#iefix") format('embedded-opentype'), url("/assets/apercu-bold-italic-pro-DAVtE5Zd.woff2") format('woff2'), url("/assets/apercu-bold-italic-pro-dsm7vvXa.woff") format('woff'), url("/assets/apercu-bold-italic-pro-CQmpPG4W.ttf") format('truetype');
  font-weight: 700;
  font-style: italic;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
a {
  color: var(--black);
}
#body {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.5rem;
}
@media (min-width: 1501px) {
  #body {
    font: 1.7rem var(--font);
    line-height: calc(17px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  #body {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  #body {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #body {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #body {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  #body {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media print {
  #body {
    font: 1.2rem var(--font);
    font-family: Arial, serif !important;
    line-height: calc(12px * 1.4);
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  #body {
    padding: var(--padding);
  }
}
#body #root {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#body .btn {
  cursor: pointer;
  background-color: rgba(0,0,0,0);
}
#body .btn:hover {
  background-color: #999;
}
#body .btn.active {
  background-color: #999;
}
#body .blue {
  color: #00f !important;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
:root {
  --black: #141414;
  --grey: #efefef;
  --dark-grey: #727272;
  --white: #fff;
  --faded: rgba(0,0,0,0.24);
  --crawl: 0.8s;
  --walk: 0.4s;
  --run: 0.2s;
  --rasterboy-border-width: 1px;
  --rasterboy-border-color: rgba(0,0,0,0.64);
  --rasterboy-alt-color: rgba(0,0,0,0.06);
  --rasterboy-color: rgba(0,0,0,0.72);
  --rasterboy-raster-size: 4px;
  --rasterboy-raster-border-color: rgba(0,0,0,0.12);
  --rasterboy-offset: 3px;
  --rasterboy-offset-x: var(--rasterboy-offset);
  --rasterboy-offset-y: var(--rasterboy-offset);
}
:root {
  --black: #141414;
  --grey: #efefef;
  --dark-grey: #727272;
  --white: #fff;
  --faded: rgba(0,0,0,0.24);
  --crawl: 0.8s;
  --walk: 0.4s;
  --run: 0.2s;
  --rasterboy-border-width: 1px;
  --rasterboy-border-color: rgba(0,0,0,0.64);
  --rasterboy-alt-color: rgba(0,0,0,0.06);
  --rasterboy-color: rgba(0,0,0,0.72);
  --rasterboy-raster-size: 4px;
  --rasterboy-raster-border-color: rgba(0,0,0,0.12);
  --rasterboy-offset: 3px;
  --rasterboy-offset-x: var(--rasterboy-offset);
  --rasterboy-offset-y: var(--rasterboy-offset);
}
.azt-react-Button-container {
  background-color: var(--button-background-color, #fff);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 0;
  padding: var(--button-padding, var(--button-padding-top, 0) var(--button-padding-right, 0) var(--button-padding-bottom, 0) var(--button-padding-left, 0));
  border: var(--button-border-width, 1px) solid var(--button-border-color, currentColor);
  margin: unset;
  color: var(--button-color, inherit);
  font: inherit;
  font-size: var(--button-font-size, 1em);
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-shadow: inherit;
  text-align: unset;
  text-decoration: unset;
  transition: color var(--button-transition-duration, 0), background-color var(--button-transition-duration, 0), border-color var(--button-transition-duration, 0);
  cursor: pointer;
}
.azt-react-Button-container >span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.3em;
}
.azt-react-Button-container .azt-react-Button-icon {
  background-color: var(--icon-background-color, transparent);
  color: var(--icon-color, currentColor);
}
.azt-react-Button-container:disabled,
.azt-react-Button-container.disabled {
  background-color: var(--disabled-button-background-color, transparent);
  color: var(--disabled-button-color, var(--button-color, inherit));
  opacity: var(--disabled-button-opacity, 0.42);
  pointer-events: none !important;
  cursor: unset;
}
@media (hover: hover) {
  .azt-react-Button-container.enabled:hover {
    background-color: var(--button-color, #000);
    color: var(--button-background-color, #fff);
    border-color: var(--button-color, currentColor);
  }
  .azt-react-Button-container.enabled:hover >.azt-react-Button-icon {
    background-color: var(--icon-color, transparent);
    color: var(--icon-background-color, var(--button-background-color));
  }
}
.azt-react-Button-container.enabled:active,
.azt-react-Button-container.enabled.active {
  background-color: var(--button-color, #000);
  color: var(--button-background-color, #fff);
  border-color: var(--button-background-color, currentColor);
}
.azt-react-Button-container.clean {
  --button-background-color: transparent;
  --disabled-button-background-color: transparent;
  border: none;
  padding: unset;
}
@media (hover: hover) {
  .azt-react-Button-container.clean.enabled:hover {
    --button-color: transparent;
    --button-background-color: currentColor;
  }
}
.azt-react-Button-container.clean.enabled:active,
.azt-react-Button-container.clean.enabled.active {
  --button-color: transparent;
  --button-background-color: currentColor;
}
.azt-react-Button-container.clean.inverted {
  --button-background-color: currentColor;
  --button-color: transparent;
}
.azt-react-Button-container.link {
  text-decoration: revert;
}
.azt-react-Button-container.round,
.azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-eboy:before,
.azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-eboy:after,
.azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-rasterboy:before,
.azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-rasterboy:after {
  border-radius: 50%;
}
.azt-react-Button-container.round {
  flex-shrink: 0;
  padding: 0;
  width: var(--button-diameter, 1lh);
  height: var(--button-diameter, 1lh);
}
.azt-react-Button-container.smooth,
.azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-eboy:before,
.azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-eboy:after,
.azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-rasterboy:before,
.azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-rasterboy:after {
  height: var(--button-diameter, 1lh);
  border-radius: calc(var(--button-diameter, 1lh) / 2);
}
.azt-react-Button-container.inverted {
  background-color: var(--button-color, #000);
  color: var(--button-background-color, #fff);
  border-color: var(--button-border-color, var(--button-color, currentColor));
}
.azt-react-Button-container.inverted >.azt-react-Button-icon {
  color: var(--icon-color, var(--button-background-color));
}
@media (hover: hover) {
  .azt-react-Button-container.inverted.enabled:hover {
    background-color: var(--button-background-color, #fff);
    color: var(--button-color, #000);
    border-color: var(--button-color, currentColor);
  }
  .azt-react-Button-container.inverted.enabled:hover >.azt-react-Button-icon {
    color: var(--icon-color, var(--button-color));
  }
}
.azt-react-Button-container.inverted.enabled:active,
.azt-react-Button-container.inverted.enabled.active {
  background-color: var(--button-background-color, #fff);
  color: var(--button-color, #000);
  border-color: var(--button-color, currentColor);
}
.azt-react-Button-container.inverted.enabled:active >.azt-react-Button-icon,
.azt-react-Button-container.inverted.enabled.active >.azt-react-Button-icon {
  color: var(--icon-color, var(--button-color));
}
.azt-react-Button-container.material {
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 1px 4px 1px rgba(0,0,0,0.24);
}
@media (hover: hover) {
  .azt-react-Button-container.material:enabled:hover,
  .azt-react-Button-container.material.enabled:hover {
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.24);
  }
}
.azt-react-Button-container.material:enabled:active,
.azt-react-Button-container.material.enabled:active,
.azt-react-Button-container.material:enabled.active,
.azt-react-Button-container.material.enabled.active {
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.24);
}
.azt-react-Button-container.eboy {
  position: relative;
  box-shadow: inset 0 0 0 var(--eboy-border-width, 1px) var(--eboy-border-color, rgba(0,0,0,0.64));
  border-style: none;
}
.azt-react-Button-container.eboy:before,
.azt-react-Button-container.eboy:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.azt-react-Button-container.eboy:before {
  box-shadow: var(--eboy-offset, 3px) var(--eboy-offset, 3px) 0 1px var(--eboy-color, rgba(0,0,0,0.24));
  border-radius: inherit;
}
.azt-react-Button-container.eboy:after {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.24);
  border-radius: inherit;
}
.azt-react-Button-container.eboy.azt-react-Button-active {
  transform: translate(calc(var(--eboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--eboy-offset) / 2 + var(--button-offset-y, 0px)));
}
.azt-react-Button-container.eboy.azt-react-Button-active:before {
  box-shadow: calc(var(--eboy-offset) / 3) calc(var(--eboy-offset) / 3) 0 1px var(--eboy-active-color, var(--eboy-color, rgba(0,0,0,0.24)));
}
@media (hover: hover) {
  .azt-react-Button-container.eboy.enabled:hover {
    --eboy-color: rgba(0,0,0,0.32);
  }
}
.azt-react-Button-container.eboy.enabled:active,
.azt-react-Button-container.eboy.enabled.active {
  transform: translate(calc(var(--eboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--eboy-offset) / 2 + var(--button-offset-y, 0px)));
}
.azt-react-Button-container.eboy.enabled:active:before,
.azt-react-Button-container.eboy.enabled.active:before {
  box-shadow: calc(var(--eboy-offset) / 3) calc(var(--eboy-offset) / 3) 0 1px var(--eboy-active-color, var(--eboy-color, rgba(0,0,0,0.24)));
}
.azt-react-Button-container.rasterboy {
  position: relative;
  box-shadow: inset 0 0 0 var(--rasterboy-border-width, 1px) var(--rasterboy-border-color, rgba(0,0,0,0.64));
  border: none;
  transform-style: preserve-3d;
}
.azt-react-Button-container.rasterboy:before,
.azt-react-Button-container.rasterboy:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
}
.azt-react-Button-container.rasterboy:before {
  border: var(--rasterboy-border-width) solid var(--rasterboy-raster-border-color);
  background-image: linear-gradient(45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(-45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%), linear-gradient(-45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%);
  background-size: var(--rasterboy-raster-size) var(--rasterboy-raster-size);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  transform: var(--rasterboy-translate, translate3d(var(--rasterboy-offset-x), var(--rasterboy-offset-y), var(--rasterboy-translate-z, -1em)));
}
.azt-react-Button-container.rasterboy:after {
  box-shadow: inset 0 0 0 var(--rasterboy-border-width, 1px) var(--rasterboy-border-color, rgba(0,0,0,0.64));
  border-radius: inherit;
}
@media (hover: hover) {
  .azt-react-Button-container.rasterboy.enabled:hover:before {
    background-image: linear-gradient(45deg, var(--rasterboy-active-color, var(--rasterboy-color)) 25%, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 25%), linear-gradient(-45deg, var(--rasterboy-active-color, var(--rasterboy-color)) 25%, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 25%), linear-gradient(45deg, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 75%, var(--rasterboy-active-color, var(--rasterboy-color)) 75%), linear-gradient(-45deg, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 75%, var(--rasterboy-active-color, var(--rasterboy-color)) 75%);
  }
}
.azt-react-Button-container.rasterboy.enabled:active,
.azt-react-Button-container.rasterboy.enabled.active {
  transform: translate(calc(var(--rasterboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--rasterboy-offset) / 2 + var(--button-offset-y, 0px))) !important;
}
.azt-react-Button-container.rasterboy.enabled:active:before,
.azt-react-Button-container.rasterboy.enabled.active:before {
  background-image: linear-gradient(45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(-45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%), linear-gradient(-45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%);
  background-size: var(--rasterboy-raster-size) var(--rasterboy-raster-size);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  transform: translate3d(calc(var(--rasterboy-offset) / 3), calc(var(--rasterboy-offset) / 3), -1em) !important;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-CloseButton-close {
  --pseudo-line-width: var(--line-width, 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: transparent;
  width: var(--button-diameter, 1lh);
  height: var(--button-diameter, 1lh);
  padding: 0;
  color: inherit;
}
.azt-react-CloseButton-close:enabled:active {
  background-color: transparent;
}
.azt-react-CloseButton-close:before,
.azt-react-CloseButton-close:after {
  background-color: currentColor;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  width: var(--pseudo-line-width);
}
.azt-react-CloseButton-close:before {
  transform: rotate(45deg);
}
.azt-react-CloseButton-close:after {
  transform: rotate(-45deg);
}
.azt-react-CloseButton-close.round:before,
.azt-react-CloseButton-close.round:after {
  top: 0.1em;
  bottom: 0.1em;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Markdown-container {
  white-space: normal;
}
.azt-react-Markdown-container ul,
.azt-react-Markdown-container ol,
.azt-react-Markdown-container p,
.azt-react-Markdown-container figure,
.azt-react-Markdown-container details,
.azt-react-Markdown-container details[open] summary {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.azt-react-Markdown-container ul:last-child,
.azt-react-Markdown-container ol:last-child,
.azt-react-Markdown-container p:last-child,
.azt-react-Markdown-container figure:last-child,
.azt-react-Markdown-container details:last-child,
.azt-react-Markdown-container details[open] summary:last-child {
  margin-bottom: 0;
}
.azt-react-Markdown-container figure * {
  margin: 0;
}
.azt-react-Markdown-container figure figcaption {
  margin-top: 0.5em;
}
.azt-react-Markdown-container a {
  display: inline;
  word-break: break-word;
}
.azt-react-Markdown-container ol,
.azt-react-Markdown-container ul {
  list-style-position: inside;
}
.azt-react-Markdown-container sup,
.azt-react-Markdown-container sub {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
}
.azt-react-Markdown-container sub {
  top: 0.3em;
}
.azt-react-Markdown-container iframe {
  max-width: 100%;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Counter-counter {
  will-change: font-size;
  transition: font-size 0.4s;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Histogram-container {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
.azt-react-Histogram-container .azt-react-Histogram-item {
  flex: 1;
  display: flex;
  align-items: flex-end;
  position: relative;
  height: 100%;
  user-select: none;
}
.azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-bar {
  background-color: currentColor;
  width: 100%;
  height: 100%;
  opacity: 0.42;
}
.azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-bar:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-label {
  position: absolute;
  bottom: 0;
  transform: translate(-50%, calc(100% + 0.6em));
}
.azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-label:before {
  content: '';
  background-color: currentColor;
  position: absolute;
  width: 1px;
  height: 0.4em;
  top: -0.6em;
  left: 50%;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-tick .azt-react-Histogram-bar:after {
  content: '';
  background-color: currentColor;
  position: absolute;
  width: 1px;
  height: 0.4em;
  bottom: 0;
  transform: translateY(100%);
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-bar:before,
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-bar:before {
  opacity: 1;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label,
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label {
  height: calc(100% + 2em);
  bottom: 0;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label:before,
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label:before {
  bottom: 0;
  height: unset;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label {
  top: -1em;
  height: calc(100% + 1em);
  transform: translate(-50%, 0);
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label:before {
  top: 1em;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label {
  top: -2em;
  height: calc(100% + 2em);
  transform: translate(-50%, 0);
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label:before {
  top: 1em;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-theOne .azt-react-Histogram-bar:before {
  opacity: 1;
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-theOne .azt-react-Histogram-label {
  top: -1em;
  height: calc(100% + 1em);
  transform: translate(-50%, 0);
}
.azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-theOne .azt-react-Histogram-label:before {
  top: 1em;
  bottom: 0;
  height: unset;
}
.azt-react-Histogram-container .azt-react-Histogram-selectionIndicator {
  display: none;
  background-color: var(--histogram-selection-indicator-color, rgba(255,255,255,0.42));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.azt-react-Histogram-container .azt-react-Histogram-hoverIndicator {
  display: none;
  justify-content: center;
  background-color: var(--histogram-hover-indicator-color, #f00);
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.azt-react-Histogram-container .azt-react-Histogram-hoverIndicator .azt-react-Histogram-hoverLabel {
  position: absolute;
  padding: 0.3em 0.5em 0.3em;
  border-radius: 0.7em;
  transform: translate(50%, 0);
}
.azt-react-Histogram-container.azt-react-Histogram-ranger .azt-react-Histogram-selectionIndicator {
  display: block;
}
.azt-react-Histogram-container.azt-react-Histogram-depressed .azt-react-Histogram-hoverIndicator {
  display: flex;
}
@media (hover: hover) {
  .azt-react-Histogram-container:hover .azt-react-Histogram-hoverIndicator {
    display: flex;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Details-container {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  border-color: transparent !important;
  pointer-events: initial;
  white-space: initial;
  text-overflow: initial;
  cursor: initial;
  transition: width var(--run, 0.2s);
  transform: var(--transform);
}
.azt-react-Details-container .azt-react-Details-loader {
  position: relative;
  width: var(--loader-size, 3em);
  height: var(--loader-size, 3em);
}
.azt-react-Details-container >.azt-react-Details-shadow,
.azt-react-Details-container >.azt-react-Details-summary {
  border: none !important;
}
.azt-react-Details-container >.azt-react-Details-summary {
  position: relative;
  background-color: transparent !important;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  transition: width var(--run, 0.2s);
  cursor: pointer;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  min-width: 0;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label >* {
  max-width: 100%;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-ellipse {
  text-overflow: ellipsis;
  overflow: hidden;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-hidden {
  position: absolute;
  width: var(--label-width, auto);
  max-width: var(--label-max-width, auto);
  opacity: 0;
  pointer-events: none !important;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-hidden * {
  pointer-events: none !important;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-padded {
  padding-right: 0.5em;
}
.azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-overflowing {
  overflow: unset;
}
.azt-react-Details-container >.azt-react-Details-summary .azt-react-Details-chevron {
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0;
  padding: 0;
}
.azt-react-Details-container >.azt-react-Details-summary .azt-react-Details-padding {
  flex-shrink: 0;
  width: 0.5em;
}
.azt-react-Details-container >.azt-react-Details-summary.azt-react-Details-centred {
  align-self: center !important;
  justify-content: center;
}
.azt-react-Details-container >.azt-react-Details-summary.azt-react-Details-empty >.azt-react-Details-label {
  flex: unset;
}
.azt-react-Details-container >.azt-react-Details-shadow,
.azt-react-Details-container >.azt-react-Details-details {
  position: absolute;
  transition: width var(--run, 0.2s), height var(--run, 0.2s);
}
.azt-react-Details-container >.azt-react-Details-details {
  padding: 0 !important;
}
.azt-react-Details-container >.azt-react-Details-details >.azt-react-Details-contentWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  border-radius: inherit;
}
.azt-react-Details-container >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content {
  position: absolute;
  max-width: inherit;
  max-height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
}
.azt-react-Details-container >.azt-react-Details-details.azt-react-Details-overflowing >.azt-react-Details-contentWrapper {
  overflow: unset;
}
.azt-react-Details-container >.azt-react-Details-details.azt-react-Details-overflowing >.azt-react-Details-contentWrapper >.azt-react-Details-content {
  overflow: unset;
}
.azt-react-Details-container.azt-react-Details-right >.azt-react-Details-details,
.azt-react-Details-container.azt-react-Details-right >.azt-react-Details-shadow {
  right: 0;
}
.azt-react-Details-container.azt-react-Details-topLeft >.azt-react-Details-details,
.azt-react-Details-container.azt-react-Details-topLeft >.azt-react-Details-shadow {
  top: 0;
  left: 0;
}
.azt-react-Details-container.azt-react-Details-topLeft >.azt-react-Details-summary.azt-react-Details-empty {
  justify-content: flex-start;
}
.azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-summary {
  flex-direction: row-reverse;
  align-self: flex-end;
}
.azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-details,
.azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-shadow {
  top: 0;
  right: 0;
}
.azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content,
.azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-shadow >.azt-react-Details-contentWrapper >.azt-react-Details-content {
  right: 0;
}
.azt-react-Details-container.azt-react-Details-bottomLeft {
  flex-direction: column-reverse;
}
.azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-summary.azt-react-Details-empty {
  justify-content: flex-start;
}
.azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-details,
.azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-shadow {
  left: 0;
  bottom: 0;
}
.azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content {
  bottom: 0;
}
.azt-react-Details-container.azt-react-Details-bottomRight {
  flex-direction: column-reverse;
}
.azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-summary {
  align-self: flex-end;
  justify-content: flex-end;
}
.azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-summary >.azt-react-Details-label .azt-react-Details-details {
  text-align: initial;
}
.azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-details,
.azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-shadow {
  right: 0;
  bottom: 0;
}
.azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content {
  bottom: 0;
}
.azt-react-Details-container.azt-react-Details-expanded >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-hidden {
  width: unset;
}
.azt-react-Details-container.azt-react-Details-collapsed {
  position: relative;
}
.azt-react-Details-container.azt-react-Details-above >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content {
  visibility: visible;
}
.azt-react-Details-container.azt-react-Details-disabled >.azt-react-Details-summary {
  pointer-events: none;
}
.azt-react-Details-container.azt-react-Details-disabled >.azt-react-Details-summary >.azt-react-Details-chevron {
  display: none;
}
.azt-react-Details-container.azt-react-Details-eboy >.azt-react-Details-shadow {
  position: absolute;
}
.azt-react-Details-above {
  z-index: 999 !important;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
#body .azt-react-ErrorBoundary-container {
  background-color: var(--background-color, #fff);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 100vh;
}
#body .azt-react-ErrorBoundary-container .azt-react-ErrorBoundary-error {
  position: relative;
  max-width: 1024px;
  padding: 1em;
  color: var(--error-color, #f00);
}
#body .azt-react-ErrorBoundary-container h1 {
  font-weight: 700;
}
#body .azt-react-ErrorBoundary-container a {
  text-decoration: underline !important;
}
#body .azt-react-ErrorBoundary-container .azt-react-ErrorBoundary-home {
  white-space: nowrap;
}
#body .azt-react-ErrorBoundary-container .azt-react-ErrorBoundary-home img {
  display: inline-block;
  vertical-align: bottom;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-MultiSwitchButton-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels {
  display: flex;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels .azt-react-MultiSwitchButton-label {
  flex: 1;
  width: var(--option-width);
  height: 100%;
  margin: 0;
  padding: 0 0.3em 0.2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels .azt-react-MultiSwitchButton-label:first-child {
  justify-content: flex-start;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels .azt-react-MultiSwitchButton-label:last-child {
  justify-content: flex-end;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-selectors {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-selectors .azt-react-MultiSwitchButton-selector {
  flex: 1;
  min-width: var(--option-width);
  height: 100%;
  margin: 0;
  padding: 0;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-track {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(var(--button-diameter, 1.2em) * 0.8);
  border: var(--button-border-width, 1px) solid currentColor;
  border-radius: calc(var(--button-diameter, 1.2em) / 2);
  pointer-events: none;
}
.azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-track .azt-react-MultiSwitchButton-knob {
  position: absolute;
  left: calc((var(--index) + 1) / var(--count) * 100%);
  width: calc(var(--button-diameter, 1.2em) * 0.5);
  height: calc(var(--button-diameter, 1.2em) * 0.5);
  margin: 0;
  margin-left: calc(1 / var(--count) / 2 * -100%);
  padding: 0;
  border-radius: 50%;
  transform: translateX(-50%);
  will-change: left, margin, transform;
  transition: left var(--walk, 0.4s), margin var(--walk, 0.4s), transform var(--walk, 0.4s);
}
.azt-react-MultiSwitchButton-container.active .azt-react-MultiSwitchButton-toggle .azt-react-MultiSwitchButton-knob {
  background-color: currentColor;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-ExpandButton-container {
  --pseudo-line-width: var(--line-width, 2px);
}
.azt-react-ExpandButton-container .azt-react-ExpandButton-chevron {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1em;
  height: 1em;
  transition: transform 0.2s;
}
.azt-react-ExpandButton-container .azt-react-ExpandButton-chevron.azt-react-ExpandButton-padded {
  margin-left: 0.5em;
}
.azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:before,
.azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:after {
  background-color: currentColor;
  position: absolute;
  top: 0;
  bottom: 0.25em;
  margin: auto;
  content: '';
  width: var(--pseudo-line-width);
  transform-origin: 50% 100%;
}
.azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:before {
  transform: translateX(-50%) rotate(45deg);
}
.azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:after {
  transform: rotate(-45deg);
}
.azt-react-ExpandButton-container.azt-react-ExpandButton-tree .azt-react-ExpandButton-chevron {
  transform: rotate(-90deg);
}
.azt-react-ExpandButton-container.expanded .azt-react-ExpandButton-chevron {
  transform: rotate(180deg);
}
.azt-react-ExpandButton-container.expanded.azt-react-ExpandButton-tree .azt-react-ExpandButton-chevron {
  transform: rotate(0deg);
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-ToggleButton-container {
  border-radius: calc(var(--button-diameter, 1.2em) / 2);
}
.azt-react-ToggleButton-container .azt-react-ToggleButton-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--button-diameter, 1.2em) * 1.4);
  height: calc(var(--button-diameter, 1.2em) * 0.8);
  border: 1px solid currentColor;
  border-radius: calc(var(--button-diameter, 1.2em) / 2);
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.24);
}
.azt-react-ToggleButton-container .azt-react-ToggleButton-toggle.azt-react-ToggleButton-padded {
  margin-right: 0.5em;
}
.azt-react-ToggleButton-container .azt-react-ToggleButton-toggle:after {
  content: '';
  position: absolute;
  width: calc(var(--button-diameter, 1.2em) * 0.5);
  height: calc(var(--button-diameter, 1.2em) * 0.5);
  border: 1px solid currentColor;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px rgba(0,0,0,0.24);
  transform: translateX(calc(var(--button-diameter, 1.2em) * 0.3 * -1));
  will-change: transform;
  transition: transform var(--walk, 0.4s);
}
.azt-react-ToggleButton-container.active .azt-react-ToggleButton-toggle:after {
  background-color: currentColor;
  transform: translateX(calc(var(--button-diameter, 1.2em) * 0.3));
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Img-figure figcaption {
  font-size: var(--caption-font-size, inherit);
}
figure.azt-react-Img-container {
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
figure.azt-react-Img-container img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
figure.azt-react-Img-container figcaption {
  position: absolute;
  padding: 0.6em 0.6em;
  cursor: initial;
}
figure.azt-react-Img-container .azt-react-Img-zoom {
  opacity: 0;
}
figure.azt-react-Img-container .azt-react-Img-zoom,
figure.azt-react-Img-container .azt-react-Img-loader {
  position: absolute;
  width: 100%;
  height: 100%;
}
figure.azt-react-Img-container .azt-react-Img-loader {
  transition: opacity 1s, background-size 0.4s;
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity;
  pointer-events: none;
}
figure.azt-react-Img-container.azt-react-Img-cover {
  width: 100% !important;
  height: 100% !important;
  background-size: cover;
}
figure.azt-react-Img-container.azt-react-Img-cover .azt-react-Img-loader {
  background-size: cover;
}
figure.azt-react-Img-container.azt-react-Img-loaded .azt-react-Img-loader {
  opacity: 0;
}
figure.azt-react-Img-container.azt-react-Img-loupe,
figure.azt-react-Img-container.azt-react-Img-lightbox {
  cursor: zoom-in;
}
figure.azt-react-Img-container.azt-react-Img-zoomed {
  cursor: unset;
}
figure.azt-react-Img-container.azt-react-Img-zoomed .azt-react-Img-img.azt-react-Img-zoom {
  opacity: 1;
  pointer-events: initial;
}
.azt-react-Img-overlay {
  --overlay-width: 80vw;
  display: block !important;
  color: var(--white, #fff);
}
.azt-react-Img-overlay .azt-react-Img-header {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.azt-react-Img-overlay .azt-react-Img-header .azt-react-Img-close {
  font-size: 2em;
}
.azt-react-Img-overlay .azt-react-Img-figure {
  background-color: #000;
  display: flex;
  width: var(--overlay-width);
  height: calc(var(--overlay-width) * var(--height-ratio));
  max-height: 90vh;
  padding: 1em;
}
.azt-react-Img-overlay .azt-react-Img-figure figcaption {
  padding: 0.6em 0 0;
}
.azt-react-Img-overlay .azt-react-Img-figure .azt-react-Img-arrow {
  background-color: transparent;
  position: absolute;
  top: 50%;
}
.azt-react-Img-overlay .azt-react-Img-figure .azt-react-Img-arrow.azt-react-Img-prev {
  left: 0;
  transform: translateY(-50%) rotate(90deg);
}
.azt-react-Img-overlay .azt-react-Img-figure .azt-react-Img-arrow.azt-react-Img-next {
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 1023px) {
  .azt-react-Img-overlay {
    --overlay-width: 95vw;
  }
}
@media print {
  .azt-react-Img-img {
    content: var(--src-url);
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  z-index: 9999999;
}
.overlay > div {
  pointer-events: auto;
}
.overlay .azt-react-Overlay-BG {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.24;
  will-change: opacity, background-color;
  transition: background-color 0.2s, opacity 0.2s;
  cursor: pointer;
  cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='1em'%20viewBox='0%200%20384%20512'%3E%3Cpath%20d='m345%20137%2017-17-34-33.9-17%2017-119%20119L73%20103%2056%2086l-33.9%2034%2017%2017%20119%20119L39%20375l-17%2017%2034%2033.9%2017-17%20119-119L311%20409l17%2017%2033.9-34-17-17-119-119L345%20137z'/%3E%3C/svg%3E") 24 24, auto;
}
.overlay .azt-react-Overlay-BG.azt-react-Overlay-minimised {
  background-color: rgba(0,0,0,0);
  pointer-events: none;
}
.overlay .azt-react-Overlay-BG.azt-react-Overlay-fixed {
  position: fixed;
}
.overlay .azt-react-Overlay-container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  bottom: 0%;
  margin: 2em auto;
  box-shadow: 0 0 24px 6px rgba(0,0,0,0.24);
  transform: translateY(0%);
  will-change: bottom, width, height, max-width, max-height;
  transition: bottom 0.2s, width 0.2s, height 0.2s, max-width 0.2s, max-height 0.2s;
}
.overlay .azt-react-Overlay-container .azt-react-Overlay-header,
.overlay .azt-react-Overlay-container .azt-react-Overlay-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
}
.overlay .azt-react-Overlay-container .azt-react-Overlay-header {
  flex-shrink: 0;
  cursor: pointer;
}
.overlay .azt-react-Overlay-container .azt-react-Overlay-header >*:first-child {
  flex: 1;
}
.overlay .azt-react-Overlay-container .azt-react-Overlay-close {
  position: absolute;
  justify-self: flex-end;
  top: var(--close-top, 0.3em);
  right: var(--close-right, 0.3em);
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay .azt-react-Overlay-container .azt-react-Overlay-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
.overlay .azt-react-Overlay-container.azt-react-Overlay-minimised {
  bottom: -50%;
  transform: translateY(-100%);
}
.overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-header {
  position: relative;
  padding: 1rem;
}
.overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-header .fa {
  transform: rotate(180deg);
}
.overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-content {
  display: none;
  overflow-y: hidden;
}
.overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-footer {
  display: none;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Input-container input {
  padding: 1em;
  min-width: 24ch;
  max-width: 100%;
  transition: background-color 0.1s;
  text-overflow: ellipsis;
}
.azt-react-Input-types-Input-container input:focus {
  background-color: _white;
}
.azt-react-Input-types-Input-container.azt-react-Input-types-Input-resizeable:after {
  display: block;
  content: attr(data-value);
  white-space: pre-wrap;
  height: 0;
  padding: 0 1em;
  visibility: hidden;
  overflow: hidden;
  z-index: 9;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Colour-container {
  display: flex;
  justify-content: flex-start;
}
.azt-react-Input-types-Colour-container .azt-react-Input-types-Colour-pipette {
  margin-left: 1em;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Date-container input {
  padding: 1em;
  transition: background-color 0.1s;
}
.azt-react-Input-types-Date-container input:focus {
  background-color: _white;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Range-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.azt-react-Input-types-Range-container .azt-react-Input-types-Range-input {
  width: 100%;
}
.azt-react-Input-types-Range-container .azt-react-Input-types-Range-input input {
  transition: background-color 0.1s;
}
.azt-react-Input-types-Range-container .azt-react-Input-types-Range-input input:focus {
  background-color: _white;
}
.azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
  margin-left: 0.2em;
}
@media (min-width: 1501px) {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.4rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media print {
  .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit {
    font: 1.3rem/1.2 var(--font);
    font-family: Arial, serif !important;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
.azt-react-Input-types-Range-container .azt-react-Input-types-Range-separator:after {
  content: '–';
  margin: 0 0.5em;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
input.azt-react-Input-types-Checkbox-container[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
input.azt-react-Input-types-Checkbox-container[type="checkbox"] +label {
  top: 50%;
  padding: 0.3em 0 0 2.2em;
  cursor: pointer;
}
input.azt-react-Input-types-Checkbox-container[type="checkbox"] +label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1em;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
input.azt-react-Input-types-Checkbox-container[type="checkbox"]:enabled:hover +label:before {
  box-shadow: inset 0 0 3px currentColor;
}
input.azt-react-Input-types-Checkbox-container[type="checkbox"]:checked +label:before {
  box-shadow: inset 0 0 3px currentColor;
}
input.azt-react-Input-types-Checkbox-container[type="checkbox"]:checked +label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 1em;
  width: 0px;
  height: 0px;
  border: 0.3em solid currentColor;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Radio-option {
  display: inline-flex;
  margin-right: 2em;
}
.azt-react-Input-types-Radio-option:last-child {
  margin-right: 0;
}
.azt-react-Input-types-Radio-option input {
  width: 1.4em !important;
  height: 1.4em;
  opacity: 0;
  cursor: pointer;
}
.azt-react-Input-types-Radio-option input +span {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 0 0 0.6em;
  cursor: pointer;
}
.azt-react-Input-types-Radio-option input +span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translate(-100%, -50%);
  pointer-events: none;
}
.azt-react-Input-types-Radio-option input:enabled:hover +span:before {
  box-shadow: inset 0 0 3px currentColor;
}
.azt-react-Input-types-Radio-option input:checked +span:before {
  box-shadow: inset 0 0 3px currentColor;
}
.azt-react-Input-types-Radio-option input:checked +span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc((0.4em + 1px) * -1);
  width: 0px;
  height: 0px;
  border: 0.3em solid currentColor;
  border-radius: 50%;
  transform: translate(-100%, -50%);
  pointer-events: none;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Select-container {
  display: flex;
  justify-content: stretch;
  align-items: flex-start;
  position: relative;
  background-color: inherit;
  min-width: 0;
}
.azt-react-Input-types-Select-container .azt-react-Input-types-Select-value {
  justify-content: space-between;
}
.azt-react-Input-types-Select-container .azt-react-Input-types-Select-value .azt-react-Input-types-Select-expander {
  --button-color: currentColor;
}
.azt-react-Input-types-Select-container .azt-react-Input-types-Select-options {
  background-color: inherit;
  display: grid;
  grid-template-rows: 0fr;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  transition: all var(--walk, 0.4s) ease;
  overflow: hidden;
  opacity: 0;
}
.azt-react-Input-types-Select-container .azt-react-Input-types-Select-options .azt-react-Input-types-Select-wrapper {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.azt-react-Input-types-Select-container .azt-react-Input-types-Select-options .azt-react-Input-types-Select-wrapper .azt-react-Input-types-Select-option {
  flex-shrink: 0;
  justify-content: flex-start;
}
.azt-react-Input-types-Select-container.expanded {
  z-index: 2;
}
.azt-react-Input-types-Select-container.expanded .azt-react-Input-types-Select-options {
  grid-template-rows: 1fr !important;
  border-color: currentColor;
  opacity: 1;
}
.azt-react-Input-types-Select-container.azt-react-Input-types-Select-up .azt-react-Input-types-Select-options {
  top: 0;
  bottom: unset;
  transform: translateY(-100%);
}
.azt-react-Input-types-Select-container.azt-react-Input-types-Select-relative {
  align-items: flex-end;
}
.azt-react-Input-types-Select-container.azt-react-Input-types-Select-relative .azt-react-Input-types-Select-options {
  transform: none;
}
.azt-react-Input-types-Select-value:focus,
.azt-react-Input-types-Select-option:focus {
  outline: 1px solid var(--button-color);
  outline-offset: 2px;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container {
  position: relative;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container.azt-react-Input-types-MultiSelect-inline {
  display: inline-block;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option {
  position: relative;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option input[type="checkbox"] {
  position: absolute;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option input[type="checkbox"]:checked {
  opacity: 0;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option input[type="checkbox"]:checked + .azt-react-Input-types-MultiSelect-name {
  background-color: #000;
  color: #fff;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option button {
  position: initial;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option .azt-react-Input-types-MultiSelect-name {
  margin: 0.1em;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option:hover .azt-react-Input-types-MultiSelect-name {
  border-color: #000;
}
.azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-options {
  width: 100%;
  padding: 0 0 0.5rem 1rem;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect {
  position: relative;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-value > :first-child {
  width: 100%;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-value button {
  flex-shrink: 0 !important;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input {
  position: relative;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input input {
  position: relative;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input input::placeholder {
  color: currentColor;
  font-weight: 100;
  opacity: 0.42;
  transform: translateY(0.08em);
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input.azt-react-Input-types-MultiSearchSelect-focused .azt-react-Input-types-MultiSearchSelect-options {
  border-color: #000;
  box-shadow: 0 1px 6px 3px rgba(0,0,0,0.24);
  z-index: 1;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input.azt-react-Input-types-MultiSearchSelect-invisible {
  display: none;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options {
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  max-height: 20vh;
  border: 1px solid transparent;
  border-top-width: 0;
  overflow-y: auto;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option {
  display: flex;
  position: relative;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option input[type="checkbox"] {
  position: absolute;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option input[type="checkbox"]:checked {
  opacity: 0;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option input[type="checkbox"]:checked + .azt-react-Input-types-MultiSearchSelect-label {
  background-color: #000;
  color: #fff;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option .azt-react-Input-types-MultiSearchSelect-label {
  flex: 1 !important;
  background-color: inherit;
  justify-content: flex-start;
}
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option .azt-react-Input-types-MultiSearchSelect-label.active,
.azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option .azt-react-Input-types-MultiSearchSelect-label:hover {
  background-color: #000 !important;
  color: #fff;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Attachment-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.azt-react-Input-types-Attachment-container input {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.azt-react-Input-types-Attachment-container input+button {
  width: 100%;
}
.azt-react-Input-types-Attachment-container .azt-react-Input-types-Attachment-loader {
  display: none;
  background-color: #008000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.24;
}
.azt-react-Input-types-Attachment-container .azt-react-Input-types-Attachment-thumb {
  width: 2rem !important;
  height: 2rem !important;
  margin-right: 0.5em;
}
.azt-react-Input-types-Attachment-container .azt-react-Input-types-Attachment-filename {
  position: relative;
  flex: 1;
}
.azt-react-Input-types-Attachment-container.azt-react-Input-types-Attachment-loading {
  color: _faded;
}
.azt-react-Input-types-Attachment-container.azt-react-Input-types-Attachment-loading .azt-react-Input-types-Attachment-loader {
  display: block;
}
.azt-react-Input-types-Attachment-container.azt-react-Input-types-Attachment-loading .azt-react-Input-types-Attachment-remove {
  display: none;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-types-Attachments-attachments {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-add {
  display: flex;
  align-items: center;
  justify-content: center;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-add .azt-react-Input-types-Attachments-or {
  margin: 0.6em;
}
.azt-react-Input-types-Attachments-attachments input {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #000;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment .azt-react-Input-types-Attachments-loader {
  display: none;
  background-color: #008000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.24;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment .azt-react-Input-types-Attachments-thumb {
  width: 2rem !important;
  height: 2rem !important;
  margin-right: 0.5em;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment .azt-react-Input-types-Attachments-filename {
  position: relative;
  flex: 1;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment.azt-react-Input-types-Attachments-loading {
  color: _faded;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment.azt-react-Input-types-Attachments-loading .azt-react-Input-types-Attachments-loader {
  display: block;
}
.azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment.azt-react-Input-types-Attachments-loading .azt-react-Input-types-Attachments-remove {
  display: none;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
#notifications {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  pointer-events: none;
}
#notifications > div {
  pointer-events: auto;
}
#notifications .azt-react-Notification-container {
  background-color: var(--notification-background-color, #00f);
  color: var(--notification-color, #fff);
  box-shadow: 0 0 24px 6px rgba(0,0,0,0.24);
}
#notifications .azt-react-Notification-container.azt-react-Notification-error {
  background-color: _red;
}
#notifications.full {
  justify-content: center;
}
#notifications.full .azt-react-Notification-container {
  width: 95vw;
  height: 95vh;
  margin: 0;
  max-height: 100%;
}
.azt-react-Notification-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  bottom: 0%;
  max-width: 95vw;
  max-height: 90%;
  margin: 1rem 0 0;
  padding: 1em;
  color: currentColor;
  transform: translateY(0%);
  transition: bottom 0.2s;
  gap: 0.5rem;
}
.azt-react-Notification-container .azt-react-Notification-close {
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  font-size: 1em;
}
.azt-react-Notification-container .azt-react-Notification-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.azt-react-Notification-container.azt-react-Notification-error {
  color: var(--error-background-color, #f00);
}
@media (max-width: 1023px) {
  #notifications .azt-react-Notification-container {
    padding: 5vw;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Input-fieldset {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  min-width: 0;
  border: none;
}
.azt-react-Input-fieldset.azt-react-Input-hidden {
  display: none;
}
.azt-react-Input-fieldset label {
  position: relative;
}
.azt-react-Input-fieldset.azt-react-Input-nolabel label {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.azt-react-Input-fieldset input,
.azt-react-Input-fieldset textarea {
  background-color: var(--input-background-color, inherit);
  width: 100%;
  padding: var(--input-padding, 0.24em 0.4em 0.24em);
  border: 1px solid transparent;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.4em;
  outline: none;
  border: 1px solid rgba(124,124,124,0.42);
  color: currentColor;
}
.azt-react-Input-fieldset input::placeholder,
.azt-react-Input-fieldset textarea::placeholder {
  color: currentColor;
  opacity: 0.42;
}
.azt-react-Input-fieldset input:focus {
  background-color: _white;
  border-color: currentColor;
}
.azt-react-Input-fieldset textarea {
  resize: none;
}
.azt-react-Input-fieldset textarea:focus {
  border-color: currentColor;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-group .azt-react-Input-name {
  text-transform: capitalize;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option {
  position: relative;
  display: inline-flex;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option input[type="checkbox"] {
  position: absolute;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option input[type="checkbox"]:checked {
  opacity: 0;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option input[type="checkbox"]:checked + .azt-react-Input-name {
  background-color: rgba(124,124,124,0.42);
  color: #fff;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option button {
  position: initial;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option .azt-react-Input-name {
  margin: 0.1em;
}
.azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option:hover .azt-react-Input-name {
  border-color: rgba(124,124,124,0.42);
}
.azt-react-Input-fieldset .azt-react-Input-attachments .azt-react-Input-attachment {
  display: flex;
  align-items: center;
}
.azt-react-Input-fieldset .azt-react-Input-attachments .azt-react-Input-attachment .azt-react-Input-thumb {
  width: 2rem !important;
  height: 2rem !important;
  margin-right: 0.5em;
}
.azt-react-Input-fieldset .azt-react-Input-attachments .azt-react-Input-attachment .azt-react-Input-filename {
  flex: 1;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Form-container {
  position: relative;
}
.azt-react-Form-container >.required {
  position: relative;
}
.azt-react-Form-container >.required .validator {
  position: relative;
  display: inline-block;
  height: 1em;
  margin-left: 0.3em;
}
.azt-react-Form-container >.required .validator:before {
  background-color: currentColor;
  content: '';
  position: absolute;
  top: 50%;
  width: 0.3em;
  height: 0.3em;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-25%);
}
.azt-react-Form-container >.required .validator.orphan {
  position: absolute;
  top: 50%;
  right: 0.8em;
  width: auto;
  height: auto;
}
.azt-react-Form-container >.required .validator.orphan:before {
  transform: translate(-50%, -50%);
}
.azt-react-Form-container >.invalid.touched {
  position: relative;
}
.azt-react-Form-container >.invalid.touched .validator:before {
  background-color: #f66;
}
.azt-react-Form-container >.valid {
  position: relative;
}
.azt-react-Form-container >.valid .validator:before {
  background-color: #0f0;
}
.azt-react-Form-container .azt-react-Form-buttons {
  margin-top: 1em;
  text-align: center;
  border: 0;
  padding: 0;
}
.azt-react-Form-container .azt-react-Form-buttons >*:first-child {
  margin-right: 0.5em;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Loader-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
  transform: rotateZ(360deg);
}
.azt-react-Loader-loader >div {
  position: absolute;
  background-color: inherit;
  display: inline-block;
  height: 2em;
  width: 2em;
  margin: 0 1px;
  border-style: solid;
  border-radius: 50%;
  animation: azt-react-Loader-sk-stretchdelay 1.5s infinite linear;
}
.azt-react-Loader-loader.azt-react-Loader-inverted >div {
  border-color: currentColor;
}
@-moz-keyframes azt-react-Loader-sk-stretchdelay {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
@-webkit-keyframes azt-react-Loader-sk-stretchdelay {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
@-o-keyframes azt-react-Loader-sk-stretchdelay {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
@keyframes azt-react-Loader-sk-stretchdelay {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Ellipsis-container {
  min-height: 0;
}
.azt-react-Ellipsis-container.azt-react-Ellipsis-safariFix p * {
  display: inline !important;
}
.azt-react-Ellipsis-more {
  align-self: flex-end;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content {
  display: block !important;
  width: 100%;
}
.azt-react-Scroller-container .ScrollbarsCustom-Track {
  background-color: rgba(0,0,0,0) !important;
  padding: 3px;
}
.azt-react-Scroller-container .ScrollbarsCustom-Track.ScrollbarsCustom-TrackY .ScrollbarsCustom-Thumb {
  margin: auto;
}
.azt-react-Scroller-container .ScrollbarsCustom-Track .ScrollbarsCustom-Thumb {
  background-color: rgba(124,124,124,0.12) !important;
}
.azt-react-Scroller-container.trackXVisible .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content {
  height: 100%;
}
@media print {
  .azt-react-Scroller-container .ScrollbarsCustom-Wrapper {
    position: relative !important;
    overflow: unset !important;
  }
  .azt-react-Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller {
    position: relative !important;
    overflow: unset !important;
  }
  .azt-react-Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content {
    position: relative !important;
    overflow: unset !important;
    padding: unset !important;
  }
  .azt-react-Scroller-container .ScrollbarsCustom-Track {
    display: none;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Figure-figure figcaption {
  font-size: var(--caption-font-size, inherit);
}
figure.azt-react-Figure-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  width: 100%;
}
figure.azt-react-Figure-container img {
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
figure.azt-react-Figure-container .azt-react-Figure-zoom {
  opacity: 0;
}
figure.azt-react-Figure-container .azt-react-Figure-zoom,
figure.azt-react-Figure-container .azt-react-Figure-loader {
  position: absolute;
  width: 100%;
  height: 100%;
}
figure.azt-react-Figure-container .azt-react-Figure-loader {
  transition: opacity 1s, background-size 0.4s;
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity;
  pointer-events: none;
}
figure.azt-react-Figure-container.azt-react-Figure-cover {
  width: 100% !important;
  height: 100% !important;
  background-size: cover;
}
figure.azt-react-Figure-container.azt-react-Figure-cover .azt-react-Figure-loader {
  background-size: cover;
}
figure.azt-react-Figure-container.azt-react-Figure-loaded .azt-react-Figure-loader {
  opacity: 0;
}
figure.azt-react-Figure-container.azt-react-Figure-loupe,
figure.azt-react-Figure-container.azt-react-Figure-lightbox {
  cursor: zoom-in;
}
figure.azt-react-Figure-container.azt-react-Figure-zoomed {
  cursor: unset;
}
figure.azt-react-Figure-container.azt-react-Figure-zoomed .azt-react-Figure-img.azt-react-Figure-zoom {
  opacity: 1;
  pointer-events: initial;
}
.azt-react-Figure-overlay {
  --overlay-width: 80vw;
  display: block !important;
  color: var(--white, #fff);
}
.azt-react-Figure-overlay .azt-react-Figure-header {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.azt-react-Figure-overlay .azt-react-Figure-header .azt-react-Figure-close {
  font-size: 2em;
}
.azt-react-Figure-overlay .azt-react-Figure-figure {
  background-color: #000;
  display: flex;
  width: var(--overlay-width);
  height: calc(var(--overlay-width) * var(--height-ratio));
  max-height: 90vh;
  padding: 1em;
}
.azt-react-Figure-overlay .azt-react-Figure-figure figcaption {
  padding: 0.6em 0 0;
}
.azt-react-Figure-overlay .azt-react-Figure-figure .azt-react-Figure-arrow {
  background-color: transparent;
  position: absolute;
  top: 50%;
}
.azt-react-Figure-overlay .azt-react-Figure-figure .azt-react-Figure-arrow.azt-react-Figure-prev {
  left: 0;
  transform: translateY(-50%) rotate(90deg);
}
.azt-react-Figure-overlay .azt-react-Figure-figure .azt-react-Figure-arrow.azt-react-Figure-next {
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 1023px) {
  .azt-react-Figure-overlay {
    --overlay-width: 95vw;
  }
}
@media print {
  .azt-react-Figure-img {
    content: var(--src-url);
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-WindowList-container .azt-react-WindowList-placeholder {
  position: relative;
}
.azt-react-WindowList-container .azt-react-WindowList-placeholder:before {
  position: absolute;
  content: '';
  top: 0.3em;
  left: 0.3em;
  right: 0.3em;
  bottom: 0.3em;
}
.azt-react-WindowList-container .azt-react-WindowList-item {
  padding: 1em;
  font-size: 1.5rem;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Search-container {
  --input-min-width: 24ch;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.azt-react-Search-container .azt-react-Search-filters {
  display: flex;
  max-width: calc(100% - var(--input-min-width));
  min-width: 0;
}
.azt-react-Search-container .azt-react-Search-filters .azt-react-Search-list {
  display: flex;
  min-width: 0;
}
.azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible {
  flex-direction: column;
}
.azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible .azt-react-Search-expander {
  flex-shrink: 0;
  align-self: flex-start;
  height: 100%;
}
.azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible .azt-react-Search-list {
  flex-direction: column;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}
.azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible.collapsed {
  flex-shrink: 0;
}
.azt-react-Search-container.azt-react-Search-noInput .azt-react-Search-filters {
  max-width: unset;
}
.azt-react-Search-container .azt-react-Search-inputContainer {
  min-width: 0;
  display: flex;
  position: relative;
}
.azt-react-Search-container .azt-react-Search-inputContainer fieldset {
  position: relative;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.azt-react-Search-container .azt-react-Search-inputContainer fieldset input {
  width: 100%;
  min-width: var(--input-min-width);
  height: 100%;
  padding: 0.6em 0.5em 0.5em;
  border: none;
}
.azt-react-Search-container .azt-react-Search-clear,
.azt-react-Search-container .azt-react-Search-toggleFilter {
  margin: 0;
  z-index: 1;
}
.azt-react-Search-container .azt-react-Search-clear {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0.4em;
}
.azt-react-Search-container .azt-react-Search-clear.azt-react-Search-hidden {
  visibility: hidden;
  pointer-events: none;
}
.azt-react-Search-container .azt-react-Search-toggleFilter {
  position: absolute;
  top: 50%;
  right: 0;
  border: none;
  transform: translateY(-50%);
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-react-Search-Filter-container {
  min-width: 0;
}
.azt-react-Search-Filter-container span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.azt-react-Search-Filter-container .azt-react-Search-Filter-remove {
  --button-diameter: 2rem;
  padding: 0;
  margin-right: -0.2em;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Index-container {
  position: relative;
  flex: 1;
  background-color: var(--black);
  height: 100%;
  color: var(--white);
  padding: 1em;
}
.Index-container .Index-sentence {
  width: 0;
  font-weight: 500;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: -0.04em;
  user-select: none;
  margin-top: 0.06em;
  margin-bottom: -0.06em;
}
.Index-container .Index-rightWrapper,
.Index-container .Index-leftWrapper {
  position: absolute;
  right: 2em;
  bottom: 1em;
  display: flex;
  height: 4em;
  gap: 1em;
}
@media (max-width: 1023px) {
  .Index-container .Index-rightWrapper,
  .Index-container .Index-leftWrapper {
    right: 1em;
    width: calc(100% - 1.5em);
    justify-content: space-between;
  }
}
.Index-container .Index-rightWrapper .Index-info,
.Index-container .Index-leftWrapper .Index-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose,
.Index-container .Index-leftWrapper .Index-info .Index-openClose {
  cursor: pointer;
  justify-content: flex-end;
  padding-right: 1em;
  align-items: flex-end;
  display: flex;
  height: 4em;
  width: 4em;
  flex-direction: column;
  border-right: 1px solid #fff;
  line-height: 1.2rem;
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose > div,
.Index-container .Index-leftWrapper .Index-info .Index-openClose > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  border-radius: 999%;
  background-color: var(--white);
  color: #000;
  font-size: 2em;
  padding-top: 0.4rem;
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose > div:hover,
.Index-container .Index-leftWrapper .Index-info .Index-openClose > div:hover {
  background-color: #d3d3d3;
  color: #fff;
}
@media (max-width: 1023px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose {
    border: none;
  }
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose button.Index-infoButton,
.Index-container .Index-leftWrapper .Index-info .Index-openClose button.Index-infoButton {
  transform: translate(0.3rem, 0.5rem);
  background-color: var(--white);
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose.Index-isOpen,
.Index-container .Index-leftWrapper .Index-info .Index-openClose.Index-isOpen {
  padding-right: 0;
  height: calc(100vh - 6rem);
  justify-content: flex-start;
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
.Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
  --button-diameter: 1.4em;
  transform: translate(0, 0.5rem);
  z-index: 10;
}
@media (min-width: 1501px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 500 5rem/1 var(--font);
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 500 3rem/1 var(--font);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 500 3rem/1 var(--font);
  }
}
@media (max-width: 767px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 500 2.6rem/1 var(--font);
  }
}
@media print {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    font: 4rem/1 var(--font);
    font-family: Arial, serif !important;
  }
}
.Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close:before,
.Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close:before,
.Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close:after,
.Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close:after {
  border: solid 1px var(--black);
  border-width: 0 0 0 2px;
}
@media (max-width: 1023px) {
  .Index-container .Index-rightWrapper .Index-info .Index-openClose .Index-close,
  .Index-container .Index-leftWrapper .Index-info .Index-openClose .Index-close {
    position: fixed;
    top: 1em;
    right: 1em;
    transform: unset;
  }
}
.Index-container .Index-rightWrapper .Index-logo,
.Index-container .Index-leftWrapper .Index-logo {
  background-image: url("/assets/zhaw_logo_invert-ChVxfscI.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 4em;
  height: 4em;
}
@media (max-width: 1023px) {
  .Index-container .Index-rightWrapper .Index-logo,
  .Index-container .Index-leftWrapper .Index-logo {
    left: 1em;
    right: auto;
  }
}
@media (max-width: 767px) {
  .Index-container {
    padding: 0.5em;
  }
  .Index-container .Index-logo {
    width: 3em;
    height: 3em;
  }
}
@media print {
  .Index-container {
    display: none;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Index-Info-container {
  display: flex;
  align-items: start;
  padding-bottom: 1em;
  padding-top: 1em;
  z-index: 1;
  hyphens: auto;
  width: 0;
  height: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  opacity: 0;
  background-color: var(--black);
  transform: translateY(1em);
  scrollbar-color: #fff transparent;
}
.Index-Info-container::-webkit-scrollbar {
  background-color: transparent;
  width: 2px;
}
.Index-Info-container::-webkit-scrollbar-thumb {
  border-radius: 1px;
  padding-block: 1rem;
  background-color: #fff !important;
}
.Index-Info-container.Index-Info-active {
  padding-left: var(--padding);
  padding-right: var(--padding);
  opacity: 1;
  height: calc(100vh - 2em);
  width: 600px;
  max-width: calc(100vw - 4em - 1em - 1.1em - 2rem);
  display: block;
}
@media (max-width: 1023px) {
  .Index-Info-container.Index-Info-active {
    height: calc(100vh - 2rem);
    width: calc(100vw - 2rem);
    max-width: unset;
    position: fixed;
    top: 1rem;
    left: 1rem;
    transform: unset;
  }
}
.Index-Info-container .Index-Info-content {
  width: calc(450px - 2em);
  max-width: calc(100vw - 4em - 1em - 2em - 2rem - 2em);
  flex-shrink: 0;
  transition: transform 0.4s;
}
@media (min-width: 1501px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Index-Info-container .Index-Info-content {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Index-Info-container .Index-Info-content {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Index-Info-container .Index-Info-content {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Index-Info-container .Index-Info-content {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Index-Info-container .Index-Info-content {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
    font-weight: 500 !important;
  }
}
.Index-Info-container .Index-Info-content h2 {
  padding-bottom: 1em;
}
.Index-Info-container .Index-Info-content h4 {
  font-weight: bold;
}
.Index-Info-container .Index-Info-content p {
  padding-bottom: 1em;
}
.Index-Info-container .Index-Info-content p a {
  color: #fff;
}
.Index-Info-container .Index-Info-content img {
  width: 100%;
  padding-bottom: 1em;
  filter: grayscale();
}
.Index-Info-container .Index-Info-content .Index-Info-opener {
  text-decoration: underline;
  padding-bottom: 1rem;
  cursor: pointer;
  user-select: none;
}
@media (max-width: 1023px) and (min-width: 1501px) {
  .Index-Info-container .Index-Info-content {
    font: 1.4rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 1023px) and (min-width: 1401px) and (max-width: 1500px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 1023px) and (min-width: 1201px) and (max-width: 1400px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1200px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media print and (max-width: 1023px) {
  .Index-Info-container .Index-Info-content {
    font: 1.3rem/1.2 var(--font);
    font-family: Arial, serif !important;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
.Index-Info-container .Index-Info-close {
  position: absolute;
  bottom: 0;
  right: 0;
}
pre[class*="language-"].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
	position: relative;
	white-space: inherit;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

	.line-numbers-rows > span {
		display: block;
		counter-increment: linenumber;
	}

		.line-numbers-rows > span:before {
			content: counter(linenumber);
			color: #999;
			display: block;
			padding-right: 0.8em;
			text-align: right;
		}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.azt-markdown-Renderer-container {
  white-space: normal;
}
.azt-markdown-Renderer-container ul,
.azt-markdown-Renderer-container ol,
.azt-markdown-Renderer-container p,
.azt-markdown-Renderer-container figure,
.azt-markdown-Renderer-container details,
.azt-markdown-Renderer-container details[open] summary {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.azt-markdown-Renderer-container ul:last-child,
.azt-markdown-Renderer-container ol:last-child,
.azt-markdown-Renderer-container p:last-child,
.azt-markdown-Renderer-container figure:last-child,
.azt-markdown-Renderer-container details:last-child,
.azt-markdown-Renderer-container details[open] summary:last-child {
  margin-bottom: 0;
}
.azt-markdown-Renderer-container figure * {
  margin: 0;
}
.azt-markdown-Renderer-container figure figcaption {
  margin-top: 0.5em;
}
.azt-markdown-Renderer-container a {
  display: inline;
  word-break: break-word;
}
.azt-markdown-Renderer-container ol,
.azt-markdown-Renderer-container ul {
  list-style-position: inside;
}
.azt-markdown-Renderer-container sup,
.azt-markdown-Renderer-container sub {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
}
.azt-markdown-Renderer-container sub {
  top: 0.3em;
}
.azt-markdown-Renderer-container iframe {
  max-width: 100%;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Record-container .threems-react-Record-property label {
  height: 1.7em;
  border-top-style: solid;
  border-top-width: 1px;
  color: inherit;
}
@media (min-width: 1501px) {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.4rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media print {
  .threems-react-Record-container .threems-react-Record-property label {
    font: 1.3rem/1.2 var(--font);
    font-family: Arial, serif !important;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
.threems-react-Record-container .threems-react-Record-property .threems-react-Record-value {
  color: #000;
}
.threems-react-Record-container .threems-react-Record-property .threems-react-Record-value label {
  display: none;
}
.threems-react-Record-container .threems-react-Record-property .threems-react-Record-value .threems-react-Record-value {
  margin: 0;
}
.threems-react-Record-container.threems-react-Record-inline {
  display: inline-block;
}
.threems-react-Record-conjunction {
  margin: 0 0.3em;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item {
  display: inline-block;
}
.threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item.threems-react-Property-widgets-ArrayDetailWidget-block {
  display: block;
}
.threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item.threems-react-Property-widgets-ArrayDetailWidget-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item:after {
  content: ',';
  margin-right: 0.2em;
}
.threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item:last-child:after {
  display: none;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-DownloadLinkDetailWidget-container {
  flex-direction: column;
  align-items: center;
  overflow: none !important;
}
.threems-react-Property-widgets-DownloadLinkDetailWidget-container a {
  flex: 1;
  width: 100%;
  min-width: 0;
  border-bottom: none !important;
}
.threems-react-Property-widgets-DownloadLinkDetailWidget-container a .threems-react-Property-widgets-DownloadLinkDetailWidget-pointer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.3em;
  margin-right: 0.3em;
  float: left;
  will-change: transform;
  transition: transform 0.2s;
}
.threems-react-Property-widgets-DownloadLinkDetailWidget-container a:after {
  display: block;
  content: '';
}
.threems-react-Property-widgets-DownloadLinkDetailWidget-container a:hover .threems-react-Property-widgets-DownloadLinkDetailWidget-pointer {
  transform: translateY(0.2em);
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-ImageDetailWidget-container img {
  max-width: 100%;
  height: auto !important;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-ImagePreviewDetailWidget-container img {
  max-width: 100%;
  height: auto !important;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-ImageThumbDetailWidget-container img {
  max-width: 500px;
  height: auto;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-NameDetailWidget-container .threems-react-Property-widgets-NameDetailWidget-value {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-ValueRenderer-types-stringRenderer-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-ValueRenderer-types-base64BinaryRenderer-value {
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: auto !important;
  max-width: 100%;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-ValueRenderer-types-booleanRenderer-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.7em;
  height: 0.7em !important;
  padding: 0 0 0.1em 0.2em;
  font-size: 1.6em;
  border: 1px solid rgba(0,0,0,0.42);
  border-radius: 50%;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-ValueRenderer-types-dateTimeRenderer-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-widgets-DefaultDetailWidget-container .threems-react-Property-widgets-DefaultDetailWidget-container {
  overflow: hidden;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.threems-react-Property-container label {
  display: flex;
  align-items: center;
}
.threems-react-Property-container .threems-react-Property-value {
  height: 100%;
}
.threems-react-Property-container .threems-react-Property-value label {
  display: none;
}
.threems-react-Property-container.threems-react-Property-inline {
  display: inline-flex;
}
.threems-react-Property-container.threems-react-Property-inline.threems-react-Property-listed:after {
  content: ',';
  margin-right: 0.3em;
}
.threems-react-Property-container.threems-react-Property-inline.threems-react-Property-listed:last-child:after {
  content: none;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Focus-container {
  background-color: var(--white);
  position: relative;
  flex: 1;
  border: 1rem solid var(--black);
  min-height: calc(100vh - 3rem);
  margin-bottom: 1.5rem;
}
.Focus-container .Focus-record {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1500px;
  padding: 1.5em 2em;
}
.Focus-container .Focus-record >.prop {
  position: relative;
  width: 72%;
}
.Focus-container .Focus-record >.prop label {
  color: var(--faded);
  height: unset;
  padding-top: 0.15em;
}
.Focus-container .Focus-record >.prop pre,
.Focus-container .Focus-record >.prop code {
  white-space: pre-wrap;
}
.Focus-container .Focus-record >.prop:first-child {
  width: 100%;
  padding-right: 1.4em;
}
@media (min-width: 1501px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 10rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 8rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 8rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 6rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 6rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 4.2rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media (max-width: 374px) {
  .Focus-container .Focus-record >.prop:first-child {
    font: 3rem/0.95 var(--font);
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media print {
  .Focus-container .Focus-record >.prop:first-child {
    font-family: Arial, serif !important;
    font: 1.5rem/1.3 var(--font);
    font-weight: 500;
  }
}
.Focus-container .Focus-record >.prop:first-child label {
  display: none;
}
.Focus-container .Focus-record >.prop:first-child div {
  line-height: inherit;
}
.Focus-container .Focus-record >.prop .MarkdownContainer p {
  overflow: unset;
}
.Focus-container .Focus-close {
  --button-diameter: 1.4em;
  position: fixed;
  top: 0.6em;
  transform: translateX(-0.6em);
}
@media (min-width: 1501px) {
  .Focus-container .Focus-close {
    font: 500 5rem/1 var(--font);
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Focus-container .Focus-close {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Focus-container .Focus-close {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Focus-container .Focus-close {
    font: 500 3rem/1 var(--font);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Focus-container .Focus-close {
    font: 500 3rem/1 var(--font);
  }
}
@media (max-width: 767px) {
  .Focus-container .Focus-close {
    font: 500 2.6rem/1 var(--font);
  }
}
@media print {
  .Focus-container .Focus-close {
    font: 4rem/1 var(--font);
    font-family: Arial, serif !important;
  }
}
@media (max-width: 1023px) {
  .Focus-container .Focus-record {
    padding: 1em 1em 0.5em 1em;
  }
  .Focus-container .Focus-record >.prop {
    width: 100%;
  }
  .Focus-container .Focus-close {
    right: 0 !important;
  }
}
@media (max-width: 767px) {
  .Focus-container {
    border-width: var(--padding);
  }
}
@media print {
  .Focus-container {
    width: var(--print-width) !important;
    margin-bottom: calc(var(--padding) * -1);
  }
  .Focus-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(var(--padding) * -1);
    border-bottom: calc(var(--padding)) solid var(--black);
  }
  .Focus-container .Focus-close {
    display: none;
  }
  .Focus-container.Focus-hasList .Focus-record >.prop {
    display: none;
  }
  .Focus-container.Focus-hasList .Focus-record >.prop:first-child {
    display: block;
  }
  .Focus-container.Focus-hasList .Focus-record:before {
    content: attr(data-printhint);
    align-self: flex-start;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Focus-Details-container {
  display: flex;
  padding: 1.5em 2em;
  gap: 1em;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .Focus-Details-container {
    flex-direction: column;
    padding: 0.5em 1em;
  }
}
.Focus-Details-container .Focus-Details-record {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: flex-start;
  max-width: 700px;
  width: 100%;
}
.Focus-Details-container .Focus-Details-record >.prop {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  padding-bottom: 1em;
}
@media (max-width: 1023px) {
  .Focus-Details-container .Focus-Details-record >.prop {
    width: 100%;
  }
}
.Focus-Details-container .Focus-Details-record >.prop p {
  max-width: 700px;
}
.Focus-Details-container .Focus-Details-record >.prop label {
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--faded);
  height: unset;
  padding-top: 0.15em;
  display: flex;
  align-items: center;
}
@media (min-width: 1501px) {
  .Focus-Details-container .Focus-Details-record >.prop label {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Focus-Details-container .Focus-Details-record >.prop label {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Focus-Details-container .Focus-Details-record >.prop label {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Focus-Details-container .Focus-Details-record >.prop label {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Focus-Details-container .Focus-Details-record >.prop label {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Focus-Details-container .Focus-Details-record >.prop label {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
    font-weight: 500 !important;
  }
}
.Focus-Details-container .Focus-Details-record >.prop pre,
.Focus-Details-container .Focus-Details-record >.prop code {
  white-space: pre-wrap;
}
.Focus-Details-container .Focus-Details-record .MarkdownContainer p {
  overflow: unset;
  max-width: 550px;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Focus-Details-Gallerie-gallerie {
  --button-padding: 0.4rem 0.9rem;
  width: 33%;
  min-width: 500px;
  flex-shrink: 0;
  display: flex;
  gap: 1em;
  flex-direction: column;
  padding-top: 1em;
  border-top: solid var(--faded) 1px;
}
@media (max-width: 1023px) {
  .Focus-Details-Gallerie-gallerie {
    width: calc(100% + 2em);
    margin-left: -1em;
    min-width: unset;
    overflow-x: scroll;
    flex-direction: row;
    border: none;
    gap: 0;
  }
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-external {
  position: relative;
  text-decoration: unset;
  font: 1.5rem/1.3 var(--font);
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-external figure img {
  background-color: #fff;
  opacity: 0.42;
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-external button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement,
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement {
  width: 100%;
}
@media (max-width: 1023px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement {
    display: flex;
    flex-direction: column;
    padding-left: 1em;
    height: 40vh;
  }
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement:last-child,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement:last-child {
    padding-right: 1em;
  }
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement img,
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement img {
  width: 100%;
}
@media (max-width: 1023px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement img,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement img {
    width: unset;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100% - 7rem);
  }
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement iframe,
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement iframe {
  width: 100%;
}
@media (max-width: 1023px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement iframe,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement iframe {
    width: unset;
    object-fit: contain;
    object-position: top left;
    flex-shrink: 1;
    flex-grow: 0;
    height: 100%;
  }
}
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
.Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
  padding-top: 0.2em;
}
@media (min-width: 1501px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
    font-weight: 500 !important;
  }
}
@media (max-width: 1023px) {
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-imageElement figcaption,
  .Focus-Details-Gallerie-gallerie .Focus-Details-Gallerie-videoElement figcaption {
    padding-bottom: 0.5em;
    padding-top: 0.5rem;
    height: 7rem;
    overflow: scroll;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Focus-Details-Gallerie-VideoPlaceholder-container {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: rgba(255,255,255,0.85);
  padding: 2rem;
  gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font: 1.5rem/1.3 var(--font);
}
.Focus-Details-Gallerie-VideoPlaceholder-container .Focus-Details-Gallerie-VideoPlaceholder-content {
  max-width: 500px;
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-List-TopBar-SearchBar-container {
  --pseudo-line-width: 2px;
  display: flex;
  flex-shrink: 0;
  position: relative;
  background-color: var(--black);
  height: calc(1lh + var(--border-width) * 4);
  min-width: 0;
  color: var(--black);
}
@media (min-width: 1501px) {
  .Navigation-List-TopBar-SearchBar-container {
    font: 500 5rem/1 var(--font);
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-TopBar-SearchBar-container {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-TopBar-SearchBar-container {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-TopBar-SearchBar-container {
    font: 500 3rem/1 var(--font);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-TopBar-SearchBar-container {
    font: 500 3rem/1 var(--font);
  }
}
@media (max-width: 767px) {
  .Navigation-List-TopBar-SearchBar-container {
    font: 500 2.6rem/1 var(--font);
  }
}
@media print {
  .Navigation-List-TopBar-SearchBar-container {
    font: 4rem/1 var(--font);
    font-family: Arial, serif !important;
  }
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-filterOpener {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(1lh + var(--border-width) * 5);
  height: calc(1lh + var(--border-width) * 4);
  border-left: calc(var(--border-width)) solid var(--black);
  background-color: var(--white);
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-filterOpener.Navigation-List-TopBar-SearchBar-hidden {
  display: none;
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-filterOpener .Navigation-List-TopBar-SearchBar-cvhevron {
  margin: auto;
  height: 100%;
  width: 100%;
  transition: transform var(--walk) ease;
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-filterOpener.Navigation-List-TopBar-SearchBar-open .Navigation-List-TopBar-SearchBar-cvhevron {
  transform: rotate(180deg);
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-input {
  background-color: var(--white);
  padding: 0;
  border: none;
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-input >div {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex: 1;
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-input >div input {
  width: 100%;
  border: none;
  padding-right: calc(1.4em);
  min-width: 0;
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-input >div input::placeholder {
  color: var(--faded);
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-clear {
  --round-button-font-size: 0.5em;
  position: absolute;
  right: 0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  color: var(--black);
  height: 1.4em;
}
.Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-clear button {
  min-height: 0;
}
@media (max-width: 767px) {
  .Navigation-List-TopBar-SearchBar-container {
    --pseudo-line-width: 4px;
    font-size: 2rem !important;
    line-height: 0.6rem;
  }
  .Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-input input {
    min-width: unset;
  }
  .Navigation-List-TopBar-SearchBar-container .Navigation-List-TopBar-SearchBar-clear {
    height: 1.3em;
    right: 0.8em;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-List-TopBar-Filters-container {
  display: flex;
  flex-direction: column;
  height: 0;
  color: var(--black);
  background-color: var(--black);
  border-top: var(--border-width) solid var(--black);
  border-bottom: 0;
  margin-bottom: calc(-1 * var(--border-width));
  overflow: hidden;
  text-align: start;
  transition: height var(--run) linear, padding var(--run) linear, margin-top var(--run) linear, overflow var(--run) linear;
}
.Navigation-List-TopBar-Filters-container .Navigation-List-TopBar-Filters-filterWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  background-color: var(--black);
  padding: calc(var(--input-padding) + var(--border-width) / 4);
  padding-inline: calc(var(--input-padding) + var(--border-width) / 4);
  padding-top: calc(var(--input-padding) + var(--border-width) / 2);
  gap: calc(var(--input-padding));
  transition: background-color var(--run) linear;
}
.Navigation-List-TopBar-Filters-container .Navigation-List-TopBar-Filters-filterWrapper .Navigation-List-TopBar-Filters-filterGroup:not(:last-child) {
  padding-bottom: var(--input-padding);
  border-bottom: 1px solid var(--black);
}
.Navigation-List-TopBar-Filters-container .Navigation-List-TopBar-Filters-filterWrapper .Navigation-List-TopBar-Filters-filterGroup .Navigation-List-TopBar-Filters-filter {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.6ch;
}
.Navigation-List-TopBar-Filters-container .Navigation-List-TopBar-Filters-filterWrapper .Navigation-List-TopBar-Filters-filterGroup .Navigation-List-TopBar-Filters-filter svg {
  flex-shrink: 0;
  pointer-events: none;
  margin-top: 0.05em;
  margin-top: 0.06em;
  height: 0.7em;
  width: 0.7em;
}
.Navigation-List-TopBar-Filters-container.Navigation-List-TopBar-Filters-open {
  margin-top: calc(var(--border-width) * 0);
  border-bottom: var(--border-width) solid var(--black);
  height: calc(var(--filter-list-height, auto) + var(--border-width) * 2);
}
.Navigation-List-TopBar-Filters-container.Navigation-List-TopBar-Filters-open.Navigation-List-TopBar-Filters-hasOverflow {
  overflow-y: scroll;
}
.Navigation-List-TopBar-Filters-container.Navigation-List-TopBar-Filters-open .Navigation-List-TopBar-Filters-filterWrapper {
  transition: background-color 0s linear;
  background-color: var(--white);
}
.Navigation-List-TopBar-Filters-activeFiltersWrapper {
  height: calc(var(--active-filters-height, auto) - var(--border-width));
  overflow: hidden;
  transition: margin var(--run) linear, height var(--run) linear, padding var(--run) linear;
}
.Navigation-List-TopBar-Filters-activeFiltersWrapper.Navigation-List-TopBar-Filters-open {
  height: 0;
}
.Navigation-List-TopBar-Filters-activeFiltersWrapper:not(:has(.Navigation-List-TopBar-Filters-activeFilter)) {
  height: 0;
  padding-block: 0;
  margin-bottom: calc(0 * var(--border-width));
}
.Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--black);
  padding: var(--input-padding);
  gap: var(--input-padding);
  row-gap: 0;
  margin-bottom: calc(-1 * var(--border-width));
  color: var(--white);
  text-align: left;
  overflow: hidden;
}
.Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
  display: flex;
  align-items: center;
  gap: 0.4ch;
  padding: 0.2em 0.5em;
  white-space: nowrap;
}
@media (min-width: 1501px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.7rem var(--font);
    line-height: calc(17px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media print {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    font: 1.2rem var(--font);
    font-family: Arial, serif !important;
    line-height: calc(12px * 1.4);
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
.Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
  flex-shrink: 0;
}
@media (min-width: 1501px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 500 5rem/1 var(--font);
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 500 3rem/1 var(--font);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 500 3rem/1 var(--font);
  }
}
@media (max-width: 767px) {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 500 2.6rem/1 var(--font);
  }
}
@media print {
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter .Navigation-List-TopBar-Filters-clear {
    font: 4rem/1 var(--font);
    font-family: Arial, serif !important;
  }
}
@media (max-width: 1023px) {
  .Navigation-List-TopBar-Filters-container .Navigation-List-TopBar-Filters-filterWrapper .Navigation-List-TopBar-Filters-filterGroup .Navigation-List-TopBar-Filters-filter {
    white-space: normal;
    hyphens: auto;
  }
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters {
    padding: 2rem;
    padding-inline: 0;
  }
  .Navigation-List-TopBar-Filters-activeFiltersWrapper .Navigation-List-TopBar-Filters-activeFilters .Navigation-List-TopBar-Filters-activeFilter {
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    white-space: normal;
    hyphens: auto;
  }
}
@media (max-width: 1023px) and (min-width: 1501px) {
  .Navigation-List-TopBar-Filters-container {
    font: 2.8rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1023px) and (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-TopBar-Filters-container {
    font: 2.4rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1023px) and (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-TopBar-Filters-container {
    font: 2.4rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-TopBar-Filters-container {
    font: 2.4rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-TopBar-Filters-container {
    font: 2.4rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .Navigation-List-TopBar-Filters-container {
    font: 1.8rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 1023px) and (max-width: 374px) {
  .Navigation-List-TopBar-Filters-container {
    font: 1.2rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media print and (max-width: 1023px) {
  .Navigation-List-TopBar-Filters-container {
    font: 1.5rem/1.3 var(--font);
    font-family: Arial, serif !important;
    letter-spacing: 0.03em;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-List-TopBar-container {
  --input-padding: var(--border-width);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  background-color: var(--white);
  border: var(--border-width) solid var(--black);
  margin: 0 0 calc(-1 * var(--border-width)) calc(-1 * var(--border-width));
}
@media (min-width: 1501px) {
  .Navigation-List-TopBar-container {
    font: 500 5rem/1 var(--font);
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-TopBar-container {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-TopBar-container {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-TopBar-container {
    font: 500 3rem/1 var(--font);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-TopBar-container {
    font: 500 3rem/1 var(--font);
  }
}
@media (max-width: 767px) {
  .Navigation-List-TopBar-container {
    font: 500 2.6rem/1 var(--font);
  }
}
@media print {
  .Navigation-List-TopBar-container {
    font: 4rem/1 var(--font);
    font-family: Arial, serif !important;
  }
}
.Navigation-List-TopBar-container .Navigation-List-TopBar-input {
  background-color: var(--white);
  border: none;
  padding: 0.5em 0;
}
.Navigation-List-TopBar-container .Navigation-List-TopBar-input input {
  border: none;
}
.Navigation-List-TopBar-container .Navigation-List-TopBar-input input::placeholder {
  color: var(--faded);
  font-weight: 300;
}
.Navigation-List-TopBar-container .Navigation-List-TopBar-clear {
  position: absolute;
  right: 0.5em;
  top: 0;
  bottom: 0;
  padding: 0.5em;
  margin: auto;
  font-size: 1.2em;
  color: var(--black);
}
.Navigation-List-TopBar-container .Navigation-List-TopBar-clear:hover {
  color: var(--white);
  background-color: var(--black);
}
@media print {
  .Navigation-List-TopBar-container {
    display: none;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-List-ListItem-container {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  justify-content: stretch;
  width: var(--tile-size);
  height: calc(var(--tile-size) * 1.2);
  padding: 0 1rem 1rem 0;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  overflow: hidden;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-shrink: 1;
  height: 50%;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumb,
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumbEmpty {
  flex: 1;
  display: flex;
  overflow: hidden;
  border-bottom: 2px solid var(--black);
  background-color: #dcdcdc;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumb >div,
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumbEmpty >div {
  flex: 1;
  margin: 0;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumb >div label,
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumbEmpty >div label {
  display: none;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumb >div img,
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-thumbEmpty >div img {
  object-fit: cover;
  object-position: left;
  position: relative;
  width: 100%;
  height: 100%;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
  position: absolute;
  bottom: 0;
  width: 80%;
  height: 4em;
  color: var(--white);
  font-weight: 300 !important;
  transform: translateY(calc(50% - 1px));
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  print-color-adjust: exact;
  z-index: 1;
}
@media (min-width: 1501px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
    font-weight: 500 !important;
  }
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  max-height: 5em;
  transition: max-height 0.2s;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation .Navigation-List-ListItem-text {
  overflow: hidden;
  position: relative;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: inherit;
  line-height: inherit;
  -webkit-line-clamp: 3;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation:before {
  content: '';
  background-color: var(--black);
  position: absolute;
  top: -0.6em;
  left: -0.8em;
  right: -0.8em;
  bottom: -0.6em;
  border-radius: 1em;
  z-index: -1;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation p {
  margin: 0;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-height: 50%;
  padding: 0.2em 1em 1.2em 1em;
}
.Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
  overflow: visible;
  font-weight: 500;
  max-height: 95%;
  text-align: center;
  hyphens: auto;
  hyphenate-limit-chars: 15 3 4;
}
@media (min-width: 1501px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.7rem var(--font);
    line-height: calc(17px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.5rem var(--font);
    line-height: calc(15px * 1.3);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
}
@media print {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-bottomHalf .Navigation-List-ListItem-label {
    font: 1.2rem var(--font);
    font-family: Arial, serif !important;
    line-height: calc(12px * 1.4);
    letter-spacing: 0.03em;
    font-weight: 400;
  }
}
@media print {
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation {
    max-height: 12em;
  }
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation .Navigation-List-ListItem-text {
    overflow: hidden;
    position: relative;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: inherit;
    line-height: inherit;
    -webkit-line-clamp: 8;
  }
}
.Navigation-List-ListItem-container.Navigation-List-ListItem-expandMotivation .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation {
  max-height: 12em;
}
.Navigation-List-ListItem-container.Navigation-List-ListItem-expandMotivation .Navigation-List-ListItem-link .Navigation-List-ListItem-topHalf .Navigation-List-ListItem-motivations .Navigation-List-ListItem-motivation .Navigation-List-ListItem-text {
  overflow: hidden;
  position: relative;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: inherit;
  line-height: inherit;
  -webkit-line-clamp: 8;
}
.Navigation-List-ListItem-container.Navigation-List-ListItem-canHasRelated .Navigation-List-ListItem-label:after {
  content: '';
  background-color: var(--black);
  position: absolute;
  bottom: 0.4em;
  right: 0.4em;
  width: 8px;
  height: 8px;
  border: 2px solid var(--black);
  border-radius: 50%;
  opacity: 0.1;
}
.Navigation-List-ListItem-container.Navigation-List-ListItem-canHasRelated.Navigation-List-ListItem-hasRelated .Navigation-List-ListItem-label:after {
  opacity: 1;
  content: '';
  position: absolute;
  bottom: 0.4em;
  right: 0.4em;
  width: 8px;
  height: 8px;
  border: 2px solid var(--black);
  border-radius: 50%;
  background-color: var(--black);
}
@media (max-width: 767px) {
  .Navigation-List-ListItem-container {
    width: var(--tile-size);
    height: calc(var(--tile-size) * 1.2);
    padding: 0 var(--padding) var(--padding) 0;
  }
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-label:after {
    width: 5px;
    height: 5px;
  }
}
@media print {
  .Navigation-List-ListItem-container {
    display: block;
    float: left;
    padding: 0;
    break-inside: avoid;
    page-break-inside: avoid;
    border-right: calc(var(--padding) * 1) solid var(--black);
    border-top: calc(var(--padding) * 1) solid var(--black);
  }
  .Navigation-List-ListItem-container:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    padding-bottom: calc(1.2 / 1 * 100%);
  }
  .Navigation-List-ListItem-container:after {
    content: '';
    position: absolute;
    top: calc(var(--padding) * -1);
    left: calc(var(--padding) * -1);
    right: calc(var(--padding) * -1);
    bottom: calc(var(--padding) * -1);
    break-inside: avoid;
    page-break-inside: avoid;
    border-bottom: calc(var(--padding)) solid var(--black);
    border-left: calc(var(--padding)) solid var(--black);
    z-index: -1;
  }
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .Navigation-List-ListItem-container .Navigation-List-ListItem-link .Navigation-List-ListItem-label:after {
    display: none;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-List-container {
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  width: calc(var(--tile-size) * 4 + .1rem);
  text-align: center;
}
.Navigation-List-container .Navigation-List-records {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0 0;
}
@media (min-width: 1501px) {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.4rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
@media print {
  .Navigation-List-container .Navigation-List-records .Navigation-List-noResults {
    font: 1.3rem/1.2 var(--font);
    font-family: Arial, serif !important;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
}
.Navigation-List-container .Navigation-List-records .Navigation-List-loader {
  position: absolute;
  bottom: 0;
  background-color: var(--black-faeded);
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-List-container {
    width: calc(var(--tile-size) * 3);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-List-container {
    width: calc(var(--tile-size) * 2);
  }
}
@media (max-width: 767px) {
  .Navigation-List-container {
    width: var(--tile-size);
  }
  .Navigation-List-container .Navigation-List-records {
    padding: var(--padding) 0;
  }
}
@media print {
  .Navigation-List-container {
    width: 100%;
    transform: translateX(var(--padding));
  }
  .Navigation-List-container .ScrollbarsCustom-Scroller {
    margin: unset !important;
  }
  .Navigation-List-container .Navigation-List-records {
    display: block;
    padding: 0;
    transform: translate(0, var(--padding));
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-Type-Counter-container {
  font-size: calc(13.3333vh / 2.9) !important;
}
@media (max-width: 1023px) {
  .Navigation-Type-Counter-container {
    font-size: calc(24vw * 0.3) !important;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-Type-container {
  position: relative;
  flex: 1;
  flex-shrink: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 0.5em;
  border-bottom: 2px solid var(--black);
  overflow: hidden;
}
@media (min-width: 1501px) {
  .Navigation-Type-container {
    font: 1.3rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-Type-container {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-Type-container {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-Type-container {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-Type-container {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Navigation-Type-container {
    font: 1.1rem/1.2 var(--font);
    letter-spacing: 0.03em;
    font-weight: 500 !important;
  }
}
.Navigation-Type-container .Navigation-Type-label {
  overflow: hidden;
  position: relative;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: inherit;
  line-height: inherit;
  -webkit-line-clamp: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.6vh;
}
.Navigation-Type-container .Navigation-Type-counter {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  padding-inline: 1rem;
}
.Navigation-Type-container .Navigation-Type-counter .Navigation-Type-count {
  position: relative;
  font-weight: 500;
  transform: translateY(0.1em);
}
.Navigation-Type-container .Navigation-Type-counter .Navigation-Type-count.Navigation-Type-hovered {
  position: absolute;
  color: var(--faded);
}
.Navigation-Type-container.Navigation-Type-current .Navigation-Type-counter {
  color: var(--white);
}
.Navigation-Type-container.Navigation-Type-current .Navigation-Type-counter .Navigation-Type-count {
  font-size: 0.3em !important;
}
.Navigation-Type-container.Navigation-Type-current .Navigation-Type-counter:before {
  position: absolute;
  background-color: var(--black);
  content: '';
  border-radius: 50%;
  width: 1em;
  height: 1em;
}
.Navigation-Type-container.active {
  background-color: var(--black);
  color: var(--white);
}
.Navigation-Type-container.active.Navigation-Type-current .Navigation-Type-counter {
  color: var(--black);
}
.Navigation-Type-container.active.Navigation-Type-current .Navigation-Type-counter:before {
  background-color: var(--white);
}
.Navigation-Type-container:last-child {
  border-bottom: none;
  margin-bottom: -2px;
}
@media (max-width: 767px) {
  .Navigation-Type-container .Navigation-Type-label {
    font-size: 0.8em;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.Navigation-container {
  background-color: var(--white);
  display: flex;
  align-items: center;
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  will-change: transform;
  transition: transform 0.2s;
}
.Navigation-container a {
  text-decoration: none;
}
.Navigation-container .Navigation-left {
  position: relative;
  background-color: var(--black);
  display: flex;
  height: 100%;
  color: var(--white);
  border-left: var(--padding) solid var(--white);
}
.Navigation-container .Navigation-left .Navigation-listWrapper {
  display: flex;
  padding-left: var(--padding);
}
.Navigation-container .Navigation-right {
  background-color: var(--white);
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Navigation-container .Navigation-right .Navigation-types {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-left: calc(var(--padding) * -1);
  border: var(--padding) solid var(--black);
}
.Navigation-container .Navigation-tab {
  background-color: var(--white);
  position: absolute;
  margin: 0;
  padding: 0.5em 0.8em 0.3em;
  border: var(--padding) solid var(--black);
  font-weight: 500;
  will-change: transform;
  transition: transform 0.2s;
}
.Navigation-container .Navigation-print {
  --button-diameter: 1em;
  --button-border-width: 1.5px;
  --button-background-color: var(--white);
  --button-color: var(--black);
  --button-border-color: var(--black);
  position: absolute;
  left: calc(var(--padding) * 0);
  bottom: calc(var(--padding) * 2);
  transform: translateX(calc((var(--padding) * 2 + 100%) * -1));
  background-color: var(--white);
}
@media (min-width: 1501px) {
  .Navigation-container .Navigation-print {
    font: 500 5rem/1 var(--font);
  }
}
@media (min-width: 1401px) and (max-width: 1500px) {
  .Navigation-container .Navigation-print {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1201px) and (max-width: 1400px) {
  .Navigation-container .Navigation-print {
    font: 500 4rem/1 var(--font);
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Navigation-container .Navigation-print {
    font: 500 3rem/1 var(--font);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Navigation-container .Navigation-print {
    font: 500 3rem/1 var(--font);
  }
}
@media (max-width: 767px) {
  .Navigation-container .Navigation-print {
    font: 500 2.6rem/1 var(--font);
  }
}
@media print {
  .Navigation-container .Navigation-print {
    font: 4rem/1 var(--font);
    font-family: Arial, serif !important;
  }
}
.Navigation-container .Navigation-print svg {
  width: calc(var(--button-diameter) * 0.6);
  height: calc(var(--button-diameter) * 0.6);
}
@media (max-width: 1023px) {
  .Navigation-container.Navigation-hidden {
    transform: translateX(100%);
  }
  .Navigation-container.Navigation-hidden .Navigation-tab {
    width: auto;
    transform: translateX(-100%);
  }
}
@media (max-width: 1023px) {
  .Navigation-container .Navigation-right {
    width: 24vw !important;
  }
}
@media (max-width: 767px) {
  .Navigation-container {
    top: var(--padding);
    right: var(--padding);
    bottom: var(--padding);
  }
  .Navigation-container .Navigation-left {
    border-left-width: var(--padding);
  }
  .Navigation-container .Navigation-left .Navigation-listWrapper {
    padding-left: var(--padding);
  }
  .Navigation-container .Navigation-right .Navigation-types {
    border-width: var(--padding);
    margin-left: -var(--padding);
  }
  .Navigation-container .Navigation-tab {
    border-width: var(--padding);
  }
}
.record .Navigation-container .Navigation-left {
  border-left: none;
}
@media print {
  .Navigation-container {
    background-color: transparent;
    display: block;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    width: 100%;
  }
  .Navigation-container.Navigation-hidden {
    transform: none;
  }
  .Navigation-container.Navigation-hasRecord .Navigation-left {
    margin-top: calc(var(--padding) * -1);
  }
  .Navigation-container .Navigation-tab {
    display: none;
  }
  .Navigation-container .Navigation-left {
    display: block;
    background-color: transparent;
    border: none;
  }
  .Navigation-container .Navigation-left .Navigation-listWrapper {
    padding: 0;
  }
  .Navigation-container .Navigation-right {
    display: none;
  }
}
:root {
  --black: #222;
  --black-faeded: rgba(34,34,34,0.667);
  --white: #efefef;
  --faded: rgba(0,0,0,0.42);
  --padding: 1rem;
  --tile-size: 12em;
  --tile-row-count: 4;
  --border-width: 1rem;
  --font: 'Apercu';
}
@media print {
  :root {
    --tile-row-count: 4;
    --print-width: calc((100% - var(--padding) * 2));
    --tile-size: calc((var(--print-width) + var(--padding) * 1) / var(--tile-row-count));
  }
}
.App-container {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.App-container main {
  flex: 1;
  width: 100%;
  display: flex;
}
@media (max-width: 1023px) {
  .App-container main {
    padding-right: 0 !important;
  }
}
.App-container main >div {
  width: 100%;
}
.App-container:after {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1.5rem solid var(--white);
}
@media (max-width: 767px) {
  .App-container:after {
    border-width: var(--padding);
  }
}
@media print {
  #body .App-container {
    flex-direction: column;
    align-items: flex-end;
  }
  #body .App-container main {
    flex: unset;
    padding: 0 !important;
  }
  #body .App-container:after {
    display: none;
  }
}