:root {
  --swiper-navigation-size: 1.4em;
}
* {
  -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;
}
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;
  }
}
:root {
  --swiper-navigation-size: 1.4em;
}
#body {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 1.4rem;
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
#body h1 {
  font-size: 2rem;
  font-weight: 400;
}
#body a {
  display: inline-flex;
  text-decoration: none;
  color: inherit;
}
#body .loader {
  position: absolute;
}
#body .BG-processes,
#body [data-type='http://zhdk.ch/hands_on/processes/'] {
  background-color: #fb2ca2;
}
#body .BG-machines,
#body [data-type='http://zhdk.ch/hands_on/machines/'] {
  background-color: #fc832a;
}
#body .BG-tools,
#body [data-type='http://zhdk.ch/hands_on/tools/'] {
  background-color: #819361;
}
#body .BG-materials,
#body [data-type='http://zhdk.ch/hands_on/materials/'] {
  background-color: #fe0;
}
#body .BG-artefacts,
#body [data-type='http://zhdk.ch/hands_on/artifacts/'] {
  background-color: #1aa6a7;
}
#body .BG-bibliography,
#body [data-type='http://zhdk.ch/hands_on/sources/'] {
  background-color: #a72f39;
}
#body .BG-actors,
#body [data-type='http://zhdk.ch/hands_on/actors/'] {
  background-color: #565dc7;
}
#body .BG-projects,
#body [data-type='http://zhdk.ch/hands_on/projects/'] {
  background-color: #f2d0b2;
}
#body .BG-interviews,
#body [data-type='http://zhdk.ch/hands_on/interviews/'] {
  background-color: #bee4e4;
}
#body .BG-texts,
#body [data-type='http://zhdk.ch/hands_on/texts/'] {
  background-color: #ead3d2;
}
#body .color-processes {
  color: #fb2ca2;
}
#body .color-machines {
  color: #fc832a;
}
#body .color-tools {
  color: #819361;
}
#body .color-materials {
  color: #fe0;
}
#body .color-artefacts {
  color: #1aa6a7;
}
#body .color-bibliography {
  color: #a72f39;
}
#body .color-actors {
  color: #565dc7;
}
#body .color-projects {
  color: #f2d0b2;
}
#body .color-interviews {
  color: #bee4e4;
}
#body .color-texts {
  color: #ead3d2;
}
#body .border-processes {
  border-color: #fb2ca2;
}
#body .border-machines {
  border-color: #fc832a;
}
#body .border-tools {
  border-color: #819361;
}
#body .border-materials {
  border-color: #fe0;
}
#body .border-artefacts {
  border-color: #1aa6a7;
}
#body .border-bibliography {
  border-color: #a72f39;
}
#body .border-actors {
  border-color: #565dc7;
}
#body .border-projects {
  border-color: #f2d0b2;
}
#body .border-interviews {
  border-color: #bee4e4;
}
#body .border-texts {
  border-color: #ead3d2;
}
#body #root {
  height: 100%;
}
#body #root #App {
  height: 100%;
}
#body .swiper {
  z-index: 0;
}
#body .swiper .swiper-button-prev,
#body .swiper .swiper-button-next {
  background-color: #222;
  width: 3.3em;
  height: 3.3em;
  border-radius: 50%;
  color: #fff;
}
@media (min-width: 2001px) {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.3rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  #body .swiper .swiper-button-prev,
  #body .swiper .swiper-button-next {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
#body .swiper .swiper-button-prev:hover,
#body .swiper .swiper-button-next:hover {
  background-color: #fff;
  color: #222;
}
#body .swiper .swiper-button-prev.swiper-button-disabled,
#body .swiper .swiper-button-next.swiper-button-disabled {
  pointer-events: initial;
  cursor: default;
}
#body .swiper .swiper-button-prev.swiper-button-disabled:hover,
#body .swiper .swiper-button-next.swiper-button-disabled:hover {
  background-color: #222;
  color: #fff;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.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;
}
.Loader-loader >div {
  background-color: #aaa;
  display: inline-block;
  height: 2em;
  width: 2em;
  margin: 0 1px;
  animation: Loader-sk-stretchdelay 1.2s infinite ease-in-out;
}
@-moz-keyframes Loader-sk-stretchdelay {
  0%, 40%, 100% {
    transform: scale(0.8);
    opacity: 0.2;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes Loader-sk-stretchdelay {
  0%, 40%, 100% {
    transform: scale(0.8);
    opacity: 0.2;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes Loader-sk-stretchdelay {
  0%, 40%, 100% {
    transform: scale(0.8);
    opacity: 0.2;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes Loader-sk-stretchdelay {
  0%, 40%, 100% {
    transform: scale(0.8);
    opacity: 0.2;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Button-container {
  position: relative;
  background-color: #eaeaea;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  padding: 0.6em 0.8em;
  margin: 0.2em;
  font-size: 0.8em;
  border: 1px solid transparent;
  user-select: none;
}
.Button-container.Button-small {
  font-size: 0.6em;
  padding: 0.4em 0.6em;
}
.Button-container.Button-large {
  font-size: 1.2em;
}
.Button-container:disabled,
.Button-container.Button-disabled {
  background-color: transparent;
  opacity: 0.42;
  pointer-event: none;
}
.Button-container:enabled,
.Button-container.Button-enabled {
  cursor: pointer;
}
.Button-container.Button-link {
  display: inline-block;
  background-color: transparent !important;
  margin: -0.6em -0.8em;
  color: inherit;
  font-size: 1em;
  text-align: left;
  text-transform: none;
}
.Button-container.Button-link .fa {
  margin: 0 0.3em;
}
.Button-container.Button-link:enabled .fa,
.Button-container.Button-link.Button-enabled .fa {
  transition: all 0.2s;
}
.Button-container.Button-link:enabled:active,
.Button-container.Button-link.Button-enabled:active,
.Button-container.Button-link:enabled.active,
.Button-container.Button-link.Button-enabled.active,
.Button-container.Button-link:enabled:hover,
.Button-container.Button-link.Button-enabled:hover {
  background-color: #eaeaea;
  color: inherit;
}
.Button-container.Button-link:enabled:active .icon,
.Button-container.Button-link.Button-enabled:active .icon,
.Button-container.Button-link:enabled.active .icon,
.Button-container.Button-link.Button-enabled.active .icon,
.Button-container.Button-link:enabled:hover .icon,
.Button-container.Button-link.Button-enabled:hover .icon {
  opacity: 1;
  transform: translateX(-0.2em);
}
.Button-container.Button-round {
  width: 2.2em;
  height: 2.2em;
  padding: 0;
  border-radius: 50%;
}
.Button-container.Button-round:hover,
.Button-container.Button-round:active,
.Button-container.Button-round.active {
  border-color: transparent;
}
.Button-container.Button-material {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.12);
  text-transform: uppercase;
  box-shadow: 0 1px 3px 1px rgba(0,0,0,0.08);
}
.Button-container.Button-material:enabled:hover,
.Button-container.Button-material.Button-enabled:hover {
  box-shadow: none;
}
.Button-container.Button-material:enabled:active,
.Button-container.Button-material.Button-enabled:active,
.Button-container.Button-material:enabled.active,
.Button-container.Button-material.Button-enabled.active {
  background-color: inherit;
  border-color: #000;
  box-shadow: inset 0px 0px 3px rgba(0,0,0,0.24);
}
.Button-container.Button-toggle {
  background-color: #fff;
  padding: 0.8em 1.2em;
  margin: 0 -1px 0 0;
  border-top-width: 0;
  text-transform: uppercase;
  color: rgba(0,0,0,0.24);
  font-size: 1em;
}
.Button-container.Button-toggle:enabled:hover,
.Button-container.Button-toggle.Button-enabled:hover {
  color: #000;
}
.Button-container.Button-toggle:enabled:active,
.Button-container.Button-toggle.Button-enabled:active,
.Button-container.Button-toggle:enabled.active,
.Button-container.Button-toggle.Button-enabled.active {
  background-color: inherit;
  color: #000;
}
.Button-container.Button-constructive {
  color: #2ecc71;
}
.Button-container.Button-constructive:enabled:active,
.Button-container.Button-constructive.Button-enabled:active,
.Button-container.Button-constructive:enabled.active,
.Button-container.Button-constructive.Button-enabled.active,
.Button-container.Button-constructive:enabled:hover,
.Button-container.Button-constructive.Button-enabled:hover {
  background-color: #2ecc71;
  color: #fff;
}
.Button-container.Button-destructive {
  color: _red;
}
.Button-container.Button-destructive:enabled:active,
.Button-container.Button-destructive.Button-enabled:active,
.Button-container.Button-destructive:enabled.active,
.Button-container.Button-destructive.Button-enabled.active,
.Button-container.Button-destructive:enabled:hover,
.Button-container.Button-destructive.Button-enabled:hover {
  background-color: _red;
  color: #fff;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Player-container {
  flex: 1;
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
}
.Player-container .Player-video {
  position: relative;
  flex: 1;
  max-width: 50%;
  margin: 1px;
}
.Player-container .Player-video video {
  width: 100%;
  height: 100%;
}
.Player-container .Player-video .Player-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Player-container .Player-video .Player-controls .Player-playpause {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.Player-container .Player-video .Player-controls .Player-playpause .icon {
  width: 2.4em;
  height: 2.4em;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 1.6rem;
  opacity: 0.42;
}
.Player-container .Player-video .Player-controls .Player-playpause .icon.Player-play {
  padding: 1.6rem 1.4rem 1.6rem 1.8rem;
}
.Player-container .Player-video .Player-controls .Player-playpause .icon.Player-pause {
  display: none;
}
.Player-container .Player-video .Player-controls .Player-playpause:hover .icon {
  background-color: #000;
  opacity: 1;
}
.Player-container .Player-video .Player-controls .Player-mute {
  background-color: #222;
  color: #fff;
  position: absolute;
  left: 36%;
  right: 0;
  bottom: 0.7rem;
  width: 2em;
  height: 2em;
  margin: 0 auto;
}
.Player-container .Player-video .Player-controls .Player-mute:hover {
  background-color: #fff;
  color: #222;
}
.Player-container:hover .Player-video .Player-controls .Player-playpause .icon.Player-pause {
  display: block;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Plink-link {
  display: inline-block;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.App-container {
  background-color: #000;
  display: flex;
  flex-direction: column;
}
.App-container .App-header {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  padding: 1.4rem;
  color: #fff;
}
.App-container .App-header h1 {
  font-weight: bold !important;
  letter-spacing: 0.04em;
}
.App-container main {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Panel-container {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16rem;
  transition: width 0.6s;
  z-index: 2;
}
.Panel-container .Panel-content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  flex: 1;
  position: relative;
  box-shadow: 0 1px 12px 3px rgba(0,0,0,0.12);
  overflow: auto;
}
.Panel-container .Panel-content a {
  color: #00f;
  text-decoration: none;
}
.Panel-container .Panel-toggler {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2vw;
  z-index: 1;
  transition: width 0.2s;
}
.Panel-container .Panel-toggler .Panel-arrow {
  background-color: #fff;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #222;
  font-size: 2rem;
  transition: transform 0.2s;
}
.Panel-container#left {
  right: auto;
  left: 0;
}
.Panel-container#left .Panel-toggler {
  right: -2rem;
}
.Panel-container#left .Panel-toggler .Panel-arrow {
  left: -1rem;
  transform: rotate(180deg);
}
.Panel-container#right {
  flex-direction: row-reverse;
  left: auto;
  right: 0;
}
.Panel-container#right .Panel-toggler {
  left: -2rem;
}
.Panel-container#right .Panel-toggler .Panel-arrow {
  right: -1rem;
}
.Panel-container.max#left {
  width: calc(42vw + 6rem);
}
.Panel-container.max#left .Panel-arrow {
  transform: rotate(0deg);
}
.Panel-container.max#right {
  width: calc(42vw + 6rem);
}
.Panel-container.max#right .Panel-arrow {
  transform: rotate(180deg);
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Burger-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: fixed;
  bottom: 0.5rem;
  left: 0.5rem;
  border: 1px solid transparent;
  z-index: 2;
}
.Burger-container .Burger-toggle {
  align-self: flex-start;
  background-color: transparent;
  font-size: 2rem;
  margin: 0;
  padding: 1rem;
}
.Burger-container .Burger-menu {
  display: none;
}
.Burger-container .Burger-menu .Burger-nav {
  padding: 1rem;
  cursor: pointer;
}
.Burger-container .Burger-menu .Burger-nav:hover {
  background-color: #222;
  color: #fff !important;
}
.Burger-container .Burger-menu .Burger-nav .fa {
  font-size: 1.2em;
}
.Burger-container.Burger-open {
  background-color: #fff;
  border-color: #000;
}
.Burger-container.Burger-open .Burger-menu {
  display: block;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Markdown-container p {
  margin-bottom: 0.8em;
}
.Markdown-container p:last-child {
  margin-bottom: 0;
}
.Markdown-container a {
  display: inline;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.Markdown-container ol,
.Markdown-container ul {
  list-style-position: inside;
}
.Markdown-container sup,
.Markdown-container sub {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
}
.Markdown-container sub {
  top: 0.3em;
}
.Markdown-container iframe {
  max-width: 100%;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content {
  display: block !important;
}
.Scroller-container .ScrollbarsCustom-Track {
  background-color: rgba(0,0,0,0) !important;
  padding: 3px;
}
.Scroller-container .ScrollbarsCustom-Track.ScrollbarsCustom-TrackY {
  right: 5px !important;
}
.Scroller-container .ScrollbarsCustom-Track.ScrollbarsCustom-TrackY .ScrollbarsCustom-Thumb {
  margin: auto;
}
.Scroller-container .ScrollbarsCustom-Track .ScrollbarsCustom-Thumb {
  background-color: rgba(0,0,0,0.12) !important;
}
@media print {
  .Scroller-container .ScrollbarsCustom-Wrapper {
    position: relative !important;
    overflow: unset !important;
  }
  .Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller {
    position: relative !important;
    overflow: unset !important;
  }
  .Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content {
    position: relative !important;
    overflow: unset !important;
  }
  .Scroller-container .ScrollbarsCustom-Track {
    background-color: rgba(0,0,0,0) !important;
    padding: 3px;
  }
  .Scroller-container .ScrollbarsCustom-Track.ScrollbarsCustom-TrackY {
    right: 5px !important;
  }
  .Scroller-container .ScrollbarsCustom-Track.ScrollbarsCustom-TrackY .ScrollbarsCustom-Thumb {
    margin: auto;
  }
  .Scroller-container .ScrollbarsCustom-Track .ScrollbarsCustom-Thumb {
    background-color: rgba(0,0,0,0.12) !important;
  }
}
:root {
  --swiper-navigation-size: 1.4em;
}
.CloseButton-close {
  background-color: transparent;
  width: 1em;
  height: 1em;
  padding: 0;
  font-size: 6rem;
  color: transparent;
}
.CloseButton-close:enabled:active {
  background-color: transparent;
}
.CloseButton-close:before,
.CloseButton-close:after {
  background-color: #222;
  position: absolute;
  top: 0;
  content: '';
  width: 2px;
  height: 100%;
}
.CloseButton-close:before {
  transform: rotate(45deg);
}
.CloseButton-close:after {
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .CloseButton-close {
    font-size: 3.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .CloseButton-close {
    font-size: 4rem;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .CloseButton-close {
    font-size: 5rem;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .CloseButton-close {
    font-size: 6rem;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .CloseButton-close {
    font-size: 6rem;
  }
}
@media (min-width: 2001px) {
  .CloseButton-close {
    font-size: 6rem;
  }
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Info-wrapper {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.Info-wrapper .Info-container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.Info-wrapper .Info-container .Info-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 5rem;
  padding: 1.2rem 1rem 1rem 2rem;
}
.Info-wrapper .Info-container .Info-header .Info-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Info-wrapper .Info-container .Info-header .Info-type .Info-label {
  display: flex;
  align-items: center;
}
.Info-wrapper .Info-container .Info-header .Info-close {
  background-color: transparent;
  margin: 0;
  padding: 1rem;
}
@media (min-width: 2001px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 4rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 2.4rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 2rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 1.8rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 1.8rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (max-width: 767px) {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 500 1.6rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media print {
  .Info-wrapper .Info-container .Info-header .Info-close {
    font: 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
.Info-wrapper .Info-container .Info-title {
  flex-shrink: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #222;
  overflow-x: hidden;
  width: 90%;
  max-width: 800px;
  margin: 2rem 0 0;
  padding: 1rem;
  z-index: 1;
}
.Info-wrapper .Info-container .Info-title .Info-label {
  background-color: #222;
  justify-content: space-between;
  color: #fff;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 2001px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 2.8rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 1.5rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 374px) {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Info-wrapper .Info-container .Info-title .Info-label {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Info-wrapper .Info-container .Info-content {
  display: flex;
  justify-content: center;
}
.Info-wrapper .Info-container .Info-content .Info-markdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 800px;
}
.Info-wrapper .Info-container .Info-content .Info-markdown img {
  max-width: 100%;
}
#left.min .Info-wrapper {
  display: none;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Img-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.Img-container .Img-loader,
.Img-container .Img-img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 1s ease;
  will-change: opacity;
}
.Img-container .Img-img {
  opacity: 0;
}
.Img-container.Img-cover .Img-loader,
.Img-container.Img-cover .Img-img {
  background-size: cover;
}
.Img-container.Img-loaded .Img-loader {
  opacity: 0;
}
.Img-container.Img-loaded .Img-img {
  opacity: 1;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Close-close {
  background-color: transparent;
  margin: 0;
  padding: 1rem;
}
@media (min-width: 2001px) {
  .Close-close {
    font: 500 4rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Close-close {
    font: 500 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Close-close {
    font: 500 2.4rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Close-close {
    font: 500 2rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Close-close {
    font: 500 1.8rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Close-close {
    font: 500 1.8rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (max-width: 767px) {
  .Close-close {
    font: 500 1.6rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media print {
  .Close-close {
    font: 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Zoom-zoom {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 42vw;
  z-index: 1;
}
.Zoom-zoom .Zoom-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 5rem;
  padding: 1.2rem 1rem 1rem 2rem;
}
.Zoom-zoom .Zoom-header .Zoom-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Zoom-zoom .Zoom-header .Zoom-type .Zoom-label {
  display: flex;
  align-items: center;
}
.Zoom-zoom .Zoom-titleWrapper {
  flex-shrink: 0;
  position: relative;
  display: flex;
  overflow-x: hidden;
  width: 90%;
  margin: 2rem 0 0;
  z-index: 1;
}
.Zoom-zoom .Zoom-titleWrapper .Zoom-title {
  background-color: #222;
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
  justify-content: space-between;
  color: #fff;
}
@media (min-width: 2001px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 2.8rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 1.5rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 374px) {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-label {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Zoom-zoom .Zoom-titleWrapper .Zoom-title .Zoom-highlighter {
  flex-shrink: 0;
  background-color: #fff;
  width: 2em;
  height: 2em;
  border: 0.4em solid #fff;
}
.Zoom-zoom.Zoom-selected .Zoom-title {
  background-color: inherit;
}
.Zoom-zoom.Zoom-selected .Zoom-title .Zoom-label {
  color: #222;
}
.Zoom-zoom.Zoom-selected .Zoom-title .Zoom-highlighter {
  background-color: #222 !important;
}
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root {
  --swiper-navigation-size: 1.4em;
}
.defaultRenderer-container {
  display: flex;
  justify-content: center;
}
.defaultRenderer-container .defaultRenderer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 800px;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-carousel {
  width: 100%;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-image {
  background-color: #eaeaea;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 0 solid #222;
  border-bottom-width: 1px;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-image .defaultRenderer-thumbnail {
  max-width: 100%;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-video video {
  max-width: 100%;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details {
  align-self: stretch;
  margin: 1em;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #000;
  padding: 0.3em;
  font-weight: 100;
  overflow-x: hidden;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute a {
  font-weight: 700;
  border-bottom: 1px solid transparent;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute a:hover {
  border-color: #222;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-key {
  white-space: nowrap;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-key:after {
  content: ':';
  margin-right: 0.3em;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-value {
  display: inline-flex;
  flex-wrap: wrap;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-value .defaultRenderer-ref {
  display: inline-flex;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-value .defaultRenderer-ref p {
  display: inline;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-value .defaultRenderer-ref:after {
  display: inline;
  content: '; ';
  white-space: pre;
}
.defaultRenderer-container .defaultRenderer-content .defaultRenderer-details .defaultRenderer-attribute .defaultRenderer-value .defaultRenderer-ref:last-child:after {
  content: '';
}
:root {
  --swiper-navigation-size: 1.4em;
}
.textsRenderer-container {
  display: flex;
  justify-content: center;
}
.textsRenderer-container .textsRenderer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details {
  margin: 1em;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-abstract,
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-context,
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-part {
  max-width: 680px;
  margin-bottom: 1em;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-part {
  position: relative;
  margin-bottom: 1em;
  cursor: pointer;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-part:before {
  content: '';
  position: absolute;
  top: 0;
  left: -0.5em;
  right: 0;
  bottom: 0;
  border-left: 2px solid transparent;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-part:hover:before {
  border-color: rgba(0,0,0,0.24);
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .textsRenderer-part.selected:before {
  border-color: #222;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ol,
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ul {
  counter-reset: list;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ol li,
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ul li {
  list-style: none;
  margin-left: 2.6em;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ol li:before,
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ul li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
  float: left;
  margin-left: -1.3em;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ul {
  counter-reset: list;
}
.textsRenderer-container .textsRenderer-content .textsRenderer-details .MarkdownContainer ul li:before {
  content: '-';
  counter-increment: list;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.interviewsRenderer-container {
  display: flex;
  justify-content: center;
}
.interviewsRenderer-container .interviewsRenderer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 800px;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-image {
  background-color: #eaeaea;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 50%;
  margin-top: -2rem;
  border: 1px solid #222;
  border-width: 1px 0;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-image img {
  max-height: 100%;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-video video {
  max-height: 100%;
  max-width: 100%;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details {
  align-self: stretch;
  margin: 1em;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid #000;
  padding: 0.3em;
  font-weight: 100;
  overflow-x: hidden;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type a {
  font-weight: 700;
  border-bottom: 1px solid transparent;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type a:hover {
  border-color: #222;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-key {
  white-space: nowrap;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-key:after {
  content: ':';
  margin-right: 0.3em;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-label,
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-ref {
  white-space: nowrap;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-label:after {
  content: ':';
  margin-right: 0.3em;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-ref:after {
  content: ',';
  white-space: pre;
  margin-right: 0.3em;
}
.interviewsRenderer-container .interviewsRenderer-content .interviewsRenderer-details .interviewsRenderer-type .interviewsRenderer-ref:last-child:after {
  content: '';
}
:root {
  --swiper-navigation-size: 1.4em;
}
.ExpandButton-container {
  background-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: -0.5em 0;
  padding: 0.5em !important;
  border: 1px solid #222;
  font-size: inherit;
  font-weight: 100;
  cursor: pointer;
  user-select: none;
}
.ExpandButton-container svg {
  transform-origin: center;
  transition: transform 0.2s;
}
.ExpandButton-container.ExpandButton-expanded svg {
  transform: rotate(180deg);
}
.ExpandButton-container:hover,
.ExpandButton-container:active,
.ExpandButton-container.active {
  background-color: #222;
  color: #fff;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Filter-container {
  margin-bottom: 2rem;
}
.Filter-container .Filter-groups {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  z-index: 1;
}
.Filter-container .Filter-groups .Filter-scroller {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  margin-top: -1px;
  padding: 2em;
  border: 1px solid #222;
}
.Filter-container .Filter-groups .Filter-scroller .Filter-groupList .Filter-group {
  font-weight: 700;
  border-bottom: 1px solid #222;
}
.Filter-container .Filter-groups .Filter-scroller .Filter-groupList .Filter-group a {
  width: 100%;
  padding: 0.5em;
}
.Filter-container .Filter-groups .Filter-scroller .Filter-groupList .Filter-group.Filter-selected {
  background-color: #222;
  color: #fff;
}
.Filter-container .Filter-groups .Filter-scroller .Filter-groupList .Filter-group:hover,
.Filter-container .Filter-groups .Filter-scroller .Filter-groupList .Filter-group.Filter-highlighted {
  background-color: #222;
  color: #fff;
}
.Filter-container .Filter-expander {
  background-color: #222;
  display: flex;
  justify-content: space-between;
  padding: 0.4em;
  color: #fff;
}
@media (min-width: 2001px) {
  .Filter-container .Filter-expander {
    font: 2.8rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Filter-container .Filter-expander {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Filter-container .Filter-expander {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Filter-container .Filter-expander {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Filter-container .Filter-expander {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Filter-container .Filter-expander {
    font: 1.5rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 374px) {
  .Filter-container .Filter-expander {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Filter-container .Filter-expander {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Filter-container .Filter-expander .Filter-label,
.Filter-container .Filter-expander .Filter-expand {
  color: inherit;
}
.Filter-container .Filter-expander .Filter-expand {
  background-color: transparent;
  width: 1.6em;
  height: 1.6em;
}
.Filter-container .Filter-expander:last-child {
  margin-top: 1em;
}
.Filter-container .Filter-expander:first-child {
  margin-top: 0;
}
.Filter-container.Filter-unfolded .Filter-groups {
  position: relative;
  width: 100%;
}
.Filter-container.Filter-unfolded .Filter-groups .Filter-scroller {
  min-height: unset;
  max-height: unset;
  border: none;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Context-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 42vw;
}
.Context-container .Context-header {
  display: flex;
  flex-direction: column;
  align-items: space-between;
}
.Context-container .Context-header .Context-titleBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding: 1.2rem 2rem 1rem;
}
.Context-container .Context-header .Context-titleBar .Context-label {
  display: flex;
  align-items: center;
}
.Context-container .Context-header .Context-titleBar .Context-label h1 {
  margin-right: 0.5em;
}
.Context-container .Context-header .Context-titleBar .Context-label button {
  margin: 0;
}
@media (min-width: 2001px) {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Context-container .Context-header .Context-titleBar .Context-label button {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Context-container .Context-header .Context-titleBar .Context-search {
  background-color: transparent;
  width: 2.2em;
  height: 2.2em;
  margin-left: auto;
  border: 1px solid #222;
}
@media (min-width: 2001px) {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Context-container .Context-header .Context-titleBar .Context-search {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Context-container .Context-header .Context-titleBar .Context-search:hover,
.Context-container .Context-header .Context-titleBar .Context-search:active,
.Context-container .Context-header .Context-titleBar .Context-search.active {
  background-color: #222;
  color: #fff;
}
.Context-container .Context-header .Context-description {
  max-width: 680px;
  padding: 0 2rem 2rem;
}
.Context-container .Context-context {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem 3rem 3rem;
  overflow: hidden;
}
.Context-container .Context-context .Context-filterButtons {
  align-self: flex-end;
  display: flex;
  margin-bottom: 1em;
}
.Context-container .Context-context .Context-filterButtons button {
  width: 13.2em;
  margin-left: 0.3em;
}
.Context-container .Context-context .Context-scroller {
  height: 100%;
}
.Context-container .Context-context .Context-records {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.Context-container .Context-context .Context-records .Context-toggles {
  display: flex;
  flex-direction: column;
  width: 11rem;
}
.Context-container .Context-context .Context-records .Context-toggles button {
  width: 3em;
  height: 3em;
  font-size: 3rem;
}
.Context-container .Context-context .Context-records .Context-toggles button .Context-count {
  position: absolute;
  top: 0.5em;
  font-size: 0.5em;
}
.Context-container .Context-context .Context-records .Context-toggles button.active {
  border: 4px solid #000;
}
.Context-container .Context-context .Context-records .Context-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 2px solid #000;
}
.Context-container .Context-context .Context-records .Context-panel .Context-header {
  display: flex;
  padding: 1.2rem 6rem 1rem 1rem;
  border-bottom: 1px solid #000;
}
.Context-container .Context-context .Context-records .Context-panel .Context-header button {
  margin-right: -0.5rem;
  font-size: 2rem;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list {
  flex: 1;
  background-color: #fff;
  width: 36vw;
  overflow-y: auto;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record {
  display: inline-flex;
  position: relative;
  width: 11.4vw;
  height: 11.4vw;
  padding: 1rem;
  overflow: hidden;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record a.Context-open {
  flex: 1;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record a.Context-open .Context-label {
  position: absolute;
  font-size: 0.8em;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record a.Context-open .Context-thumbnail {
  width: 100% !important;
  height: 100% !important;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record a.Context-open.Context-selected {
  background-color: #000;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record a.Context-open.Context-selected .Context-label {
  color: #fff;
}
.Context-container .Context-context .Context-records .Context-panel .Context-list .Context-record a.Context-zoom {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.Context-container .Context-context .Context-list {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
}
.Context-container .Context-context .Context-list .Context-item {
  position: relative;
  width: 33.333333333333336%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #222;
  border: 0.1rem solid #fff;
}
.Context-container .Context-context .Context-list .Context-item.Context-hasPreview {
  height: 12.666666666666666vw;
}
.Context-container .Context-context .Context-list .Context-item.Context-fullWidth {
  width: 100%;
}
@media (min-width: 1024px) and (max-width: 1500px) {
  .Context-container .Context-context .Context-list .Context-item {
    width: 50%;
  }
  .Context-container .Context-context .Context-list .Context-item.Context-hasPreview {
    height: 19vw;
  }
}
.Context-container .Context-context .Context-list .Context-item .Context-link {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.Context-container .Context-context .Context-list .Context-item .Context-thumb {
  display: flex;
  background-color: #eaeaea;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  flex: 1;
  width: 100%;
}
.Context-container .Context-context .Context-list .Context-item .Context-itemHeader {
  background-color: #eaeaea;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.5em;
  padding: 0.4em;
  padding-right: 0.2em;
  color: inherit;
  border: 4px solid transparent !important;
}
.Context-container .Context-context .Context-list .Context-item .Context-itemHeader .Context-label {
  margin-right: 0.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Context-container .Context-context .Context-list .Context-item .Context-itemHeader .Context-highlighter {
  background-color: transparent;
  width: 3em;
}
.Context-container .Context-context .Context-list .Context-item .Context-itemHeader .Context-highlighter:before {
  content: '';
  flex-shrink: 0;
  background-color: #fff;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: auto;
  border: 0.4em solid #fff;
  border-radius: 50%;
}
.Context-container .Context-context .Context-list .Context-item .Context-itemHeader .Context-highlighter .Context-arrow {
  width: 100%;
  width: 0;
  margin-left: 0;
  color: #fff;
  overflow: hidden;
  transition: width 0.2s, margin-left 0.2s;
}
.Context-container .Context-context .Context-list .Context-item .Context-itemHeader .Context-highlighter:hover:before {
  background-color: #222;
}
.Context-container .Context-context .Context-list .Context-item.Context-enabled .Context-itemHeader {
  background-color: #222;
  color: #fff !important;
}
.Context-container .Context-context .Context-list .Context-item.Context-enabled.Context-selected .Context-itemHeader {
  background-color: inherit !important;
  color: inherit !important;
}
.Context-container .Context-context .Context-list .Context-item.Context-enabled.Context-selected .Context-highlighter:before {
  background-color: #222;
}
.Context-container .Context-context .Context-list .Context-item.Context-enabled:hover .Context-itemHeader .Context-arrow {
  width: 1em;
  margin-left: 0.3em;
}
.Context-container .Context-context .Context-list .Context-item.Context-enabled.Context-highlighted .Context-itemHeader {
  background-color: #fff;
  color: #222 !important;
}
.Context-container .Context-context .Context-list .Context-item.Context-enabled.Context-highlighted .Context-highlighter:before {
  border-color: #222 !important;
}
.Context-notification {
  background-color: #222 !important;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Contexts-container {
  flex: 1;
  display: flex;
  height: 100%;
  overflow-x: hidden;
}
.Contexts-container .Contexts-sideline {
  background-color: #fff;
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 6rem;
  border-right: 1px solid #000;
  z-index: 2;
}
.Contexts-container .Contexts-sideline .Contexts-context {
  position: relative;
}
.Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
  width: 100%;
}
@media (min-width: 2001px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-link {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Contexts-container .Contexts-sideline .Contexts-context .Contexts-link .Contexts-abbreviation {
  background-color: transparent;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4em;
  margin: 0;
  text-transform: uppercase;
}
.Contexts-container .Contexts-sideline .Contexts-context:hover .Contexts-link .Contexts-abbreviation {
  background-color: #222 !important;
  color: #fff !important;
}
.Contexts-container .Contexts-sideline .Contexts-context:hover .Contexts-clear {
  background-color: #222;
  color: #fff;
}
.Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.7em;
  height: 1.7em;
  margin: 0;
}
@media (min-width: 2001px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.3rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Contexts-container .Contexts-sideline .Contexts-context .Contexts-clear:hover {
  background-color: #fff;
  color: #222;
}
.Contexts-container .Contexts-sideline .Contexts-toIndex {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.Contexts-container .Contexts-sideline .Contexts-toIndex button {
  background-color: transparent;
  margin: 0;
  padding: 1rem;
}
@media (min-width: 2001px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 2.8rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 1.5rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 374px) {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Contexts-container .Contexts-sideline .Contexts-toIndex button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Contexts-container .Contexts-contexts .Contexts-context {
  margin-bottom: 1rem;
}
.Contexts-container .Contexts-contexts .Contexts-context button {
  background-color: #222;
  color: #fff;
  border: none;
  margin: 0;
}
.Contexts-container .Contexts-contexts .Contexts-context button:hover {
  background-color: #fff !important;
  color: #222 !important;
}
@media (min-width: 2001px) {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 500 2rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (max-width: 767px) {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 500 1.6rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media print {
  .Contexts-container .Contexts-contexts .Contexts-context .Contexts-link {
    font: 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
#left.min .Contexts-container .Contexts-contexts {
  display: none;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Video-container {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}
.Video-container.Video-annotated {
  background-color: #f6f6f6;
  cursor: pointer;
}
.Video-container+.Video-container {
  transform: translateX(-100%);
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Annotations-container .Annotations-annotation {
  background-color: #eaeaea;
  display: inline-flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  pointer-events: none;
}
.Annotations-container .Annotations-annotation.highlighted,
.Annotations-container .Annotations-annotation.zoomed {
  background-color: rgba(0,0,0,0.16) !important;
}
.Annotations-container .Annotations-annotation.selected {
  background-color: rgba(0,0,0,0.42) !important;
}
.Annotations-container .Annotations-annotation .Annotations-actions {
  position: absolute;
  top: 0;
  left: -1.5rem;
  bottom: 0;
  width: 3rem;
  margin: 0 auto;
  border: 1px solid transparent;
  z-index: 1;
}
.Annotations-container .Annotations-annotation .Annotations-actions .Annotations-action {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid transparent;
}
.Annotations-container .Annotations-annotation .Annotations-actions .Annotations-action.highlighted {
  border-color: #000;
  z-index: 3;
}
.Annotations-container .Annotations-annotation .Annotations-actions .Annotations-action.selected {
  background-color: rgba(0,0,124,0.42) !important;
  z-index: 2;
}
.Annotations-container .Annotations-annotation .Annotations-dot {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1rem;
  margin: 0 auto;
  border: 1px solid transparent;
}
.Annotations-container .Annotations-annotation .Annotations-dot .Annotations-label {
  display: none;
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 0.4rem;
}
.Annotations-container .Annotations-annotation .Annotations-dot.highlighted,
.Annotations-container .Annotations-annotation .Annotations-dot.selected {
  display: block;
}
.Annotations-container .Annotations-annotation .Annotations-dot.highlighted {
  z-index: 3;
}
.Annotations-container .Annotations-annotation .Annotations-dot.selected {
  border-color: #000;
  z-index: 2;
}
.Annotations-container .Annotations-annotation .Annotations-dot.Annotations-hover .Annotations-label {
  display: block;
}
.Annotations-container .Annotations-annotation .Annotations-marker {
  display: none;
  width: 100%;
  height: 100%;
}
.Annotations-container .Annotations-annotation.processes .Annotations-marker.processes {
  display: block;
}
.Annotations-container .Annotations-annotation.machines .Annotations-marker.machines {
  display: block;
}
.Annotations-container .Annotations-annotation.tools .Annotations-marker.tools {
  display: block;
}
.Annotations-container .Annotations-annotation.materials .Annotations-marker.materials {
  display: block;
}
.Annotations-container .Annotations-annotation.artefacts .Annotations-marker.artefacts {
  display: block;
}
.Annotations-container .Annotations-annotation.bibliography .Annotations-marker.bibliography {
  display: block;
}
.Annotations-container .Annotations-annotation.actors .Annotations-marker.actors {
  display: block;
}
.Annotations-container .Annotations-annotation.projects .Annotations-marker.projects {
  display: block;
}
.Annotations-container .Annotations-annotation.interviews .Annotations-marker.interviews {
  display: block;
}
.Annotations-container .Annotations-annotation.texts .Annotations-marker.texts {
  display: block;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Hour-container {
  flex: 1;
  position: relative;
}
.Hour-container:before {
  display: none;
  content: '';
  background-color: #000;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 1px;
  transform: translateX(-50%);
}
.Hour-container .Hour-playheadIndicator {
  display: none;
  border-top: 3px solid #e00000;
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 999;
  pointer-events: none;
}
.Hour-container .Hour-label {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: 1rem;
  padding: 0 0.2em 0 0;
  font-size: 0.6em;
  line-height: 1;
  text-align: left;
  transform: translateY(-50%);
  z-index: 1;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Timeline-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  max-width: 5em;
  margin: 0 0.1em;
  transition: width 0.2s;
}
.Timeline-container .Timeline-label {
  align-self: center;
  width: 1.34em;
  height: 8.2rem;
  word-wrap: break-word;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 0.9em !important;
  text-align: left;
  transform: translateX(0.1em);
}
@media (min-width: 2001px) {
  .Timeline-container .Timeline-label {
    font: 500 4rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Timeline-container .Timeline-label {
    font: 500 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Timeline-container .Timeline-label {
    font: 500 2.4rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Timeline-container .Timeline-label {
    font: 500 2rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .Timeline-container .Timeline-label {
    font: 500 1.8rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Timeline-container .Timeline-label {
    font: 500 1.8rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (max-width: 767px) {
  .Timeline-container .Timeline-label {
    font: 500 1.6rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media print {
  .Timeline-container .Timeline-label {
    font: 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
.Timeline-container .Timeline-hoverIndicator {
  display: none;
  justify-content: center;
  background-color: #f00;
  position: absolute;
  width: 100%;
  height: 1px;
  z-index: 2;
  pointer-events: none;
}
.Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
  background-color: #222;
  position: absolute;
  padding: 0.2em 0.4em 0.3em;
  color: #fff;
  border-radius: 0.7em;
  transform: translateY(-150%);
}
@media (min-width: 2001px) {
  .Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
    font: 1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Timeline-container .Timeline-hoverIndicator .Timeline-hoverLabel {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Timeline-container:hover .Timeline-hoverIndicator {
  display: flex;
}
.Timeline-container .Timeline-hours {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  flex: 1;
  position: relative;
}
.Timeline-container .Timeline-hours:after {
  background-color: #808080;
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  bottom: 0;
  width: 1px;
  margin-left: -1px;
  z-index: 1;
  pointer-events: none;
}
#right.min .Timeline-container {
  flex: 0;
  margin: 0;
  overflow-x: hidden;
}
#right.min .Timeline-container.playing {
  flex: 1;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.TimeLabel-container {
  flex: 1;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Residency-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
}
.Residency-container .Residency-header {
  display: flex;
  flex-direction: column;
  align-items: space-between;
}
.Residency-container .Residency-header .Residency-titleBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding: 1.2rem 2rem 1rem;
  overflow: hidden;
  transition: height 0.2s;
}
.Residency-container .Residency-header .Residency-titleBar .Residency-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.Residency-container .Residency-header .Residency-titleBar .Residency-label h1 {
  margin-right: 0.5em;
}
.Residency-container .Residency-header .Residency-titleBar .Residency-label button {
  margin: 0;
}
@media (min-width: 2001px) {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Residency-container .Residency-header .Residency-titleBar .Residency-label button {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Residency-container .Residency-header .Residency-description {
  padding: 0 2rem 2rem;
}
.Residency-container .Residency-timelines {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
  padding: 0 2rem 4rem 5vw;
  text-align: center;
}
.Residency-container .Residency-timelines .Residency-indicators {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  position: absolute;
  top: 8.2rem;
  bottom: 4rem;
  transform: translate(-150%, -0.6em);
}
@media (min-width: 2001px) {
  .Residency-container .Residency-timelines .Residency-indicators {
    font: 1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Residency-container .Residency-timelines .Residency-indicators {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Residency-container .Residency-timelines .Residency-indicators {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Residency-container .Residency-timelines .Residency-indicators {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Residency-container .Residency-timelines .Residency-indicators {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Residency-container .Residency-timelines .Residency-indicators {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
#right.min .Residency-container .Residency-timelines {
  padding: 0 0.5rem 4rem 4rem;
}
#right.min .Residency-container .Residency-timelines .Residency-indicators {
  transform: translate(-110%, -0.6em);
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Residencies-container {
  flex: 1;
  display: flex;
}
.Residencies-container .Residencies-sideline {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 6rem;
  border-left: 1px solid #000;
}
.Residencies-container .Residencies-sideline .Residencies-item {
  width: 100%;
  text-align: center;
}
@media (min-width: 2001px) {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Residencies-container .Residencies-sideline .Residencies-item {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Residencies-container .Residencies-sideline .Residencies-item .Residencies-abbreviation {
  background-color: transparent;
  width: 100%;
  height: 4em;
  margin: 0;
  text-transform: uppercase;
}
.Residencies-container .Residencies-sideline .Residencies-item:hover .Residencies-abbreviation,
.Residencies-container .Residencies-sideline .Residencies-item.active .Residencies-abbreviation {
  background-color: #222 !important;
  color: #fff !important;
}
.Residencies-container .Residencies-sideline .Residencies-item.highlighted .Residencies-abbreviation {
  background-color: #eaeaea;
}
.Residencies-container .Residencies-sideline .Residencies-item.Residencies-selected .Residencies-abbreviation {
  background-color: rgba(0,0,0,0.42);
}
.Residencies-container .Residencies-sideline .Residencies-toIndex {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.Residencies-container .Residencies-sideline .Residencies-toIndex button {
  background-color: transparent;
  margin: 0;
  padding: 1rem;
}
@media (min-width: 2001px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 2.8rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 1.5rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 374px) {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 2.4rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Residencies-container .Residencies-sideline .Residencies-toIndex button {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Residencies-container .Residencies-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  min-width: 0;
}
.Residencies-container .Residencies-content .Residencies-residencies {
  flex: 1;
  margin-left: 5rem;
  border-left: 1px solid #222;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item {
  margin-bottom: 1em;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button {
  align-items: flex-end;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
  flex-direction: column;
  align-items: flex-start;
  border-bottom: none;
}
@media (min-width: 2001px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 500 2.8vw/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 500 2rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media (max-width: 767px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 500 1.6rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
@media print {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link {
    font: 3rem/1 'Helvetica', 'Arial', sans-serif;
  }
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer {
  display: flex;
  align-items: flex-end;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-date {
  background-color: #222;
  color: #fff;
  display: flex;
  padding: 0.2em;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-date.Residencies-from {
  margin-bottom: 0.1em;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-date.Residencies-from:after {
  content: ' –';
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
  display: flex;
  align-items: center;
  background-color: #222;
  color: #fff;
  margin-left: 0.3em;
  padding: 0.3em;
}
@media (min-width: 2001px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button .Residencies-link .Residencies-dateContainer .Residencies-extraLink .fa {
  margin-right: 0.4em;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button:hover .Residencies-link .Residencies-date,
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item button:hover .Residencies-link .Residencies-extraLink {
  background-color: #fff;
  color: #222;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item .Residencies-description {
  margin: 0.5rem 0 0;
  max-width: 680px;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item .Residencies-description .Residencies-name {
  display: inline-block;
  font-weight: 700;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item .Residencies-description .Residencies-name:after {
  content: ':';
  margin-right: 0.3em;
}
.Residencies-container .Residencies-content .Residencies-residencies .Residencies-item .Residencies-link {
  border-bottom: 1px solid #222;
}
#right.min .Residencies-container .Residencies-residencies {
  display: none;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Window-window {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  overflow-y: auto;
}
.Window-window .Window-BG {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Window-window .Window-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(98vw - 32rem);
  max-height: 80vh;
}
.Window-window .Window-content .Window-header {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 1.4rem 0;
  margin-bottom: 0.4em;
  color: #fff;
}
.Window-window .Window-content .Window-videos {
  width: 100%;
  display: flex;
}
.Window-window .Window-content .Window-types {
  display: flex;
  flex-direction: row;
  width: 100%;
  text-align: left;
}
.Window-window .Window-content .Window-types .Window-type {
  flex: 1;
  padding: 1rem 0.3em;
}
.Window-window .Window-content .Window-types .Window-type > .Window-label {
  color: #fff;
  font-weight: 700;
}
.Window-window .Window-content .Window-types .Window-type .Window-record {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  position: relative;
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-link {
  display: flex;
  flex-direction: column;
}
@media (min-width: 2001px) {
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-id,
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
    font: 1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-id,
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-id,
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-id,
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-id,
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-id,
  .Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
    font: 0.9rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-duration {
  bottom: 0.1em;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-label {
  word-wrap: break-word;
  min-height: 2em;
  padding: 0 1em 0.2em 0;
  font-weight: 700;
  font-size: 1.2rem;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-link .Window-thumbnail {
  width: 100% !important;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-prev,
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-next {
  background-color: #fff;
  position: absolute;
  height: 1.6em;
  width: 1.6em;
  right: 0;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-prev:hover,
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-next:hover {
  background-color: #222;
  color: #fff;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-prev {
  top: 0;
}
.Window-window .Window-content .Window-types .Window-type .Window-record .Window-next {
  bottom: 0;
}
.Window-window .Window-content .Window-types .Window-type .Window-record:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 24px 6px rgba(0,0,0,0.24);
  z-index: -1;
}
.Window-window .Window-content .Window-skip {
  background-color: #000;
  color: #fff;
  position: relative;
  border: 1px solid #fff;
  border-radius: 1em;
  z-index: 1;
}
.Window-window .Window-content .Window-skip .fa {
  margin-right: 0.5em;
}
.Window-window .Window-content .Window-skip:hover {
  background-color: #fff;
  color: #222;
}
.Window-window .Window-content .Window-skip.Window-rew {
  margin-bottom: -1em;
}
.Window-window .Window-content .Window-skip.Window-ffwd {
  margin-top: -1em;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Clickable-clickable {
  cursor: pointer;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.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 .Overlay-BG {
  background-color: rgba(0,0,0,0.24);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.2s;
}
.overlay .Overlay-BG.Overlay-minimised {
  background-color: rgba(0,0,0,0);
  pointer-events: none;
}
.overlay .Overlay-BG.Overlay-fixed {
  position: fixed;
}
.overlay .Overlay-container {
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  position: relative;
  bottom: 0%;
  max-height: 90%;
  margin: 2em auto;
  box-shadow: 0 0 24px 6px rgba(0,0,0,0.24);
  transform: translateY(0%);
  transition: bottom 0.2s;
}
.overlay .Overlay-container .Overlay-header,
.overlay .Overlay-container .Overlay-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
}
.overlay .Overlay-container .Overlay-header {
  flex-shrink: 0;
}
.overlay .Overlay-container .Overlay-header >*:first-child {
  flex: 1;
}
.overlay .Overlay-container .Overlay-header .Overlay-close {
  position: absolute;
  justify-self: flex-end;
  right: 0.3em;
  top: 0.3em;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay .Overlay-container .Overlay-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
.overlay .Overlay-container.Overlay-minimised {
  bottom: -50%;
  transform: translateY(-100%);
}
.overlay .Overlay-container.Overlay-minimised .Overlay-header {
  position: relative;
  padding: 1rem;
}
.overlay .Overlay-container.Overlay-minimised .Overlay-header .fa {
  transform: rotate(180deg);
}
.overlay .Overlay-container.Overlay-minimised .Overlay-content {
  display: none;
  overflow-y: hidden;
}
.overlay .Overlay-container.Overlay-minimised .Overlay-footer {
  display: none;
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Impressum-container {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  max-height: 80vh;
}
.Impressum-container .Impressum-info {
  padding: 2rem;
}
@media (min-width: 2001px) {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.7rem/1.4 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.5rem/1.3 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.02em;
    font-weight: 300;
  }
}
@media print {
  .Impressum-container .Impressum-info h3,
  .Impressum-container .Impressum-info p {
    font: 1.2rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
  }
}
.Impressum-container .Impressum-info h3 {
  margin-top: 2em;
  font-weight: bold;
}
.Impressum-container .Impressum-info .nav {
  margin: 1rem 0 2rem;
}
.Impressum-container .Impressum-info .nav a {
  margin-right: 0.3em;
}
@media (min-width: 2001px) {
  .Impressum-container .Impressum-info .nav a {
    font: 1.3rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1751px) and (max-width: 2000px) {
  .Impressum-container .Impressum-info .nav a {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1401px) and (max-width: 1750px) {
  .Impressum-container .Impressum-info .nav a {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .Impressum-container .Impressum-info .nav a {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .Impressum-container .Impressum-info .nav a {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .Impressum-container .Impressum-info .nav a {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
@media print {
  .Impressum-container .Impressum-info .nav a {
    font: 1.1rem/1.2 'Helvetica', 'Arial', sans-serif;
    letter-spacing: 0.03em;
  }
}
:root {
  --swiper-navigation-size: 1.4em;
}
.Werkstattplan-container {
  display: flex;
  flex-direction: column;
  width: 90vw;
  height: 90vh;
  max-width: 2000px;
  max-height: 80vh;
}
.Werkstattplan-container .Werkstattplan-plan {
  flex: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}