@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: None (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

b, strong {
  font-weight: bold; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

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

em, i {
  font-style: italic; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "Avenir Book";
  src: url("fonts/Avenir-Book.ttf"); }

@font-face {
  font-family: "Avenir Heavy";
  src: url("fonts/Avenir-Heavy.ttf"); }

/* FONT CLASSES */
.headerFont, .alert__header, .card .card__header__title, .card .card__body__content__container__title, .idleWarning__title, .idleWarning__countdown, .menu__title, .share__menu__button, .ds__widget__time__date__year, .ds__widget__time__clock, .ds__widget__weather__groupItem--temp, .ds__widget__weather__table td, .__borgloon-screensaver-page__655d2 .ss__title, .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab__title, .__datatafel__dt-map-component__cc6aa .im__info__drawer__title, .im__info__drawer__title, .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab__title {
  font-family: "headerFont"; }

.bodyFont, .alert__body, .button, .idleWarning__description, .button.button--userIdleWarning p, button.languages__button, .ds__widget__time__zone, .ds__widget__time__date, .ds__widget__weather__table th, .OcuDarcula .page.page--im .im__filters .im__filter__category,
.OcuDarcula .page.page--im3d .im__filters .im__filter__category, .OcuDarcula .button, .OcuLight .page.page--im .im__filters .im__filter__category,
.OcuLight .page.page--im3d .im__filters .im__filter__category, .OcuLight .button, .__borgloon-screensaver-page__655d2 .ss__description, .__pointer-popup-component__c1fb9 .pointerPopup__content__pane, .__pointer-popup-component__c1fb9 .pointerPopup__content__description, .__datatafel__dt-map-component__cc6aa .im__info__drawer__description, body, .im__info__drawer__description, .pointerPopup__content__pane, .pointerPopup__content__description {
  font-family: "bodyFont"; }

/* VARIABLES */
/* isa color codes */
/* */
.divider {
  height: 1px;
  width: 100%;
  background: #E3E3E3;
  margin: 2% 0; }

.alert {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 4;
  transform: translate(-50%, -50%); }
  .alert.visible {
    display: block; }

.alert__wrapper {
  position: relative;
  top: 50%;
  left: 50%;
  max-width: 42.5%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  box-sizing: border-box;
  padding: 1.5% 3%;
  background: #E3E3E3; }

.alert__header {
  margin: 1rem 0; }

.alert__body {
  font-size: 1.11rem;
  overflow: hidden;
  height: 80%; }

.alert__text {
  box-sizing: border-box;
  padding-right: 2%;
  height: 75%;
  max-height: 75%;
  overflow-y: auto; }
  .alert__text::-webkit-scrollbar {
    width: 12px; }
  .alert__text::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5); }
  .alert__text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: white; }

.alert__footer {
  height: 10%;
  margin-top: 1rem;
  position: relative; }
  .alert__footer .verticalCenter {
    line-height: 3.5rem;
    vertical-align: middle; }

.alert__buttons {
  width: 100%; }

@media screen and (max-width: 1440px) {
  .alert__wrapper {
    max-width: 60%;
    height: 60%; } }

@media screen and (max-width: 1024px) {
  .alert__wrapper {
    max-width: 75%;
    height: 75%; }
  .alert__text {
    height: 68%; } }

@media screen and (max-width: 800px) {
  .alert__wrapper {
    max-width: 80%; }
  .alert__header {
    margin: 0rem 0; }
  .alert__text {
    height: 65%; } }

@media screen and (max-width: 640px) {
  .alert__wrapper {
    max-width: 85%;
    height: 74%; }
  .alert__text {
    height: 60%; } }

.autoCarousel {
  position: relative;
  margin: 0 auto;
  overflow: hidden; }
  .autoCarousel__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: black;
    transition: all .5s ease-out;
    z-index: 1; }
    .autoCarousel__slide .player__timer {
      position: absolute;
      left: 2%;
      z-index: 10;
      pointer-events: none;
      top: 4%; }
    .autoCarousel__slide img, .autoCarousel__slide video {
      object-position: center center;
      width: 100%;
      height: 100%;
      object-fit: cover;
      margin: 0 0;
      padding: 0 0; }
    .autoCarousel__slide--left {
      transition: all .5s ease-out;
      left: -101%;
      opacity: 0;
      z-index: 0; }
    .autoCarousel__slide--right {
      transition: all .1s;
      left: 101%;
      opacity: 1;
      z-index: 0; }

.background {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  .background__asset {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center; }
    .background__asset--video {
      object-fit: cover; }
  .background__label {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%); }

.Presenter .background {
  overflow: hidden; }

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transform: scale(1);
  border: none;
  background: none;
  outline: none; }
  .button:active {
    transform: scale(0.95);
    outline: none;
    box-shadow: none; }

.card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 6; }
  .card__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 1rem; }
  .card__wrapper {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 90%;
    width: 90%;
    box-sizing: border-box;
    padding: 1.5% 3%; }
  .card .card__header {
    height: auto;
    min-height: 10%; }
    .card .card__header__title {
      text-align: center;
      font-size: 2.4rem; }
    .card .card__header__sub {
      font-size: 2rem;
      text-align: center; }
  .card .card__body {
    height: 80%;
    font-size: 1.6rem; }
    .card .card__body__tabs {
      height: 10%;
      border-color: var(--c-accent); }
      .card .card__body__tabs__title {
        font-size: 2.4rem;
        display: inline-block;
        padding-bottom: 1rem;
        border-bottom: solid 8px;
        margin: 0;
        text-align: center;
        height: 100%;
        text-overflow: ellipsis;
        float: left;
        color: inherit;
        /* four items */ }
        .card .card__body__tabs__title span {
          position: relative;
          top: calc(50% + 0.5rem);
          transform: translateY(-50%);
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%; }
        .card .card__body__tabs__title:first-child:nth-last-child(1) {
          width: 100%; }
        .card .card__body__tabs__title:first-child:nth-last-child(2),
        .card .card__body__tabs__title:first-child:nth-last-child(2) ~ .card__body__tabs__title {
          width: 50%; }
        .card .card__body__tabs__title:first-child:nth-last-child(3),
        .card .card__body__tabs__title:first-child:nth-last-child(3) ~ .card__body__tabs__title {
          width: 33.3333%; }
        .card .card__body__tabs__title:first-child:nth-last-child(4),
        .card .card__body__tabs__title:first-child:nth-last-child(4) ~ .card__body__tabs__title {
          width: 25%; }
        .card .card__body__tabs__title.active {
          border-color: inherit; }
    .card .card__body__content {
      width: 100%;
      box-sizing: border-box;
      height: 96%;
      padding: 5% 0; }
      .card .card__body__content__container {
        position: relative;
        float: left;
        height: 100%;
        width: 50%; }
        .card .card__body__content__container__text {
          box-sizing: border-box;
          padding-right: 2%;
          max-height: 100%;
          overflow-y: auto; }
          .card .card__body__content__container__text p:nth-child(1) {
            margin-top: 0; }
          .card .card__body__content__container__text p:last-child {
            margin-bottom: 0; }
      .card .card__body__content__media {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 48%;
        height: 100%;
        margin: 0 1%;
        box-sizing: border-box; }
        .card .card__body__content__media .carousel {
          width: 100%;
          height: 100%; }
        .card .card__body__content__media .carousel__swiper {
          display: flex;
          flex-direction: column; }
        .card .card__body__content__media .card__slider, .card .card__body__content__media .carousel__swiper, .card .card__body__content__media .swiper-wrapper {
          height: 100%; }
  .card .timer__canvas {
    width: 4rem; }
  .card .timer__label {
    font-size: 0.8rem; }
  @media screen and (max-width: 1440px) {
    .card .card__body {
      font-size: 1.4rem; }
    .card .card__body__tabs__title {
      font-size: 2rem; } }
  @media screen and (max-width: 1280px) {
    .card .card__header__title {
      font-size: 2rem; }
    .card .card__header__sub {
      font-size: 1.4rem; }
    .card .card__body__tabs__title {
      font-size: 1.4rem; } }
  @media screen and (max-width: 1024px) {
    .card .card__close {
      width: 28px;
      height: 28px;
      margin: .8rem; }
    .card .card__body__tabs__title {
      font-size: 1.4rem;
      border-bottom: solid 4px; } }
  @media screen and (max-width: 800px) {
    .card .card__close {
      width: 24px;
      height: 24px;
      margin: .8rem; }
    .card .card__wrapper {
      width: 95%;
      height: 95%; }
    .card .card__header__title {
      font-size: 1rem; }
    .card .card__header__sub {
      font-size: .8rem; }
    .card .card__body__tabs__title {
      font-size: 1rem;
      border-bottom: solid 2px; }
    .card .card__body {
      font-size: 1rem; } }
  @media screen and (max-width: 700px) {
    .card .card__body {
      height: 75%; } }

.card__footer {
  position: relative;
  height: auto;
  min-height: 10%;
  font-size: 1.11rem; }

/* QR code */
.card__footer figure {
  width: 100px;
  height: auto;
  margin-right: 1%; }
  .card__footer figure svg {
    position: relative;
    width: 100%;
    height: auto;
    pointer-events: none; }
    .card__footer figure svg path {
      fill: var(--c-accent); }

/* scroll up/down buttons */
.or__card__scrollButtons {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%; }

.or__card__scrollButton {
  position: absolute;
  width: 30px;
  height: 30px;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-size: 30%; }
  .or__card__scrollButton--up {
    top: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    background-position: 80% 50%;
    transform: rotate(-90deg); }
    .or__card__scrollButton--up:active {
      transform: rotate(-90deg) scale(1); }
  .or__card__scrollButton--down {
    bottom: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    background-position: 80% 50%;
    transform: rotate(90deg); }
    .or__card__scrollButton--down:active {
      transform: rotate(90deg) scale(1); }

.carousel .swiper-wrapper {
  aspect-ratio: 16 / 9; }

.carousel .swiper-button-next {
  outline: none;
  right: 2%; }

.carousel .swiper-button-prev {
  left: 2%; }

.carousel .swiper-pagination-bullet-active {
  outline: none;
  background-color: var(--c-accent); }

.carousel .swiper-pagination {
  position: relative;
  height: 20px; }

/* Custom dropdown */
.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  /* demo only */ }

.dropdown select {
  background-color: #f5f5f5;
  color: #000;
  font-size: inherit;
  padding: 0.5em 2.5em 0.5em 0.5em;
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  /*Hiding the select arrow for firefox*/
  -moz-appearance: none;
  /*Hiding the select arrow for chrome*/
  -webkit-appearance: none;
  /*Hiding the select arrow default implementation*/
  appearance: none; }
  .dropdown select:active, .dropdown select:hover, .dropdown select:focus {
    outline: none; }

/*Hiding the select arrow for IE10*/
.dropdown select::-ms-expand {
  display: none; }

.dropdown::before,
.dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none; }

.dropdown::after {
  /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
  color: rgba(0, 0, 0, 0.6); }

.dropdown::before {
  /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  background: #c5c5c5; }

.dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.25); }

.embed {
  width: 100%;
  height: 100%; }

.embed__iframe {
  width: 100%;
  height: 100%; }

.embed__error {
  width: 100%;
  height: 100%; }

.embed__error__content {
  text-align: center;
  max-width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.embed__error__content h1 {
  font-size: 4rem; }

.page--embed-webview {
  background-color: white; }
  .page--embed-webview.electron {
    z-index: 555; }
  .page--embed-webview h1 {
    color: red;
    text-align: center;
    font-size: 25px;
    position: absolute;
    width: 100%;
    bottom: 10%; }
  .page--embed-webview .button--embed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--c-accent-blend);
    background-color: var(--c-accent); }

:root {
  --fs-position: fixed; }

.Presenter {
  --fs-position: absolute; }

.fullscreen {
  position: var(--fs-position);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 6;
  background-color: black;
  border-radius: var(--application-border-radius); }
  .fullscreen .fullscreen__controls {
    position: var(--fs-position);
    z-index: 9999;
    top: 0;
    right: 0;
    display: inline-block; }
  .fullscreen .fullscreen__content {
    max-width: 100%;
    position: var(--fs-position);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; }
    .fullscreen .fullscreen__content .media__enlarge {
      display: none; }
    .fullscreen .fullscreen__content .swiper-pagination {
      position: absolute;
      bottom: 2.5rem; }
    .fullscreen .fullscreen__content .swiper-pagination-bullet {
      background-color: white; }
    .fullscreen .fullscreen__content:has(div.swiper-slide-active .pdf__controls) .swiper-pagination {
      display: none; }
    .fullscreen .fullscreen__content .pdf__controls {
      margin-bottom: 1.5rem; }
    .fullscreen .fullscreen__content .media__element, .fullscreen .fullscreen__content .media__imageContainer, .fullscreen .fullscreen__content .media__videoContainer, .fullscreen .fullscreen__content .media__audioContainer {
      border-radius: var(--application-border-radius);
      object-fit: contain; }
      .fullscreen .fullscreen__content .media__element video, .fullscreen .fullscreen__content .media__imageContainer video, .fullscreen .fullscreen__content .media__videoContainer video, .fullscreen .fullscreen__content .media__audioContainer video {
        border-radius: var(--application-border-radius); }
    .fullscreen .fullscreen__content caption {
      position: absolute;
      width: calc(100% - 1rem);
      bottom: 0;
      padding: .5rem;
      z-index: 5;
      background-color: black; }
  .fullscreen .fullscreen__control {
    position: var(--fs-position);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    z-index: 4; }
  .fullscreen .fullscreen__control--close {
    top: 4%;
    right: 2%; }
    .fullscreen .fullscreen__control--close:focus, .fullscreen .fullscreen__control--close:active {
      outline: none; }
  .fullscreen .video .video__still {
    position: relative;
    max-height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%); }
    .fullscreen .video .video__still svg {
      fill: white;
      height: 50%; }
  .fullscreen .fullscreen__media {
    width: 100%;
    height: 100%;
    background: black;
    border-radius: var(--application-border-radius); }
  .fullscreen .fullscreen__media--image {
    position: relative;
    background: black; }
    .fullscreen .fullscreen__media--image .media__imageContainer {
      height: 100%; }
  @media screen and (max-width: 800px) {
    .fullscreen .fullscreen__control {
      width: 44px;
      height: 44px; } }

.grid {
  position: relative;
  top: 50%;
  width: 100%;
  height: 80%;
  transform: translateY(-50%);
  overflow-y: auto;
  overflow-x: hidden; }
  .grid::-webkit-scrollbar {
    width: 1em; }
  .grid .grid__wrapper {
    position: relative;
    display: table;
    width: 100%;
    height: 100%; }
  .grid .grid__container {
    display: table-cell;
    text-align: center;
    width: 90%;
    height: 100%;
    vertical-align: middle; }
  @media screen and (max-width: 800px) {
    .grid {
      height: 70%; } }

.gridItem {
  width: 18%;
  margin: 2em;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--c-accent);
  cursor: pointer; }
  .gridItem:after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .gridItem__title, .gridItem__module {
    color: var(--c-accent-blend);
    position: absolute;
    bottom: 18%;
    width: 100%;
    text-align: center;
    white-space: normal;
    height: 12%;
    font-size: 1.33em; }
    .gridItem__title p, .gridItem__module p {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 90%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .gridItem__module {
    bottom: auto;
    top: 12%; }
  .gridItem__image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.16; }
  .gridItem__icon {
    fill: var(--c-accent-blend);
    position: absolute;
    left: 50%;
    bottom: 45%;
    width: 33%;
    height: 33%;
    transform: translateX(-50%);
    border-radius: 50%;
    font-size: 1.66em;
    pointer-events: none; }
    .gridItem__icon svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .gridItem.gridItem--pressable {
    transform: scale(1);
    transition: all 50ms; }
    .gridItem.gridItem--pressable:active {
      transform: scale(0.95);
      transition: all 50ms;
      box-shadow: none; }
  .gridItem--disabled {
    pointer-events: none;
    opacity: .6; }
  @media screen and (max-width: 1280px) {
    .gridItem {
      width: 16%; } }
  @media screen and (max-width: 1024px) {
    .gridItem {
      width: 18%;
      margin: 1em; }
      .gridItem .gridItem__title {
        font-size: 1rem; } }
  @media screen and (max-width: 800px) {
    .gridItem {
      width: 16%; } }

.gridItem--trigger:first-child:last-child {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin: 0;
  padding: 0; }
  .gridItem--trigger:first-child:last-child:active {
    transform: none; }
  .gridItem--trigger:first-child:last-child .gridItem__image {
    border-radius: 0;
    opacity: 1; }
  .gridItem--trigger:first-child:last-child .gridItem__icon, .gridItem--trigger:first-child:last-child .gridItem__title {
    display: none; }

.idleWarning {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.36); }

.idleWarning__container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36%;
  height: 40%;
  text-align: center;
  transform: translate(-50%, -50%); }

.idleWarning__countdown {
  margin-top: 9%; }

.button.button--userIdleWarning {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  display: table;
  background-color: var(--c-accent);
  color: var(--c-accent-blend); }
  .button.button--userIdleWarning p {
    color: var(--c-accent-blend);
    display: table-cell;
    vertical-align: middle; }

@media screen and (max-width: 1280px) {
  .idleWarning__container {
    width: 50%;
    height: 50%; } }

@media screen and (max-width: 1024px) {
  .idleWarning__container {
    width: 80%;
    height: 80%; } }

.keyboard {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: -400px;
  width: 1200px;
  max-width: 80%;
  height: 400px;
  max-height: 50%;
  z-index: 9999; }
  @media screen and (max-height: 800px) {
    .keyboard {
      bottom: -50%; } }
  .keyboard.hide-numbers {
    height: 360px;
    bottom: -360px; }
  .keyboard .keyboard__container {
    background: var(--c-accent-blend);
    position: absolute;
    top: 0;
    pointer-events: none;
    left: 0;
    height: 100%;
    width: 100%;
    transition: top 0.1s linear, width 0.1s linear; }
    .keyboard .keyboard__container.visible {
      pointer-events: all;
      top: -100%; }
    .keyboard .keyboard__container .keyboard__row {
      height: calc(20% - 12px);
      max-width: 100%;
      box-sizing: border-box;
      margin: 10px 0; }
      .keyboard .keyboard__container .keyboard__row.keyboard__row--number .keyboard__key:first-of-type {
        margin-left: 3%; }
      .keyboard .keyboard__container .keyboard__row.keyboard__row--1 .keyboard__key:first-of-type {
        margin-left: 7%; }
      .keyboard .keyboard__container .keyboard__row.keyboard__row--specRow {
        text-align: center;
        margin: 10px auto; }
        .keyboard .keyboard__container .keyboard__row.keyboard__row--specRow .keyboard__key {
          float: left;
          margin: 0 0.66%; }
      .keyboard .keyboard__container .keyboard__row .keyboard__key {
        color: var(--c-accent-blend);
        position: relative;
        display: inline-block;
        height: 100%;
        box-sizing: border-box;
        float: left;
        margin: 0 0.5%;
        width: 7%;
        transform: scale(1);
        background: var(--c-accent); }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--disabled {
          pointer-events: none;
          opacity: 0; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key:active {
          transform: scale(0.85); }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--char.keyboard__key--feedback:active, .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--number.keyboard__key--feedback:active {
          transform: scale(1);
          border: solid 2px blue; }
          .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--char.keyboard__key--feedback:active span, .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--number.keyboard__key--feedback:active span {
            display: none; }
          .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--char.keyboard__key--feedback:active:before, .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--number.keyboard__key--feedback:active:before {
            position: absolute;
            text-align: center;
            top: -100%;
            left: -2px;
            width: 100%;
            height: 50%;
            font-size: 1.2rem;
            padding: 25% 0;
            content: attr(data-content);
            color: inherit;
            border: inherit;
            border-bottom: none;
            background: inherit; }
          .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--char.keyboard__key--feedback:active.keyboard__key--uppercase:before, .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--number.keyboard__key--feedback:active.keyboard__key--uppercase:before {
            text-transform: uppercase; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--backspace {
          width: 16%;
          margin: 0 0 0 1%; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--space {
          width: 50%;
          margin-left: 20%; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--caps {
          width: 9%; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--submit, .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--clear {
          float: right; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--enter {
          width: 12%;
          margin: 0 0 0 1%; }
          .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--enter span {
            top: auto;
            bottom: -25%;
            left: 60%;
            font-size: 3rem;
            z-index: 3;
            transform: translate(-50%, 0); }
          .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--enter:after {
            content: '';
            position: absolute;
            height: calc(100% + 10px);
            width: 71%;
            background: inherit;
            right: 0;
            border-top: none;
            top: 100%; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--entersmall span {
          font-size: 3rem;
          font-weight: bold; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--shift {
          margin: 0 4.5% 0 0.5%; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--shift, .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--caps {
          font-size: 1.6rem; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key span {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          pointer-events: none;
          transform: translate(-50%, -50%);
          color: var(--c-accent-blend); }
          .keyboard .keyboard__container .keyboard__row .keyboard__key span.bold {
            font-weight: bold;
            font-size: 2rem; }
          .keyboard .keyboard__container .keyboard__row .keyboard__key span i {
            font-size: 2rem; }
        .keyboard .keyboard__container .keyboard__row .keyboard__key.keyboard__key--uppercase span {
          text-transform: uppercase; }
    .keyboard .keyboard__container.keyboard__container--numeric {
      left: 50%;
      transform: translateX(-50%);
      width: 33%; }
      .keyboard .keyboard__container.keyboard__container--numeric .keyboard__row {
        margin: 10px auto;
        text-align: center; }
        .keyboard .keyboard__container.keyboard__container--numeric .keyboard__row .keyboard__key {
          width: 20%;
          margin: 0 1.5%;
          float: none; }

ul.languages {
  margin: 0;
  padding: 0;
  overflow: hidden; }

li.languages__listItem {
  display: inline-block;
  float: none; }

button.languages__button {
  cursor: pointer;
  color: inherit;
  pointer-events: all; }

.loginConfirmation {
  position: absolute;
  z-index: 1000;
  /* */ }
  .loginConfirmation.loginConfirmation--topLeft {
    left: 0;
    top: 0; }
  .loginConfirmation.loginConfirmation--topRight {
    right: 0;
    top: 0; }
  .loginConfirmation.loginConfirmation--bottomLeft {
    bottom: 0;
    left: 0; }
  .loginConfirmation.loginConfirmation--bottomRight {
    bottom: 0;
    right: 0; }
  .loginConfirmation .loginConfirmation__title {
    color: #737373;
    font-size: 1.11em;
    margin: 4px 0;
    line-height: 1.2rem;
    text-align: center; }
  .loginConfirmation .loginConfirmation__icon {
    float: left;
    font-size: 5.22em;
    text-align: center;
    transform: none;
    position: relative;
    top: 0;
    left: 0; }
    .loginConfirmation .loginConfirmation__icon svg {
      color: #737373; }
  .loginConfirmation .loginConfirmation__actions {
    float: left; }
  .loginConfirmation .loginConfirmation__button {
    background: #737373;
    border-radius: 10px;
    height: 35px;
    margin: 10px 10px 10px 0;
    transform: scale(1);
    width: 200px; }
    .loginConfirmation .loginConfirmation__button:active {
      transform: scale(0.9); }
  .loginConfirmation .loginConfirmation__buttonText {
    font-size: 1em;
    line-height: 35px;
    text-align: center;
    vertical-align: middle; }
    .loginConfirmation .loginConfirmation__buttonText span {
      color: white; }

.media {
  outline: none;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column; }
  .media caption {
    margin: .5rem 0 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1.1rem;
    font-family: "bodyFont"; }
  .media__placeholder {
    background-color: var(--c-accent);
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none; }
  .media .media__wrapper {
    width: inherit;
    height: inherit;
    display: block; }
  .media .media__element, .media .media__imageContainer, .media .media__videoContainer, .media .media__audioContainer {
    width: 100%;
    height: 100%;
    object-fit: cover; }
    .media .media__element video, .media .media__imageContainer video, .media .media__videoContainer video, .media .media__audioContainer video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }
    .media .media__element__still video, .media .media__imageContainer__still video, .media .media__videoContainer__still video, .media .media__audioContainer__still video {
      pointer-events: none;
      object-fit: contain;
      width: 100%;
      height: 100%; }
    .media .media__element__still svg, .media .media__imageContainer__still svg, .media .media__videoContainer__still svg, .media .media__audioContainer__still svg {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: inherit;
      opacity: 0.4; }
  .media .media__videoContainer {
    background: black; }
  .media .media__documentContainer {
    width: 100%;
    height: 100%; }
  .media .media__enlarge {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 4;
    top: 2%;
    right: 2%;
    color: white; }
    .media .media__enlarge svg {
      width: 100%;
      height: 100%; }
    .media .media__enlarge:focus, .media .media__enlarge:active {
      outline: none; }
  .media .media__element__button {
    position: absolute;
    left: 20%;
    width: 60%;
    height: 100%;
    z-index: 1; }

.media:has(div.media__el--audio) .media__enlarge svg,
.media:has(div.pdf) .media__enlarge svg {
  color: black; }

@media screen and (max-width: 1024px) {
  .media .media__enlarge {
    width: 30px;
    height: 30px; } }

.menu {
  position: absolute;
  height: 10%;
  max-height: 10%;
  width: 33.33%;
  max-width: 33.33%;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
  pointer-events: none; }

.menu__content {
  width: 100%;
  height: 100%; }

.menu--top {
  top: 0; }

.menu--bottom {
  bottom: 0; }

.menu--left {
  left: 0;
  text-align: left; }
  .menu--left .menu__title {
    padding-left: 5%; }
  .menu--left .languages--menu {
    left: 5%; }
  .menu--left .button.menu__button {
    margin-left: 2em; }
  .menu--left .menu__logo {
    left: 5%; }

.menu--right {
  right: 0;
  text-align: right; }
  .menu--right .menu__title {
    padding-right: 5%; }
  .menu--right .languages--menu {
    right: 5%; }
  .menu--right .button.menu__button {
    right: 2em; }
    .menu--right .button.menu__button .menu__button__icon__wrapper {
      float: right; }
  .menu--right .menu__logo {
    right: 5%; }

.menu--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center; }
  .menu--center .languages--menu {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .menu--center .button.menu__button {
    left: 50%;
    transform: translate(-50%, -50%); }
  .menu--center .menu__logo {
    left: 50%;
    transform: translate(-50%, -50%); }

/* TODO: use flex for all menu elements to make it simpler */
.menu--breadcrumb {
  width: 50%;
  max-width: 50%; }
  .menu--breadcrumb.menu--left .menu__content {
    justify-content: flex-start; }
  .menu--breadcrumb.menu--left .button.menu__button,
  .menu--breadcrumb.menu--left ul.menu__breadcrumbs {
    margin-left: 2em; }
  .menu--breadcrumb.menu--center .menu__content {
    justify-content: center; }
  .menu--breadcrumb.menu--center ul.menu__breadcrumbs {
    margin-left: 2em; }
  .menu--breadcrumb.menu--right .menu__content {
    justify-content: flex-end; }
  .menu--breadcrumb.menu--right ul.menu__breadcrumbs {
    margin: 0 2em; }
  .menu--breadcrumb .menu__content {
    display: flex;
    align-items: center; }
  .menu--breadcrumb .button.menu__button,
  .menu--breadcrumb ul.menu__breadcrumbs {
    position: static;
    transform: none; }

.menu--breadcrumb,
.menu--languages,
.menu--back,
.menu--home {
  z-index: 5; }

.menu__logo {
  position: absolute;
  top: 50%;
  height: 90%;
  width: auto;
  transform: translateY(-50%); }

.menu__title {
  font-size: 1.4em;
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* */
.languages--menu {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

/* */
/* buttons */
.button.menu__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 60px;
  line-height: 60px;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background: none;
  display: block;
  pointer-events: all;
  cursor: pointer; }

.menu__button__icon__wrapper {
  float: left;
  width: 40px;
  height: 40px;
  background: none;
  text-align: center;
  position: relative; }
  .menu__button__icon__wrapper .menu__button__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.38em; }

.menu__button__label {
  float: left;
  padding: 0 0 0 15%; }

/* breadcrumbs */
ul.menu__breadcrumbs {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  list-style: none;
  pointer-events: all; }

ul.menu__breadcrumbs li + li:before {
  padding: 0.5em;
  content: "/\00a0"; }

ul.menu__breadcrumbs li {
  display: inline;
  font-size: 1em;
  margin: 0 0;
  padding: 0 0; }
  ul.menu__breadcrumbs li .menu__breadcrumb__item__label {
    border-color: var(--c-accent);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-decoration: none;
    cursor: pointer; }
  ul.menu__breadcrumbs li:first-child {
    margin-left: 0.5em; }

.menu__breadcrumb__item:last-child {
  pointer-events: none; }
  .menu__breadcrumb__item:last-child .menu__breadcrumb__item__label {
    border-bottom: 1px solid transparent; }

/* reachability */
.menu--reachability {
  pointer-events: initial; }
  .menu--reachability .menu__content {
    display: flex;
    justify-content: center; }

@media screen and (orientation: landscape) {
  .menu--reachability {
    display: none; } }

.menu__button--reachability {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  font-size: 1rem; }

.or__tag__arc__svg {
  position: absolute;
  top: 55%;
  left: 45%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 100%;
  overflow: visible;
  pointer-events: none; }

@keyframes dash {
  to {
    stroke-dashoffset: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.or__tag {
  position: absolute;
  opacity: 1;
  border-radius: 50%;
  background: #2E2E2E;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-property: transform, opacity;
  -ms-touch-action: none;
  touch-action: none;
  user-select: none; }

/* or__tag modifiers */
.or__tag--hidden {
  opacity: 0;
  transition: opacity 0.1s ease-in-out; }

.or__tag--hidden .or__tag__card {
  opacity: 0;
  transition: opacity 0s !important;
  transition-delay: 0s !important;
  width: 0;
  height: 0; }

.or__tag--small.or__tag--small {
  width: 150px;
  height: 150px;
  margin-left: calc(-150px / 2);
  margin-top: calc(-150px / 2); }

.or__tag--small .or__tag__button {
  width: 114px;
  height: 92px; }
  .or__tag--small .or__tag__button:nth-child(1) {
    margin-left: 60px;
    margin-top: -78px; }
  .or__tag--small .or__tag__button:nth-child(2) {
    margin-left: 93px;
    margin-top: 33px;
    transform: translate(-50%, -50%) rotate(72deg); }
  .or__tag--small .or__tag__button:nth-child(3) {
    margin-left: -2px;
    margin-top: 98px;
    transform: translate(-50%, -50%) rotate(144deg); }
  .or__tag--small .or__tag__button:nth-child(4) {
    margin-left: -95px;
    margin-top: 28px;
    transform: translate(-50%, -50%) rotate(216deg); }
  .or__tag--small .or__tag__button:nth-child(5) {
    margin-left: -55px;
    margin-top: -82px;
    transform: translate(-50%, -50%) rotate(-72deg); }

.or__tag--small .or__tag__border {
  width: 275px;
  height: 275px; }

.or__tag--medium.or__tag--medium {
  width: 200px;
  height: 200px;
  margin-left: calc(-200px / 2);
  margin-top: calc(-200px / 2); }

.or__tag--medium .or__tag__button {
  width: 142px;
  height: 115px; }
  .or__tag--medium .or__tag__button:nth-child(1) {
    margin-left: 74px;
    margin-top: -97px; }
  .or__tag--medium .or__tag__button:nth-child(2) {
    margin-left: 115px;
    margin-top: 40px;
    transform: translate(-50%, -50%) rotate(72deg); }
  .or__tag--medium .or__tag__button:nth-child(3) {
    margin-left: -3px;
    margin-top: 121px;
    transform: translate(-50%, -50%) rotate(144deg); }
  .or__tag--medium .or__tag__button:nth-child(4) {
    margin-left: -117px;
    margin-top: 34px;
    transform: translate(-50%, -50%) rotate(216deg); }
  .or__tag--medium .or__tag__button:nth-child(5) {
    margin-left: -68px;
    margin-top: -101px;
    transform: translate(-50%, -50%) rotate(-72deg); }

.or__tag--medium .or__tag__border {
  width: 340px;
  height: 340px; }

.or__tag--large.or__tag--large {
  width: 270px;
  height: 270px;
  margin-left: calc(-270px / 2);
  margin-top: calc(-270px / 2); }

.or__tag--large .or__tag__button {
  width: 206px;
  height: 167.34px; }
  .or__tag--large .or__tag__button:nth-child(1) {
    margin-left: 107px;
    margin-top: -140px; }
  .or__tag--large .or__tag__button:nth-child(2) {
    margin-left: 166px;
    margin-top: 59px;
    transform: translate(-50%, -50%) rotate(72deg); }
  .or__tag--large .or__tag__button:nth-child(3) {
    margin-left: -5px;
    margin-top: 175px;
    transform: translate(-50%, -50%) rotate(144deg); }
  .or__tag--large .or__tag__button:nth-child(4) {
    margin-left: -170px;
    margin-top: 49px;
    transform: translate(-50%, -50%) rotate(216deg); }
  .or__tag--large .or__tag__button:nth-child(5) {
    margin-left: -101px;
    margin-top: -146px;
    transform: translate(-50%, -50%) rotate(-72deg); }

.or__tag--large .or__tag__border {
  width: 490px;
  height: 490px; }

.or__tag--web {
  transition: none; }
  .or__tag--web:nth-child(1) {
    bottom: 2%;
    left: 12%; }
  .or__tag--web:nth-child(2) {
    bottom: 2%;
    left: 36%; }
  .or__tag--web:nth-child(3) {
    bottom: 2%;
    left: 60%; }
  .or__tag--web:nth-child(4) {
    bottom: 2%;
    left: 86%; }
  .or__tag--web:nth-child(5) {
    bottom: 44%;
    left: 12%; }
  .or__tag--web:nth-child(6) {
    bottom: 44%;
    left: 36%; }
  .or__tag--web:nth-child(7) {
    bottom: 44%;
    left: 60%; }
  .or__tag--web:nth-child(8) {
    bottom: 44%;
    left: 86%; }

/* or tag content */
.or__tag__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 70%;
  margin: 15% 15%;
  border-radius: 50%;
  background: white;
  z-index: 1; }

.or__tag__content__thumbnail {
  position: relative;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  border-radius: 50%; }

.or__tag__rotator {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 0; }

.or__tag__arrow {
  position: absolute;
  top: -24px;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  margin-left: -10px;
  margin-top: 10px; }

.svg_test {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
  height: auto;
  z-index: 1;
  display: none; }

.or__tag__border {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  object-fit: contain;
  pointer-events: none; }

.or__tag__buttons {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.or__tag__button {
  position: absolute;
  overflow: hidden;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border: none;
  outline: none;
  padding: 0 0; }
  .or__tag__button:active {
    transform: translate(-50%, -50%); }

.or__tag__button--opened {
  pointer-events: none; }

.or__tag__button--empty {
  opacity: 1;
  pointer-events: none; }

.or__tag__button--opened .or__tag__arc__text textPath {
  fill: white; }

/* or card */
.or__card {
  position: absolute;
  top: calc(-32vh + (-70px));
  left: 50%;
  width: 18vw;
  min-height: 32vh;
  z-index: 50;
  -ms-touch-action: none;
  touch-action: none;
  user-select: none; }

.or__card .card__wrapper {
  width: 18vw;
  min-height: 32vh;
  padding: 4% 4%; }

.or__card__colorTag {
  position: absolute;
  top: 9px;
  left: 1px;
  width: 20px;
  height: 20px; }

.or__card .card__close.button {
  width: 30px;
  height: 30px;
  margin: 1% 1%; }

.or__card .card__header {
  width: 90%; }

.or__card .card__header__title {
  text-align: left;
  font-size: 1em;
  line-height: 1em; }

.or__card .card__header__sub {
  text-align: left;
  font-size: .8em;
  margin-top: 0.4em; }

.or__card .card__body {
  width: 100%;
  height: 78%; }

.or__card .card__body__tabs {
  width: 100%;
  display: flex;
  height: initial;
  margin: 1% 0; }

.or__card .card__body__tabs__title {
  font-size: .6em;
  opacity: .33;
  border-bottom: 1px solid !important;
  padding: 0;
  margin: 1% 0; }
  .or__card .card__body__tabs__title.active {
    opacity: 1;
    color: var(--c-accent); }
  .or__card .card__body__tabs__title span {
    position: relative;
    top: 0;
    transform: none;
    padding: 0 2%; }

.or__card .card__body__content {
  font-size: .5em;
  position: relative;
  margin: 0;
  padding: 2% 0 0 0;
  height: 80%; }

.or__card .card__body__content__container {
  width: 100%;
  float: none; }

.or__card .card__body__content__container__text {
  overflow-y: hidden;
  width: calc(100% - 30px); }

.or__card .card__body__content__media {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  transform: none; }
  .or__card .card__body__content__media .swiper-button-next, .or__card .card__body__content__media .swiper-button-prev {
    display: none; }
  .or__card .card__body__content__media .media__placeholder, .or__card .card__body__content__media .video__control {
    height: 44px;
    width: 44px; }

.or__card .card__footer {
  height: 10%;
  font-size: 0.6em; }

.or__card .queries__container {
  z-index: 1; }

/* card small */
.or__card--small .card__body__content__container {
  height: 100%; }

.or__card--small .card__body__content__media {
  display: none; }

/* card wide */
.or__card--wide {
  top: calc(-40vh + (-70px));
  width: 20vw;
  height: 40vh; }

.or__card--wide .card__wrapper {
  width: 20vw;
  height: 40vh; }

.or__card--wide .card__body__content__container {
  width: 100%;
  height: 50%; }

.or__card--wide .card__body__content__media {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 50%;
  display: block;
  transform: none;
  margin: 4% 0 0 0; }

.or__card--wide .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0; }

.or__card .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0 2px; }

@keyframes cursorBlink {
  0% {
    border-right: 0.5px solid white; }
  50% {
    border-right: 0.5px solid transparent; }
  100% {
    border-right: 0.5px solid white; } }

.pdf {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }

.pdf__placeholder {
  position: relative;
  height: 100%;
  width: 100%; }
  .pdf__placeholder svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--c-accent); }

.pdf__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: auto;
  overflow-y: auto; }
  .pdf__wrapper .pdf__viewer {
    width: 100%;
    height: 100%; }
    .pdf__wrapper .pdf__viewer canvas {
      display: block;
      margin: 0 auto !important; }
  .pdf__wrapper .annotations button {
    pointer-events: all; }
  .pdf__wrapper::-webkit-scrollbar {
    display: none; }

.pdf__controls {
  width: 100%;
  margin-bottom: 0.8rem;
  padding: 1rem 0;
  background: black;
  text-align: center;
  z-index: 2; }
  .pdf__controls__counter {
    display: inline-block;
    vertical-align: middle; }
    .pdf__controls__counter .page__input {
      background: transparent;
      width: 3rem;
      border: none;
      color: white;
      font-size: inherit;
      font-family: bodyFont;
      text-align: end;
      caret-color: transparent; }
      .pdf__controls__counter .page__input.onePage {
        animation: none; }
      .pdf__controls__counter .page__input::-webkit-inner-spin-button, .pdf__controls__counter .page__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .pdf__controls__counter .page__input::placeholder {
        color: white;
        opacity: .5; }
      .pdf__controls__counter .page__input::-ms-input-placeholder {
        color: white;
        opacity: 1; }
  .pdf__controls__zoom {
    margin: 0 0 0 1rem;
    display: inline-block; }
  .pdf__controls__btn {
    border-radius: 50%;
    background: white;
    height: 2rem;
    width: 2rem;
    margin: 0 0.5rem;
    display: inline-block;
    vertical-align: middle; }
    .pdf__controls__btn--next {
      margin-right: 1rem; }
    .pdf__controls__btn svg {
      height: 100%;
      color: black; }

.keyboard--pdf {
  position: absolute; }
  .keyboard--pdf .keyboard__container.visible {
    top: -120%; }

.annotations {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.annotations button {
  position: absolute;
  border: none;
  background: transparent;
  opacity: 0.1;
  display: block; }

.disableArrowButton {
  pointer-events: none;
  opacity: 0.5; }

.pdfArrowButtons {
  display: inline-block; }

.inputBlinkAnimation {
  animation: cursorBlink 2s infinite; }

.pointer {
  position: absolute;
  width: fit-content;
  height: fit-content;
  transform: translate(-50%, -100%);
  cursor: pointer;
  line-height: 0; }

.pointer.visited {
  opacity: 0.55; }

.pointer__dropImage {
  background-size: cover;
  width: fit-content;
  height: fit-content;
  max-width: none; }

.qrScan__canvas {
  position: absolute;
  z-index: 5;
  transform: translate(-50%, -50%);
  width: 60%;
  top: 50%;
  left: 50%; }

.queries__container {
  display: inline-block;
  position: absolute;
  min-width: 200px;
  max-width: 480px;
  right: 12px;
  bottom: 12px;
  padding: 12px;
  border-radius: 24px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4), -4px -4px 0px var(--c-accent); }

.queries__title {
  padding-bottom: 10px;
  padding-right: 24px;
  font-weight: 500; }
  .queries__title .queries__close--small {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 14px;
    height: 14px;
    margin: 6px; }

.queries__rank__list {
  display: block;
  list-style: none;
  margin-left: -12px; }

.queries__rank__item {
  display: inline-block;
  height: 48px;
  width: 48px;
  margin: 0 12px;
  cursor: pointer; }
  .queries__rank__item img {
    height: 100%;
    width: 100%; }

.OcuDarcula {
  --quiz-bg: #2b2b2b;
  --quiz-bg-answer: #ddd; }

.OcuLight {
  --quiz-bg: #fff;
  --quiz-bg-answer: transparent;
  --quiz-border: #ddd; }

.quiz {
  display: inline-block;
  position: absolute;
  min-width: 200px;
  max-width: 480px;
  right: 12px;
  bottom: 12px;
  padding: 12px;
  border-radius: 24px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4), -4px -4px 0px var(--c-accent);
  background: var(--quiz-bg); }

.quiz h2 {
  padding-bottom: 10px;
  padding-right: 24px;
  font-weight: bold; }

.quiz .quiz__close {
  margin: 12px; }

.quiz form {
  margin: 0.5rem 0; }

.quiz__answer {
  cursor: pointer;
  min-height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .quiz__answer label {
    display: inline-block;
    padding-left: 2rem;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .quiz__answer label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border: 2px solid var(--quiz-border);
      border-radius: 4px;
      background-color: var(--quiz-bg-answer); }

.quiz__answer input:checked + label:before {
  background-color: var(--c-accent); }

.quiz .button--quiz {
  margin: 1rem 0 0;
  background: var(--c-accent);
  color: var(--c-accent-blend); }

/* quiz answered */
.quiz__answer.correct input:checked + label:before,
.quiz__answer.correct label:before {
  background-color: #4F8A10; }

.quiz__answer.wrong input:checked + label:before,
.quiz__answer.wrong label:before {
  background-color: #D8000C; }

.quiz__answer.missedWrong label,
.quiz__answer.missedCorrect label {
  opacity: 0.5; }

.quiz__answer.missedCorrect input:checked + label:before,
.quiz__answer.missedCorrect label:before {
  background-color: #4F8A10; }

.quiz__answer.missedWrong input:checked + label:before,
.quiz__answer.missedWrong label:before {
  background-color: #FFBABA; }

.share__output__asset .info {
  font-size: 2px;
  color: white; }

.share__output__asset .pointerPopup {
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%) scale(1.5); }

.share__output__asset .page--im3d .im3d__popup {
  right: initial;
  left: 50%;
  transform: translateX(-50%); }

.fullscreen.asset__fullscreen {
  position: absolute; }
  .fullscreen.asset__fullscreen .fullscreen__content {
    position: relative; }

.share__output__asset .fullscreen .fullscreen__controls,
.share__output__asset .pdf__controls {
  display: none; }

@media screen and (orientation: portrait) {
  .share__output__asset .card {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 32vh; } }

.share__menu {
  position: absolute;
  bottom: 1em;
  left: 1em;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  z-index: 99;
  -ms-touch-action: none;
  touch-action: none;
  user-select: none; }

.share__menu--hidden {
  pointer-events: none;
  display: none; }

.share__menu__content {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--c-accent);
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: relative; }

.share__menu__content__arrow {
  position: absolute;
  width: 5px;
  height: 3px;
  margin-left: -2.5px; }
  .share__menu__content__arrow--1 {
    top: 5px;
    left: 50%; }
  .share__menu__content__arrow--2 {
    top: 50%;
    right: 5px;
    transform: rotate(90deg); }
  .share__menu__content__arrow--3 {
    top: calc(100% - 5px);
    left: 50%;
    transform: rotate(180deg); }
  .share__menu__content__arrow--4 {
    top: 50%;
    left: 5px;
    transform: rotate(-90deg); }

.share__menu__button {
  background: none;
  outline: none;
  border: none;
  color: var(--c-accent-blend);
  text-transform: uppercase;
  font-weight: bold; }

.share__menu__content__sharing {
  position: absolute;
  bottom: -16%;
  right: -12%;
  width: 75px;
  height: 75px; }
  .share__menu__content__sharing img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    object-position: center center; }

/* */
.share__menu__optionsContainer {
  position: absolute;
  bottom: 50%;
  left: 76%;
  width: 430px;
  height: 480px;
  box-sizing: border-box;
  padding: 20px 0 20px 40px;
  background: white;
  border: 1px solid #DEDEDE;
  z-index: -1;
  color: black; }

.share__menu__optionsContainer__close {
  margin: 0 5px 0 0;
  width: 30px;
  height: 30px; }

.share__menu__options__header {
  height: 30px;
  margin-right: 40px;
  border-bottom: 2px solid grey; }
  .share__menu__options__header > div {
    display: inline-block; }
  .share__menu__options__header div:last-child {
    float: right;
    padding-right: 15px; }

.share__menu__options__empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center; }
  .share__menu__options__empty__button {
    margin: 10px 0;
    padding: 4px 20px;
    background: var(--c-accent);
    color: var(--c-accent-blend); }

.share__menu__options {
  margin: 10px 14px 0 0px;
  height: 380px;
  max-height: 380px;
  overflow-y: auto;
  overflow-x: hidden; }

.share__menu__option {
  position: relative;
  margin: 20px 14px 0 0; }
  .share__menu__option:first-child {
    margin: 0 14px 20px 0; }

.share__menu__option__sharing {
  position: absolute;
  right: 25px;
  height: 44px;
  width: 44px;
  padding: 0;
  margin: 0;
  background: none;
  outline: none;
  border: none; }
  .share__menu__option__sharing img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    object-position: center center; }

.share__menu__option__name--limit, .share__menu__option__name p, .share__menu__option__sub p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 44px;
  line-height: 44px;
  max-width: 80%;
  display: inline-block; }

.share__menu__option__name {
  height: 44px;
  line-height: 44px;
  vertical-align: middle;
  padding-left: 5px;
  font-weight: bold;
  background: #F5F5F5; }

.share__menu__option__subs {
  margin: 10px 0 10px 25px; }

.share__menu__option__sub {
  position: relative;
  height: 44px;
  line-height: 44px;
  vertical-align: middle;
  padding: 0 5px; }
  .share__menu__option__sub:nth-child(even) {
    background: #F5F5F5; }
  .share__menu__option__sub .share__menu__option__sharing {
    position: absolute;
    right: 25px;
    margin: 0;
    padding: 0;
    background: none;
    outline: none;
    border: none; }

.share__menu__option__sub.disabled {
  pointer-events: none;
  opacity: 0.25; }

.share__menu__option__name.active, .share__menu__option__sub.active {
  background: var(--c-accent) !important;
  color: var(--c-accent-blend); }

.share__menu__loader {
  position: relative;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -45px;
  border: 5px solid #406EEA;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #2C2B2B;
  border-radius: 50%;
  width: 40px;
  height: 40px; }

/* OR module */
.share__menu--physical .share__menu__content__arrow {
  display: none; }

.share__output {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #1E1E1E; }

.share__output--hidden {
  display: none; }

.share__screen {
  position: absolute; }

.ds__widget__logo__image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center; }

.ds__widget__ticker__messages {
  width: 100%;
  height: 100%; }

.ds__widget__ticker__message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: opacity 100ms; }
  .ds__widget__ticker__message--hidden {
    opacity: 0;
    display: none;
    transition: opacity 100ms; }
  .ds__widget__ticker__message p {
    font-size: 1.25em; }

.ds__widget__time__content {
  position: absolute;
  bottom: 0; }

.ds__widget__time__zone {
  font-size: 0.75em; }

.ds__widget__time__date {
  font-size: 1em;
  text-align: left; }

.ds__widget__time__date__year {
  font-weight: bold;
  text-align: left; }

.ds__widget__time__clock {
  font-size: 3vw;
  color: var(--c-accent);
  text-align: left; }

.ds__widget__weather__location {
  position: absolute;
  right: 2em;
  height: auto;
  border-radius: 5px;
  padding: 0.625em 0.625em;
  font-size: 0.625em;
  text-align: center; }
  .ds__widget__weather__location p {
    line-height: 1.25em;
    vertical-align: middle; }
    .ds__widget__weather__location p span {
      margin-right: 5px; }

.ds__widget__weather__group {
  position: relative;
  float: left; }

.ds__widget__weather__groupItem {
  float: left; }
  .ds__widget__weather__groupItem--icon {
    width: 40%;
    height: 100%;
    padding: 5% 5% 5% 0;
    box-sizing: border-box; }
    .ds__widget__weather__groupItem--icon svg {
      max-width: 100%;
      max-height: 100%; }
  .ds__widget__weather__groupItem--temp {
    width: 60%;
    float: right; }

.ds__widget__weather__groupItem--temp {
  position: relative;
  top: 60%;
  transform: translateY(-50%);
  font-size: 2.5vw; }
  .ds__widget__weather__groupItem--temp span {
    vertical-align: super;
    font-size: 2vw;
    color: #2F2F2F;
    opacity: 0.27; }

.ds__widget__weather__table {
  width: 100%;
  text-align: left; }
  .ds__widget__weather__table th {
    color: rgba(0, 0, 0, 0.34);
    font-size: 0.8em; }
  .ds__widget__weather__table td {
    color: #2f2f2f;
    font-size: 1.2em; }
  .ds__widget__weather__table .spacing {
    padding: 0.125em 0; }

.ds__widget__weather__text {
  position: relative;
  margin-top: 10%;
  text-align: center; }

.ds__widget__weather__error {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  font-size: 1.5em; }
  .ds__widget__weather__error > div {
    display: table-cell;
    vertical-align: middle; }
    .ds__widget__weather__error > div svg {
      height: 45%; }

.ds__widget__weather__icon {
  width: 100px;
  height: 100px; }

.timer {
  position: relative;
  display: inline-block; }
  .timer__canvas {
    transform: translate(0.5px, 0.5px);
    width: 7.2em; }
  .timer__label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 100%;
    text-align: center;
    font-size: 1.11em;
    text-shadow: 0px 0px 10px black; }

.video {
  background: transparent;
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit; }
  .video .video__timer {
    position: absolute;
    left: 2%;
    z-index: 4;
    pointer-events: none;
    top: 4%; }
  .video .video__controls {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; }
  .video .video__controls__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: center; }
  .video .video__control {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: relative;
    top: 50%;
    display: inline-block;
    background: none;
    border: none;
    margin: 0 20px;
    padding: 0;
    transform: translateY(-50%); }
    .video .video__control:active, .video .video__control:focus {
      outline: none; }
  .video .video__still {
    width: inherit;
    height: inherit; }
    .video .video__still svg {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: inherit;
      opacity: 0.4; }
  .video .media__el__button {
    position: absolute;
    left: 20%;
    width: 60%;
    height: 100%;
    z-index: 1; }
  .video .media__el {
    width: 100%;
    height: 100%; }

.page {
  position: absolute;
  width: 100%;
  height: 100%; }

.page--embed {
  overflow: hidden; }

/* imports page-components */
.OcuDarcula {
  background: #2C2B2B;
  color: #ffffff;
  /* components */
  /* button component */
  /* grid component */
  /* menu component */
  /* video component */
  /* component */ }
  .OcuDarcula *::-webkit-scrollbar {
    width: 12px;
    height: 12px; }
  .OcuDarcula *::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #313131; }
  .OcuDarcula *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #272727; }
  .OcuDarcula a {
    color: #ffffff; }
  .OcuDarcula .icon--svg {
    fill: inherit;
    padding: 0;
    margin: 0; }
  .OcuDarcula .bg-theme {
    background-color: #2C2B2B; }
  .OcuDarcula .page.page--ss {
    text-align: center;
    position: absolute; }
    .OcuDarcula .page.page--ss .ss__title {
      font-size: 3em; }
    .OcuDarcula .page.page--ss .ss__description {
      padding: 1.11rem;
      font-size: 2.22em; }
    .OcuDarcula .page.page--ss .ss__languageContainer {
      position: absolute;
      bottom: 18.5%;
      left: 50%;
      width: 25%;
      transform: translateX(-50%); }
  .OcuDarcula .page.page--im .im__navigation__container__item,
  .OcuDarcula .page.page--im3d .im__navigation__container__item {
    border-radius: 22px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #2C2B2B;
    border-width: 3px;
    border-left-width: 0;
    border-style: solid; }
    .OcuDarcula .page.page--im .im__navigation__container__item:not(.im__navigation__container__item--active),
    .OcuDarcula .page.page--im3d .im__navigation__container__item:not(.im__navigation__container__item--active) {
      border-color: transparent; }
    .OcuDarcula .page.page--im .im__navigation__container__item img,
    .OcuDarcula .page.page--im3d .im__navigation__container__item img {
      border-radius: 22px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .OcuDarcula .page.page--im .pointerPopup,
  .OcuDarcula .page.page--im3d .pointerPopup {
    background: #413F3F;
    border-radius: 18px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
    .OcuDarcula .page.page--im .pointerPopup .pointerPopup__header__button--close, .OcuDarcula .page.page--im .pointerPopup .pointerPopup__header__button--reset,
    .OcuDarcula .page.page--im3d .pointerPopup .pointerPopup__header__button--close,
    .OcuDarcula .page.page--im3d .pointerPopup .pointerPopup__header__button--reset {
      fill: #e3e3e3; }
    .OcuDarcula .page.page--im .pointerPopup .pointerPopup__content__tab:not(.pointerPopup__content__tab--active),
    .OcuDarcula .page.page--im3d .pointerPopup .pointerPopup__content__tab:not(.pointerPopup__content__tab--active) {
      border-color: #272727; }
  .OcuDarcula .page.page--im .im__button, .OcuDarcula .page.page--im .im3d__button,
  .OcuDarcula .page.page--im3d .im__button,
  .OcuDarcula .page.page--im3d .im3d__button {
    color: #2C2B2B;
    fill: #ffffff;
    background: radial-gradient(black 50%, rgba(0, 0, 0, 0) 70%); }
    .OcuDarcula .page.page--im .im__button--explode path, .OcuDarcula .page.page--im .im3d__button--explode path,
    .OcuDarcula .page.page--im3d .im__button--explode path,
    .OcuDarcula .page.page--im3d .im3d__button--explode path {
      fill: black; }
  .OcuDarcula .page.page--im .im__info__drawer,
  .OcuDarcula .page.page--im3d .im__info__drawer {
    transition: all 500ms; }
    .OcuDarcula .page.page--im .im__info__drawer.im__info__drawer--hidden .im__info__drawer__background,
    .OcuDarcula .page.page--im3d .im__info__drawer.im__info__drawer--hidden .im__info__drawer__background {
      opacity: 0;
      transition: all 500ms; }
    .OcuDarcula .page.page--im .im__info__drawer.im__info__drawer--hidden .im__info__drawer__content,
    .OcuDarcula .page.page--im3d .im__info__drawer.im__info__drawer--hidden .im__info__drawer__content {
      transition: all 500ms; }
    .OcuDarcula .page.page--im .im__info__drawer .im__info__drawer__background,
    .OcuDarcula .page.page--im3d .im__info__drawer .im__info__drawer__background {
      transition: all 500ms; }
    .OcuDarcula .page.page--im .im__info__drawer .im__info__drawer__content,
    .OcuDarcula .page.page--im3d .im__info__drawer .im__info__drawer__content {
      background: #313131;
      transition: all 500ms; }
      .OcuDarcula .page.page--im .im__info__drawer .im__info__drawer__content .im__info__drawer__title,
      .OcuDarcula .page.page--im3d .im__info__drawer .im__info__drawer__content .im__info__drawer__title {
        font-size: 1.33em; }
      .OcuDarcula .page.page--im .im__info__drawer .im__info__drawer__content .im__info__drawer__description,
      .OcuDarcula .page.page--im3d .im__info__drawer .im__info__drawer__content .im__info__drawer__description {
        font-size: 1.5vh; }
  .OcuDarcula .page.page--im .im__filters,
  .OcuDarcula .page.page--im3d .im__filters {
    text-align: center; }
    .OcuDarcula .page.page--im .im__filters .im__filter__category,
    .OcuDarcula .page.page--im3d .im__filters .im__filter__category {
      font-size: 1.5em;
      margin: 1% 1%;
      padding: 0 1%; }
      .OcuDarcula .page.page--im .im__filters .im__filter__category:not(.im__filter__category--active),
      .OcuDarcula .page.page--im3d .im__filters .im__filter__category:not(.im__filter__category--active) {
        background: #2C2B2B; }
      .OcuDarcula .page.page--im .im__filters .im__filter__category p,
      .OcuDarcula .page.page--im3d .im__filters .im__filter__category p {
        display: table-cell;
        vertical-align: middle; }
      .OcuDarcula .page.page--im .im__filters .im__filter__category img,
      .OcuDarcula .page.page--im3d .im__filters .im__filter__category img {
        display: none; }
  .OcuDarcula .page.page--dl .dl__grid__item {
    border-radius: 32px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
    .OcuDarcula .page.page--dl .dl__grid__item__face {
      border-radius: 32px; }
  .OcuDarcula .page.page--le .le__header__block {
    border-radius: 0.8em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
  .OcuDarcula .page.page--le .le__footer {
    opacity: 0.89;
    color: var(--c-accent); }
  .OcuDarcula .page.page--le .le__list__roll__item {
    background: #2C2B2B;
    border-radius: 0.8em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
  .OcuDarcula .page.page--le .le__list__progress {
    background: #2C2B2B;
    border-radius: 0.6em; }
    .OcuDarcula .page.page--le .le__list__progress__inner {
      border-radius: 0.6em; }
  .OcuDarcula .page.page--le .le__spotlight__item__text {
    background: var(--c-accent);
    color: var(--c-accent-blend);
    border-radius: 0.8em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
  @media screen and (orientation: portrait) {
    .OcuDarcula .page.page--le .le__spotlight__item__text {
      background: var(--c-accent);
      color: var(--c-accent-blend);
      border-radius: 0.8em;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
    .OcuDarcula .page.page--le .le__list__roll__item {
      background: var(--c-accent);
      color: var(--c-accent-blend); }
      .OcuDarcula .page.page--le .le__list__roll__item__info__title {
        color: #2C2B2B; }
    .OcuDarcula .page.page--le .le__footer {
      color: var(--c-accent-blend); } }
  .OcuDarcula .page.page--ds .ds__container {
    background: #262727; }
  .OcuDarcula .page.page--ds .ds__widget {
    background: #3C3C3C;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.18); }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__time__zone {
      color: #BEBEBE; }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__time__date {
      color: #DEDEDE; }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__time__date__year {
      color: white; }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__weather__location {
      color: white;
      background: var(--c-accent); }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__weather__temp {
      color: white; }
      .OcuDarcula .page.page--ds .ds__widget .ds__widget__weather__temp span {
        color: rgba(255, 255, 255, 0.27); }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__weather__table th {
      color: rgba(255, 255, 255, 0.34); }
    .OcuDarcula .page.page--ds .ds__widget .ds__widget__weather__table td {
      color: white; }
  .OcuDarcula .page.page--or .or__wrapper.alert__wrapper {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); }
  .OcuDarcula .page.page--or .or__info__drawer {
    transition: all 500ms; }
    .OcuDarcula .page.page--or .or__info__drawer .or__info__drawer__content {
      background: #313131;
      transition: all 500ms; }
      .OcuDarcula .page.page--or .or__info__drawer .or__info__drawer__content .or__info__drawer__title {
        font-size: 1.33em; }
  .OcuDarcula .page.page--or .or__button {
    color: #2C2B2B;
    fill: #ffffff;
    background: radial-gradient(black 50%, rgba(0, 0, 0, 0) 70%); }
  .OcuDarcula .languages li.languages__listItem {
    margin: 0 5%;
    padding: 0;
    text-align: center; }
  .OcuDarcula .languages button.languages__button {
    background: none;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    height: 80px;
    font-size: 1.55em;
    text-transform: uppercase; }
    .OcuDarcula .languages button.languages__button.active, .OcuDarcula .languages button.languages__button:active, .OcuDarcula .languages button.languages__button:hover {
      border-bottom: 5px solid; }
  .OcuDarcula .languages.languages--menu {
    color: #ffffff; }
    .OcuDarcula .languages.languages--menu li.languages__listItem {
      margin: 0 2%; }
    .OcuDarcula .languages.languages--menu button.languages__button {
      height: 44px;
      font-size: 1.11em; }
      .OcuDarcula .languages.languages--menu button.languages__button.active, .OcuDarcula .languages.languages--menu button.languages__button:active, .OcuDarcula .languages.languages--menu button.languages__button:hover {
        border-bottom: 2px solid #ffffff; }
  .OcuDarcula .button {
    text-transform: uppercase; }
    .OcuDarcula .button.button--embed, .OcuDarcula .button.button--quiz, .OcuDarcula .button.dl__alert__close, .OcuDarcula .button.mb__alert__close, .OcuDarcula .button.dl__grid__item__open, .OcuDarcula .button.or__alert__close, .OcuDarcula .button.button--userIdleWarning, .OcuDarcula .button.im__alert__close {
      border-radius: 50px;
      min-width: 11vw;
      padding: 0.66em 1em;
      font-size: 1em;
      letter-spacing: 4px; }
    .OcuDarcula .button.dl__grid__item__open {
      background: #ffffff;
      color: #2C2B2B; }
    .OcuDarcula .button.card__close, .OcuDarcula .button.queries__close--small {
      fill: #e3e3e3; }
  .OcuDarcula .gridItem {
    border-radius: 5.5%; }
    .OcuDarcula .gridItem__image {
      border-radius: 5.5%; }
  .OcuDarcula .menu {
    color: #ffffff;
    fill: #ffffff; }
    .OcuDarcula .menu__button__label {
      display: none; }
  .OcuDarcula .video__control {
    background: radial-gradient(black 50%, rgba(0, 0, 0, 0) 70%); }
  .OcuDarcula .video__controls {
    fill: #ffffff; }
    .OcuDarcula .video__controls__wrapper {
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
      background: rgba(0, 0, 0, 0.89); }
  .OcuDarcula .media__placeholder {
    fill: #ffffff;
    background: radial-gradient(black 50%, rgba(0, 0, 0, 0) 70%); }
  .OcuDarcula .alert, .OcuDarcula .card {
    background: rgba(0, 0, 0, 0.78); }
    .OcuDarcula .alert__wrapper, .OcuDarcula .card__wrapper {
      border-radius: 33px;
      background: #313131; }
      .OcuDarcula .alert__wrapper .alert__header, .OcuDarcula .card__wrapper .alert__header {
        font-size: 2em; }
      .OcuDarcula .alert__wrapper .alert__text, .OcuDarcula .card__wrapper .alert__text {
        font-size: 1.11em; }
  .OcuDarcula .idleWarning .idleWarning__container {
    border-radius: 33px;
    background: #2C2B2B; }
    .OcuDarcula .idleWarning .idleWarning__container .idleWarning__title {
      font-size: 2em;
      margin-top: 10%; }
    .OcuDarcula .idleWarning .idleWarning__container .idleWarning__description {
      font-size: 1.11em; }
    .OcuDarcula .idleWarning .idleWarning__container .idleWarning__countdown {
      font-size: 1.5em;
      font-weight: bold; }
    .OcuDarcula .idleWarning .idleWarning__container .button--userIdleWarning {
      display: table;
      text-align: center; }
      .OcuDarcula .idleWarning .idleWarning__container .button--userIdleWarning p {
        display: block;
        text-align: center; }
  .OcuDarcula .card__body__tabs__title {
    border-color: #272727;
    text-transform: none; }
  .OcuDarcula .card .card__footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  .OcuDarcula .carousel__swiper .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  .OcuDarcula .carousel__swiper .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  .OcuDarcula .carousel__swiper--fullscreen {
    border-radius: var(--application-border-radius); }
  .OcuDarcula .fullscreen__control {
    fill: #ffffff;
    background: radial-gradient(black 50%, rgba(0, 0, 0, 0) 70%); }
  .OcuDarcula .queries__container {
    background: #313131; }

.OcuLight {
  background: #FFF;
  /* components */
  /* button component */
  /* grid component */
  /* menu component */
  /* video component */
  /* component */ }
  .OcuLight *::-webkit-scrollbar {
    width: 12px;
    height: 12px; }
  .OcuLight *::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.04); }
  .OcuLight *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #E2E2E2; }
  .OcuLight a {
    color: #000; }
  .OcuLight .icon--svg {
    fill: inherit;
    padding: 0;
    margin: 0; }
  .OcuLight .bg-theme {
    background-color: #FFF; }
  .OcuLight .page.page--ss {
    text-align: center;
    position: absolute; }
    .OcuLight .page.page--ss .ss__title {
      font-size: 3em; }
    .OcuLight .page.page--ss .ss__description {
      padding: 1.11rem;
      font-size: 2.22em; }
    .OcuLight .page.page--ss .ss__languageContainer {
      position: absolute;
      bottom: 18.5%;
      left: 50%;
      width: 25%;
      transform: translateX(-50%); }
  .OcuLight .page.page--im .im__navigation__container__item,
  .OcuLight .page.page--im3d .im__navigation__container__item {
    border-radius: 22px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #FFF;
    border-width: 3px;
    border-left-width: 0;
    border-style: solid; }
    .OcuLight .page.page--im .im__navigation__container__item:not(.im__navigation__container__item--active),
    .OcuLight .page.page--im3d .im__navigation__container__item:not(.im__navigation__container__item--active) {
      border-color: transparent; }
    .OcuLight .page.page--im .im__navigation__container__item img,
    .OcuLight .page.page--im3d .im__navigation__container__item img {
      border-radius: 22px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .OcuLight .page.page--im .pointerPopup,
  .OcuLight .page.page--im3d .pointerPopup {
    background: #FFF;
    border-radius: 18px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
    .OcuLight .page.page--im .pointerPopup .pointerPopup__header__button--close,
    .OcuLight .page.page--im3d .pointerPopup .pointerPopup__header__button--close {
      fill: #E2E2E2; }
    .OcuLight .page.page--im .pointerPopup .pointerPopup__content__tab:not(.pointerPopup__content__tab--active),
    .OcuLight .page.page--im3d .pointerPopup .pointerPopup__content__tab:not(.pointerPopup__content__tab--active) {
      border-color: #E2E2E2; }
  .OcuLight .page.page--im .im__button, .OcuLight .page.page--im .im3d__button,
  .OcuLight .page.page--im3d .im__button,
  .OcuLight .page.page--im3d .im3d__button {
    color: #FFF;
    fill: #000;
    background: radial-gradient(white 50%, rgba(255, 255, 255, 0) 70%); }
    .OcuLight .page.page--im .im__button--explode path, .OcuLight .page.page--im .im3d__button--explode path,
    .OcuLight .page.page--im3d .im__button--explode path,
    .OcuLight .page.page--im3d .im3d__button--explode path {
      fill: white; }
  .OcuLight .page.page--im .im__info__drawer,
  .OcuLight .page.page--im3d .im__info__drawer {
    transition: all 500ms; }
    .OcuLight .page.page--im .im__info__drawer.im__info__drawer--hidden .im__info__drawer__background,
    .OcuLight .page.page--im3d .im__info__drawer.im__info__drawer--hidden .im__info__drawer__background {
      opacity: 0;
      transition: all 500ms; }
    .OcuLight .page.page--im .im__info__drawer.im__info__drawer--hidden .im__info__drawer__content,
    .OcuLight .page.page--im3d .im__info__drawer.im__info__drawer--hidden .im__info__drawer__content {
      transition: all 500ms; }
    .OcuLight .page.page--im .im__info__drawer .im__info__drawer__background,
    .OcuLight .page.page--im3d .im__info__drawer .im__info__drawer__background {
      transition: all 500ms; }
    .OcuLight .page.page--im .im__info__drawer .im__info__drawer__content,
    .OcuLight .page.page--im3d .im__info__drawer .im__info__drawer__content {
      background: #FFF;
      transition: all 500ms; }
      .OcuLight .page.page--im .im__info__drawer .im__info__drawer__content .im__info__drawer__title,
      .OcuLight .page.page--im3d .im__info__drawer .im__info__drawer__content .im__info__drawer__title {
        font-size: 1.33em; }
  .OcuLight .page.page--im .im__filters,
  .OcuLight .page.page--im3d .im__filters {
    text-align: center; }
    .OcuLight .page.page--im .im__filters .im__filter__category,
    .OcuLight .page.page--im3d .im__filters .im__filter__category {
      font-size: 1.5em;
      margin: 1% 1%;
      padding: 0 1%; }
      .OcuLight .page.page--im .im__filters .im__filter__category:not(.im__filter__category--active),
      .OcuLight .page.page--im3d .im__filters .im__filter__category:not(.im__filter__category--active) {
        background: #FFF; }
      .OcuLight .page.page--im .im__filters .im__filter__category p,
      .OcuLight .page.page--im3d .im__filters .im__filter__category p {
        display: table-cell;
        vertical-align: middle; }
      .OcuLight .page.page--im .im__filters .im__filter__category img,
      .OcuLight .page.page--im3d .im__filters .im__filter__category img {
        display: none; }
  .OcuLight .page.page--dl .dl__grid__item {
    border-radius: 32px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); }
    .OcuLight .page.page--dl .dl__grid__item__face {
      border-radius: 32px; }
  .OcuLight .page.page--le .le__header__block {
    border-radius: 0.8em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); }
  .OcuLight .page.page--le .le__list__roll__item {
    background: white;
    border-radius: 0.8em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
  .OcuLight .page.page--le .le__list__progress {
    background: white;
    border-radius: 0.6em; }
    .OcuLight .page.page--le .le__list__progress__inner {
      border-radius: 0.6em; }
  .OcuLight .page.page--le .le__spotlight__item__text {
    background: white;
    color: black;
    border-radius: 0.8em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); }
  .OcuLight .page.page--ds .ds__container {
    background: #FFFFFF; }
  .OcuLight .page.page--ds .ds__widget {
    background: rgba(255, 255, 255, 0.81);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.18); }
    .OcuLight .page.page--ds .ds__widget .ds__widget__time__zone {
      color: rgba(43, 41, 41, 0.35); }
    .OcuLight .page.page--ds .ds__widget .ds__widget__time__date {
      color: #2b2929; }
    .OcuLight .page.page--ds .ds__widget .ds__widget__time__date__year {
      color: #2b2929; }
    .OcuLight .page.page--ds .ds__widget .ds__widget__weather__location {
      color: rgba(15, 12, 12, 0.5);
      background: #F2F6F9; }
    .OcuLight .page.page--ds .ds__widget .ds__widget__weather__temp {
      color: var(--c-accent); }
      .OcuLight .page.page--ds .ds__widget .ds__widget__weather__temp span {
        color: rgba(47, 47, 47, 0.27); }
    .OcuLight .page.page--ds .ds__widget .ds__widget__weather__table th {
      color: rgba(0, 0, 0, 0.34); }
    .OcuLight .page.page--ds .ds__widget .ds__widget__weather__table td {
      color: #2f2f2f; }
  .OcuLight .page.page--or .or__wrapper.alert__wrapper {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); }
  .OcuLight .page.page--or .or__info__drawer {
    transition: all 500ms; }
    .OcuLight .page.page--or .or__info__drawer .or__info__drawer__content {
      background: #FFF;
      transition: all 500ms; }
      .OcuLight .page.page--or .or__info__drawer .or__info__drawer__content .or__info__drawer__title {
        font-size: 1.33em; }
  .OcuLight .page.page--or .or__tag {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); }
  .OcuLight .page.page--or .or__button {
    color: #FFF;
    fill: #000;
    background: radial-gradient(white 50%, rgba(255, 255, 255, 0) 70%); }
  .OcuLight .languages li.languages__listItem {
    margin: 0 5%;
    padding: 0;
    text-align: center; }
  .OcuLight .languages button.languages__button {
    background: none;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    height: 80px;
    font-size: 1.55em;
    text-transform: uppercase; }
    .OcuLight .languages button.languages__button.active, .OcuLight .languages button.languages__button:active, .OcuLight .languages button.languages__button:hover {
      border-bottom: 5px solid; }
  .OcuLight .languages.languages--menu li.languages__listItem {
    margin: 0 2%; }
  .OcuLight .languages.languages--menu button.languages__button {
    height: 44px;
    font-size: 1.11em; }
    .OcuLight .languages.languages--menu button.languages__button.active, .OcuLight .languages.languages--menu button.languages__button:active, .OcuLight .languages.languages--menu button.languages__button:hover {
      border-bottom: 2px solid #000; }
  .OcuLight .button {
    text-transform: uppercase; }
    .OcuLight .button.button--embed, .OcuLight .button.button--quiz, .OcuLight .button.dl__alert__close, .OcuLight .button.mb__alert__close, .OcuLight .button.or__alert__close, .OcuLight .button.dl__grid__item__open, .OcuLight .button.button--userIdleWarning, .OcuLight .button.im__alert__close {
      border-radius: 50px;
      min-width: 11vw;
      padding: 0.66em 1em;
      font-size: 1em;
      letter-spacing: 0.22em; }
    .OcuLight .button.dl__grid__item__open {
      background: #FFF;
      color: #000; }
    .OcuLight .button.card__close, .OcuLight .button.queries__close--small {
      fill: #E2E2E2; }
  .OcuLight .gridItem {
    border-radius: 5.5%; }
    .OcuLight .gridItem__image {
      border-radius: 5.5%; }
  .OcuLight .menu__button__label {
    display: none; }
  .OcuLight .video__control {
    background: radial-gradient(white 50%, rgba(255, 255, 255, 0) 70%); }
  .OcuLight .video__controls__wrapper {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    background: rgba(255, 255, 255, 0.84); }
  .OcuLight .media__placeholder {
    background: radial-gradient(white 50%, rgba(255, 255, 255, 0) 70%); }
  .OcuLight .alert, .OcuLight .card {
    background: rgba(0, 0, 0, 0.36); }
    .OcuLight .alert__wrapper, .OcuLight .card__wrapper {
      border-radius: 33px;
      background: #FFF; }
      .OcuLight .alert__wrapper .alert__header, .OcuLight .card__wrapper .alert__header {
        font-size: 2em; }
      .OcuLight .alert__wrapper .alert__text, .OcuLight .card__wrapper .alert__text {
        font-size: 1.11em; }
    .OcuLight .alert.or__card, .OcuLight .card.or__card {
      background: none;
      border-radius: 5px; }
      .OcuLight .alert.or__card .card__wrapper, .OcuLight .card.or__card .card__wrapper {
        border-radius: 5px; }
  .OcuLight .idleWarning .idleWarning__container {
    border-radius: 33px;
    background: #FFF; }
    .OcuLight .idleWarning .idleWarning__container .idleWarning__title {
      font-size: 2em;
      margin-top: 10%; }
    .OcuLight .idleWarning .idleWarning__container .idleWarning__description {
      font-size: 1.11em; }
    .OcuLight .idleWarning .idleWarning__container .idleWarning__countdown {
      font-size: 1.5em;
      font-weight: bold; }
    .OcuLight .idleWarning .idleWarning__container .button--userIdleWarning {
      display: table;
      text-align: center; }
      .OcuLight .idleWarning .idleWarning__container .button--userIdleWarning p {
        display: block;
        text-align: center; }
  .OcuLight .card__body__tabs__title {
    border-color: #E2E2E2;
    text-transform: none; }
  .OcuLight .card .card__footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  .OcuLight .carousel__swiper .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  .OcuLight .carousel__swiper .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  .OcuLight .carousel__swiper--fullscreen {
    border-radius: var(--application-border-radius); }
  .OcuLight .fullscreen__control {
    fill: #000;
    background: radial-gradient(white 50%, rgba(255, 255, 255, 0) 70%); }
  .OcuLight .queries__container {
    background: #FFF; }

html.reachable {
  background: #E3E3E3;
  overflow-x: hidden; }
  html.reachable body {
    position: absolute;
    top: 50vh;
    transition: top 500ms ease-out; }
    html.reachable body::-webkit-scrollbar {
      display: none; }
  html.reachable .fullscreen {
    overflow: hidden; }
    html.reachable .fullscreen .fullscreen__content {
      bottom: 50%;
      height: 50%;
      left: 0;
      transform: none; }
  html.reachable .fullscreen .fullscreen__control--close {
    top: initial;
    bottom: 2%; }

.reachability__button {
  position: absolute;
  top: -3rem;
  left: 50%;
  margin-left: -50px;
  font-size: 3rem;
  color: var(--c-accent);
  width: 100px;
  text-align: center; }

:root {
  --dynamic-margin-dl-items: 56px;
  --margin-dl-items: 56px;
  --application-border-radius: 0px; }

.html-safe-styling p {
  margin: 1rem 0; }

.html-safe-styling ul,
.html-safe-styling ol {
  margin: 1rem; }

.html-safe-styling li {
  margin-left: 1rem; }
  .html-safe-styling li p {
    margin: initial; }
  .html-safe-styling li ol,
  .html-safe-styling li ul {
    margin: initial; }

.html-safe-styling a {
  color: #406eea; }
  .html-safe-styling a:hover {
    text-decoration: underline; }

.html-safe-styling sup {
  font-size: smaller;
  vertical-align: super; }

.html-safe-styling sub {
  font-size: smaller;
  vertical-align: sub; }

:root {
  --app-view-width: 100vw;
  --app-view-height: 100vh; }

.Presenter {
  --app-view-width: 100vw;
  --app-view-height: 100vh; }

.application__view {
  position: absolute;
  width: var(--app-view-width);
  height: var(--app-view-height);
  top: 0;
  left: 0;
  overflow: hidden; }

.application__alert {
  position: absolute;
  top: 2%;
  left: 50%;
  width: 50%;
  transform: translateX(-50%); }

/* ----------------- */
/* APPLICATION STATE */
/* ----------------- */
.application__state {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2C2B2B;
  text-align: center;
  color: white;
  font-size: 30px;
  font-family: "Avenir Book"; }
  .application__state h1 {
    position: relative;
    top: 45%;
    transform: translateY(-50%);
    font-size: 2vw;
    font-family: "Avenir Book"; }
    .application__state h1 span {
      text-transform: uppercase;
      font-family: "Avenir Heavy"; }
  .application__state h2 {
    position: relative;
    top: 42%;
    font-family: "Avenir Book";
    font-size: 40px; }
  .application__state h3 {
    position: relative;
    top: 45%;
    font-family: "Avenir Book";
    font-size: 20px; }
  .application__state h4 {
    position: absolute;
    bottom: 55px;
    left: 72px;
    width: 84px;
    height: 84px;
    background: white;
    border-radius: 50%;
    display: table;
    text-align: center; }
    .application__state h4 p {
      display: table-cell;
      vertical-align: middle;
      color: black;
      font-family: "Avenir Heavy";
      font-size: 24px; }
  .application__state .application__state__content__button {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    margin: 25px 0;
    padding: 5px 10px;
    color: white;
    border: 1px solid white;
    font-family: "Avenir Heavy"; }
  .application__state .application__state__content__button--index {
    top: 65%; }

.application__state--waiting h1 {
  position: absolute;
  top: initial;
  bottom: 1%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1vw; }

.application__state__loader {
  position: relative;
  left: 50%;
  top: 42%;
  margin: 45px 0 0 -25px;
  border: 5px solid #406EEA;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #2C2B2B;
  border-radius: 50%;
  width: 60px;
  height: 60px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.application__state__logo {
  position: absolute;
  bottom: 2%;
  right: 2%;
  width: 7.88%;
  height: 13.88%;
  background: url("./icons/ocular_logo.svg") no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.__borgloon-screensaver-page__655d2 .page--ss {
  background: none; }

.__borgloon-screensaver-page__655d2 .ss__background {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden; }

.__borgloon-screensaver-page__655d2 .ss__background__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.88;
  pointer-events: none;
  background-color: var(--c-accent); }

.__borgloon-screensaver-page__655d2 .ss__content {
  position: relative;
  left: 50%;
  top: 50%;
  width: 50%;
  max-height: 50%;
  transform: translate(-50%, -54%); }

.__borgloon-screensaver-page__655d2 .ss__title {
  color: var(--c-accent-blend);
  max-height: 20%; }

.__borgloon-screensaver-page__655d2 .ss__description {
  color: var(--c-accent-blend);
  max-height: 33%;
  overflow-y: auto; }

.__borgloon-screensaver-page__655d2 .ss__backgroundImage,
.__borgloon-screensaver-page__655d2 .ss__backgroundVideo {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.__borgloon-screensaver-page__655d2 .ss__interaction {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .__borgloon-screensaver-page__655d2 .ss__interaction:active {
    transform: none; }

.__borgloon-screensaver-page__655d2 .ss__languageContainer__languages {
  color: var(--c-accent-blend);
  border-color: var(--c-accent-blend); }

/* */
.__borgloon-screensaver-page__655d2 .ss__animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

@media screen and (max-width: 1440px) {
  .__borgloon-screensaver-page__655d2 .ss__content {
    width: 80%; } }

@media screen and (max-width: 1024px) {
  .__borgloon-screensaver-page__655d2 .ss__content {
    top: 20%;
    width: 80%;
    transform: translateX(-50%); }
  .__borgloon-screensaver-page__655d2 .ss__title {
    font-size: 2rem !important; }
  .__borgloon-screensaver-page__655d2 .ss__description {
    font-size: 1.8rem !important; } }

@media screen and (max-width: 800px) {
  .__borgloon-screensaver-page__655d2 .ss__content {
    top: 12%;
    transform: translateX(-50%);
    width: 80%; }
  .__borgloon-screensaver-page__655d2 .ss__title {
    font-size: 2rem !important; }
  .__borgloon-screensaver-page__655d2 .ss__description {
    font-size: 1.4rem !important; }
  .__borgloon-screensaver-page__655d2 .ss__languageContainer {
    bottom: 10% !important; } }

.__borgloon-screensaver-timer-component__dadf4 .timer {
  position: relative;
  display: inline-block; }
  .__borgloon-screensaver-timer-component__dadf4 .timer__canvas {
    transform: translate(0.5px, 0.5px);
    width: 7.2em; }
  .__borgloon-screensaver-timer-component__dadf4 .timer__label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 100%;
    text-align: center;
    font-size: 1.11em;
    text-shadow: 0px 0px 10px black; }

@keyframes pointer-popup-component-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.__pointer-popup-component__c1fb9 .pointerPopup {
  position: absolute;
  min-width: 400px;
  width: 20.83%;
  height: auto;
  touch-action: none;
  z-index: 50;
  background-color: white;
  animation: pointer-popup-component-fadein .5s; }
  .__pointer-popup-component__c1fb9 .pointerPopup:focus {
    appearance: none;
    outline: none; }

.__pointer-popup-component__c1fb9 .pointerPopup.draggable {
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }
  .__pointer-popup-component__c1fb9 .pointerPopup.draggable .pointerPopup__header__button {
    display: table; }

.__pointer-popup-component__c1fb9 .pointerPopup.dragging {
  transition-duration: 0s; }
  .__pointer-popup-component__c1fb9 .pointerPopup.dragging .pointerPopup__header__button, .__pointer-popup-component__c1fb9 .pointerPopup.dragging .pointerPopup__content {
    pointer-events: none;
    opacity: 0.5; }

.__pointer-popup-component__c1fb9 .pointerPopup.last-active-popup {
  z-index: 51; }

/* */
.__pointer-popup-component__c1fb9 .pointerPopup__header__button {
  position: absolute;
  top: 2%;
  width: 44px;
  height: 44px;
  font-size: 1.55em;
  z-index: 3; }
  .__pointer-popup-component__c1fb9 .pointerPopup__header__button.pointerPopup__header__button--reset {
    display: none; }
  .__pointer-popup-component__c1fb9 .pointerPopup__header__button .pointerPopup__header__button__icon {
    display: table-cell;
    vertical-align: middle; }
  .__pointer-popup-component__c1fb9 .pointerPopup__header__button svg, .__pointer-popup-component__c1fb9 .pointerPopup__header__button path, .__pointer-popup-component__c1fb9 .pointerPopup__header__button .pointerPopup__header__button__icon {
    pointer-events: none; }

.__pointer-popup-component__c1fb9 .pointerPopup__header__button--reset {
  height: 55px;
  width: 60px;
  left: 2%;
  object-fit: cover; }

.__pointer-popup-component__c1fb9 .pointerPopup__header__button--close {
  right: 2%;
  width: 30px;
  height: 30px; }

/* */
.__pointer-popup-component__c1fb9 .pointerPopup__content {
  position: relative;
  padding: 0 8% 0 8%;
  margin-top: 10%; }
  .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs {
    height: 50px;
    border-color: var(--c-accent); }
    .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab {
      float: left;
      box-sizing: border-box;
      padding-bottom: 2%;
      border-bottom: solid 6px;
      text-align: center;
      text-overflow: ellipsis; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab__title {
        font-size: 1em;
        margin: 0 1%; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(1) {
        width: 100%; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(2),
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(2) ~ .pointerPopup__content__tab {
        width: 50%; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(3),
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(3) ~ .pointerPopup__content__tab {
        width: 33.3333%; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab.pointerPopup__content__tab--active {
        border-color: inherit; }

.__pointer-popup-component__c1fb9 .pointerPopup__content__pane {
  font-size: 1em;
  margin: 3% 0; }

.__pointer-popup-component__c1fb9 .pointerPopup__content__description {
  margin: 3% 0; }

.__pointer-popup-component__c1fb9 .pointerPopup__content__assets {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 1% 0; }
  .__pointer-popup-component__c1fb9 .pointerPopup__content__assets .pointerPopup__asset__slider.carousel {
    max-width: 400px;
    width: 100%;
    max-height: 200px;
    height: 200px;
    margin: 0 auto; }
    .__pointer-popup-component__c1fb9 .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container {
      max-height: 200px;
      height: 200px; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .swiper-button-prev, .__pointer-popup-component__c1fb9 .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .swiper-button-next {
        transform: scale(0.6); }
      .__pointer-popup-component__c1fb9 .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .videoComponent__timer .timer__canvas {
        width: 2.77em;
        height: 2.77em; }
      .__pointer-popup-component__c1fb9 .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .videoComponent__timer .timer__label {
        font-size: 0.56em; }

.__pointer-popup-component__c1fb9 .pointerPopup__footer {
  margin: 5% 0;
  width: 100%; }

@media screen and (max-width: 1024px) {
  .__pointer-popup-component__c1fb9 .pointerPopup {
    top: 16% !important;
    left: 2.5% !important;
    width: 95%;
    height: 75%; }
    .__pointer-popup-component__c1fb9 .pointerPopup .pointerPopup__header__button--reset {
      display: none !important; }
    .__pointer-popup-component__c1fb9 .pointerPopup .pointerPopup__content {
      margin-top: 6%;
      height: 80%;
      overflow-y: auto; }
    .__pointer-popup-component__c1fb9 .pointerPopup .pointerPopup__header__button--close {
      right: 1%; } }

.__modules__unity__3b341 .module--unity h1 {
  color: red; }

@keyframes fadeInCard {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.__datatafel__dt-card-component__48af9 .dt__card--flipped,
.__datatafel__dt-card-component__48af9 .dt__card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 420px;
  height: auto;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  animation: fadeInCard 500ms linear; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .route,
  .__datatafel__dt-card-component__48af9 .dt__card .route {
    position: absolute;
    width: auto;
    height: auto;
    pointer-events: none; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content,
  .__datatafel__dt-card-component__48af9 .dt__card .card__content {
    position: absolute;
    top: 70px;
    width: 420px;
    max-height: 480px;
    left: -420px;
    background-color: var(--c-green);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content::before,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content::before {
      content: "";
      position: absolute;
      top: -70px;
      left: 0;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 0 70px 420px;
      border-color: transparent transparent var(--c-green) transparent; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content .card__close,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content .card__close {
      position: absolute;
      top: -65px;
      right: 0;
      width: 40px;
      height: 40px;
      margin: 1rem;
      z-index: 10; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content .card__close svg,
      .__datatafel__dt-card-component__48af9 .dt__card .card__content .card__close svg {
        fill: var(--c-light); }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media,
  .__datatafel__dt-card-component__48af9 .dt__card .card__media {
    position: relative;
    width: 264px;
    height: 282px;
    margin-top: calc(282px / -2);
    left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzQwLjYyIDc5My4zMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2U2ZDNiNTsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Iklzb2xhdGllbW9kdXMiPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzM0Ljc5LDBINS44M3MtMzMuMTMsNDUyLjExLDU4LjYyLDYyMi43MWM5MS43NiwxNzAuNjEsMjQ2LjYsMTA0LjUsMzA1Ljg2LDE3MC42MSw1OS4yNi02Ni4xMSwyMTQuMSwwLDMwNS44Ni0xNzAuNjFDNzY3LjkyLDQ1Mi4xMSw3MzQuNzksMCw3MzQuNzksMFoiLz4KICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    animation: fadeInCard 1s linear; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .swiper-container,
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__slider,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .swiper-container,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__slider {
      width: 100%;
      height: 100%;
      mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzQwLjYyIDc5My4zMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2U2ZDNiNTsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Iklzb2xhdGllbW9kdXMiPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzM0Ljc5LDBINS44M3MtMzMuMTMsNDUyLjExLDU4LjYyLDYyMi43MWM5MS43NiwxNzAuNjEsMjQ2LjYsMTA0LjUsMzA1Ljg2LDE3MC42MSw1OS4yNi02Ni4xMSwyMTQuMSwwLDMwNS44Ni0xNzAuNjFDNzY3LjkyLDQ1Mi4xMSw3MzQuNzksMCw3MzQuNzksMFoiLz4KICA8L2c+Cjwvc3ZnPg==);
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: calc(100% - 20px) calc(100% - 20px); }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .media .media__element,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .media .media__element {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .media__enlarge,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .media__enlarge {
      display: none; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .swiper-button-next,
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .swiper-button-prev,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .swiper-button-next,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .swiper-button-prev {
      top: 20px;
      width: 50px;
      display: none; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .swiper-button-next,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .swiper-button-next {
      right: -30px;
      background: red; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .carousel .swiper-pagination,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .carousel .swiper-pagination {
      right: 0; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info,
    .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info {
      position: absolute;
      right: -25%;
      bottom: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .next,
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .prev,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .next,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .prev {
        position: relative;
        width: 10px;
        height: 23px; }
        .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .next img,
        .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .prev img,
        .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .next img,
        .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .prev img {
          width: 10px;
          height: 23px;
          object-fit: contain; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .next,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .next {
        margin-right: 5px; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .prev,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .prev {
        margin-left: -2px; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .next img,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .next img {
        transform: rotate(180deg); }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .card__media__info__actions,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .card__media__info__actions {
        width: 100%;
        display: flex;
        justify-content: space-between; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .card__media__pagination,
      .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .card__media__pagination {
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .card__media__pagination__item,
        .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .card__media__pagination__item {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background-color: #e6d3b5;
          opacity: 0.5;
          margin: 0 2.5px;
          border: 1px solid #e6d3b5; }
          .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__media .card__media__info .card__media__pagination__item.active,
          .__datatafel__dt-card-component__48af9 .dt__card .card__media .card__media__info .card__media__pagination__item.active {
            opacity: 1;
            background-color: transparent; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__header__title,
  .__datatafel__dt-card-component__48af9 .dt__card .card__header__title {
    font-family: "Merriweather";
    font-weight: 700;
    text-align: left;
    font-size: 22pt;
    color: var(--c-light);
    margin: 0 40px; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__header__sub,
  .__datatafel__dt-card-component__48af9 .dt__card .card__header__sub {
    font-size: 20pt;
    color: var(--c-light);
    text-align: left;
    margin: 0 40px;
    display: none; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__body__tabs,
  .__datatafel__dt-card-component__48af9 .dt__card .card__body__tabs {
    display: none; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text__container,
  .__datatafel__dt-card-component__48af9 .dt__card .card__content__text__container {
    position: relative;
    margin: 0 40px 1rem 40px;
    flex-grow: 1; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text__container .or__card__scrollButtons,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text__container .or__card__scrollButtons {
      width: 44px;
      right: -40px;
      margin: 0; }
      .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text__container .or__card__scrollButtons .or__card__scrollButton,
      .__datatafel__dt-card-component__48af9 .dt__card .card__content__text__container .or__card__scrollButtons .or__card__scrollButton {
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0; }
        .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--up,
        .__datatafel__dt-card-component__48af9 .dt__card .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f4ebde'%2F%3E%3C%2Fsvg%3E"); }
        .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--down,
        .__datatafel__dt-card-component__48af9 .dt__card .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f4ebde'%20transform%3D'translate(0%2044) scale(1%20-1)'%2F%3E%3C%2Fsvg%3E");
          background-position: 100% 50%; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text,
  .__datatafel__dt-card-component__48af9 .dt__card .card__content__text {
    padding-right: 2%;
    padding-top: 2%;
    overflow-y: auto;
    height: 140px;
    max-height: 140px;
    overflow-y: hidden;
    font-family: "QuickSand", sans-serif;
    font-size: 12.75pt;
    color: var(--c-light); }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text p:first-child,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text p:first-child {
      margin-top: 0; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text p:last-child,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text p:last-child {
      margin-bottom: 0; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text p,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text p {
      margin: 0.5rem 0; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text p:nth-last-child(-n + 3),
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text p:nth-last-child(-n + 3) {
      margin: 0; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text::-webkit-scrollbar,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text::-webkit-scrollbar {
      width: 10px; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text::-webkit-scrollbar-thumb,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text::-webkit-scrollbar-thumb {
      background-color: #62816b;
      border-radius: 10px; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__content__text::-webkit-scrollbar-track,
    .__datatafel__dt-card-component__48af9 .dt__card .card__content__text::-webkit-scrollbar-track {
      background-color: #466a50;
      border-radius: 10px; }

.__datatafel__dt-card-component__48af9 .dt__card--flipped .card__footer,
.__datatafel__dt-card-component__48af9 .dt__card .card__footer {
  font-family: "QuickSand", sans-serif;
  font-size: 10pt;
  color: var(--c-light);
  margin: 0 20px 10px 40px;
  width: calc(100% - 60px);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between; }

/* QR code */
.__datatafel__dt-card-component__48af9 .dt__card--flipped .card__footer figure,
.__datatafel__dt-card-component__48af9 .dt__card .card__footer figure {
  width: 75px;
  height: auto;
  margin: 0; }
  .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__footer figure svg,
  .__datatafel__dt-card-component__48af9 .dt__card .card__footer figure svg {
    position: relative;
    width: 100%;
    height: auto;
    pointer-events: none;
    fill: red; }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__footer figure svg rect,
    .__datatafel__dt-card-component__48af9 .dt__card .card__footer figure svg rect {
      fill: var(--c-green); }
    .__datatafel__dt-card-component__48af9 .dt__card--flipped .card__footer figure svg path,
    .__datatafel__dt-card-component__48af9 .dt__card .card__footer figure svg path {
      fill: var(--c-light); }

.__datatafel__dt-map-component__cc6aa .page--im {
  overflow: hidden; }

/* map info */
.__datatafel__dt-map-component__cc6aa .im__alert__close {
  float: right;
  color: var(--c-accent-blend);
  background-color: var(--c-accent); }

.__datatafel__dt-map-component__cc6aa .im__buttons {
  padding: 0;
  margin: 0;
  top: 25%;
  width: 52px;
  position: absolute;
  right: 3%;
  height: auto; }

.__datatafel__dt-map-component__cc6aa .im__button {
  position: relative;
  z-index: 3;
  margin-bottom: 15px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 1.5em; }
  .__datatafel__dt-map-component__cc6aa .im__button.im__button--disabled {
    opacity: 0.7;
    pointer-events: none; }

.__datatafel__dt-map-component__cc6aa .im__button.im__button--info,
.__datatafel__dt-map-component__cc6aa .im__button.im__button--reset {
  padding: 0;
  margin: 0; }

.__datatafel__dt-map-component__cc6aa .im__info__drawer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  pointer-events: all;
  opacity: 1; }
  .__datatafel__dt-map-component__cc6aa .im__info__drawer.im__info__drawer--hidden {
    pointer-events: none; }
    .__datatafel__dt-map-component__cc6aa .im__info__drawer.im__info__drawer--hidden .im__info__drawer__background {
      opacity: 0; }
    .__datatafel__dt-map-component__cc6aa .im__info__drawer.im__info__drawer--hidden .im__info__drawer__content {
      right: -30%; }

.__datatafel__dt-map-component__cc6aa .im__info__drawer__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.78; }

.__datatafel__dt-map-component__cc6aa .im__info__drawer__content {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25%;
  max-height: 55vh;
  transform: translateY(-50%);
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px; }

.__datatafel__dt-map-component__cc6aa .im__info__drawer__title {
  margin: 1.5rem; }

.__datatafel__dt-map-component__cc6aa .im__info__drawer__description {
  margin: 1.5rem;
  padding-right: 0.5rem;
  max-height: calc(55vh - 6.5rem);
  overflow-y: auto; }

/* map filters */
/* */
/* */
/* map - points - background */
.__datatafel__dt-map-component__cc6aa .im__wrapper--flipped,
.__datatafel__dt-map-component__cc6aa .im__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  touch-action: none; }

.__datatafel__dt-map-component__cc6aa .im__background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  pointer-events: none; }

.__datatafel__dt-map-component__cc6aa .im__pointsContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1; }

.__datatafel__dt-map-component__cc6aa .fullscreen > .fullscreen__content {
  width: 100%;
  height: 100%;
  max-width: 100%; }

.__datatafel__dt-map-component__cc6aa .fullscreen .mediaComponent__enlarge {
  display: none; }

.__datatafel__dt-map-component__cc6aa .im__carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .__datatafel__dt-map-component__cc6aa .im__carousel .carousel__swiper {
    height: 100%;
    width: 100%; }

/* map points */
.__datatafel__dt-map-component__cc6aa .poi__wrapper {
  position: absolute;
  outline: none;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  line-height: 0; }

/* -------------- */
/* -------------- */
/* -------------- */
/* BORGLOON */
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.__datatafel__dt-map-component__cc6aa .application__view:has(.page--15636) .menu--bottom.menu--left:before,
.__datatafel__dt-map-component__cc6aa .application__view:has(.page--15636) .menu--bottom.menu--right:before,
.__datatafel__dt-map-component__cc6aa .application__view:has(.page--14854) .menu--bottom.menu--left:before,
.__datatafel__dt-map-component__cc6aa .application__view:has(.page--14854) .menu--bottom.menu--right:before {
  display: none; }

.__datatafel__dt-map-component__cc6aa .page--im {
  width: 100%;
  height: 50%; }

.__datatafel__dt-map-component__cc6aa .page--im.top {
  top: 0;
  left: 0;
  transform: scale(-1);
  transition: top 1s linear; }
  .__datatafel__dt-map-component__cc6aa .page--im.top.hidden {
    top: -50%;
    transition: top 1s linear; }

.__datatafel__dt-map-component__cc6aa .page--im.bottom {
  top: 50%;
  transition: top 1s linear, height 1s linear; }
  .__datatafel__dt-map-component__cc6aa .page--im.bottom.guide {
    top: 0;
    height: 100%;
    transition: top 1s linear, height 1s linear; }

.__datatafel__dt-map-component__cc6aa .im__divider {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 10pt;
  transform: translateY(-50%);
  background: #4d4d4d;
  transition: top 1s linear; }
  .__datatafel__dt-map-component__cc6aa .im__divider.hidden {
    top: -10pt;
    transition: top 1s linear; }

.__datatafel__dt-map-component__cc6aa .screensaver {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8); }
  .__datatafel__dt-map-component__cc6aa .screensaver__background {
    position: absolute;
    bottom: -95px;
    left: 222px;
    width: auto;
    height: auto;
    z-index: 0;
    object-position: center center; }
  .__datatafel__dt-map-component__cc6aa .screensaver__title {
    position: absolute;
    top: 280px;
    left: 475px;
    width: calc(515px - 50px);
    height: 515px;
    border-radius: 50%;
    z-index: 1;
    padding: 0 25px;
    text-align: center; }
    .__datatafel__dt-map-component__cc6aa .screensaver__title p {
      font-size: 27px;
      line-height: 32px;
      font-family: "QuickSand";
      font-weight: 700;
      color: var(--c-light); }
      .__datatafel__dt-map-component__cc6aa .screensaver__title p:first-child {
        font-size: 40px;
        line-height: 33pt;
        margin-top: 90px;
        margin-bottom: 20px; }
  .__datatafel__dt-map-component__cc6aa .screensaver__hand {
    width: 78px;
    height: 138px;
    object-fit: contain;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -39px;
    transform-origin: center;
    animation: pulse 2s infinite linear; }
  .__datatafel__dt-map-component__cc6aa .screensaver__bol {
    position: absolute;
    transform-origin: center;
    animation-name: pulse;
    animation: pulse infinite linear; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol:nth-child(odd) {
      animation: pulse 8s infinite linear; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol:nth-child(even) {
      animation: pulse 12s infinite linear; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol.screensaver__bol--1 {
      top: 30%;
      left: 33%; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol.screensaver__bol--2 {
      top: 10%;
      left: 49%;
      animation-delay: 0.5s; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol.screensaver__bol--3 {
      top: 64%;
      left: 44%; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol.screensaver__bol--4 {
      top: 48%;
      left: 67%;
      animation-delay: 3s; }
    .__datatafel__dt-map-component__cc6aa .screensaver__bol.screensaver__bol--5 {
      top: 14%;
      left: 83%; }

/* suggestions */
.__datatafel__dt-map-component__cc6aa .suggestions.hidden {
  display: none; }

.__datatafel__dt-map-component__cc6aa .suggestion {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background-color: var(--c-brown);
  z-index: 11;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  animation: pulse 6s infinite linear; }
  .__datatafel__dt-map-component__cc6aa .suggestion img {
    width: 44px;
    height: 78px;
    margin-top: 25px; }
  .__datatafel__dt-map-component__cc6aa .suggestion p {
    color: var(--c-light);
    font-size: 15px;
    font-family: "QuickSand";
    margin-top: 5px; }
  .__datatafel__dt-map-component__cc6aa .suggestion--drag {
    bottom: 35%;
    left: 25%; }
  .__datatafel__dt-map-component__cc6aa .suggestion--map {
    bottom: 5%;
    left: 35%;
    animation-delay: 0.5s; }
  .__datatafel__dt-map-component__cc6aa .suggestion--filter {
    bottom: 5%;
    left: 61%;
    animation-delay: 750ms; }

/* */
.__datatafel__dt-map-component__cc6aa .navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 104px;
  width: 100%;
  background-color: #8faf88;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  opacity: 1;
  transition: opacity 0.5s; }
  .__datatafel__dt-map-component__cc6aa .navigation.hidden {
    opacity: 0;
    transition: opacity 0.5s; }
  .__datatafel__dt-map-component__cc6aa .navigation:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 146px 0 0 730px;
    border-color: transparent transparent transparent #f2bf64;
    pointer-events: none; }
  .__datatafel__dt-map-component__cc6aa .navigation:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 146px 728px;
    border-color: transparent transparent #f2bf64 transparent;
    pointer-events: none; }

.__datatafel__dt-map-component__cc6aa .navigation__maps {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.__datatafel__dt-map-component__cc6aa .navigation__categories {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem; }

.__datatafel__dt-map-component__cc6aa .navigation__guide {
  position: absolute;
  right: 0;
  z-index: 3; }
  .__datatafel__dt-map-component__cc6aa .navigation__guide button, .__datatafel__dt-map-component__cc6aa .navigation__guide .guide__switch {
    background-color: var(--c-red);
    color: var(--c-light);
    width: 100px;
    height: 100px;
    opacity: 0; }

.__datatafel__dt-map-component__cc6aa .navigation__map {
  position: relative;
  min-width: 180px;
  max-height: 44px;
  box-sizing: border-box;
  background-color: #f4ebde;
  margin: 0 7.5px;
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.4rem; }
  .__datatafel__dt-map-component__cc6aa .navigation__map.map--active {
    background-color: var(--c-red); }
    .__datatafel__dt-map-component__cc6aa .navigation__map.map--active p {
      color: #F4EBDE; }
  .__datatafel__dt-map-component__cc6aa .navigation__map img {
    max-height: 26px;
    max-width: 26px;
    width: 26px;
    height: 26px; }
  .__datatafel__dt-map-component__cc6aa .navigation__map p {
    color: #793d2a;
    font-family: "QuickSand";
    font-weight: 700;
    font-size: 20px;
    text-wrap: nowrap; }

.__datatafel__dt-map-component__cc6aa .navigation__languages .languages--datatafel {
  position: absolute;
  right: 20%;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 13px;
  --item-background-color: #F4EBDE;
  --item-text-color: var(--c-brown);
  --item-active-background-color: #d8422e;
  --item-border-color: transparent; }

.__datatafel__dt-map-component__cc6aa .navigation__languages .languages--datatafel .languages__listItem {
  display: inline-block;
  float: none; }

.__datatafel__dt-map-component__cc6aa .navigation__languages .languages--datatafel .languages__button {
  appearance: none;
  outline: none;
  background-color: var(--item-background-color);
  border: 1px solid transparent;
  width: 58px;
  height: 70px;
  text-transform: uppercase;
  border-radius: 27px 27px 0 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Quicksand";
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--item-text-color);
  transition: 0.5s padding ease, 0.5s height ease; }

.__datatafel__dt-map-component__cc6aa .navigation__languages .languages--datatafel .languages__button.active {
  border-color: var(--item-border-color);
  background-color: var(--item-active-background-color);
  color: white;
  padding-bottom: 20px;
  height: 95px; }

.__datatafel__dt-map-component__cc6aa .popup__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.__datatafel__filter-component__8e7fe .filter {
  position: relative;
  top: -45px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  max-width: 110px;
  width: 110px;
  transition: top 0.1s;
  transition-timing-function: linear; }
  .__datatafel__filter-component__8e7fe .filter__shield {
    position: relative;
    width: 75px;
    height: 81px;
    transition: width 0.1s, height 0.1s;
    transition-timing-function: linear; }
    .__datatafel__filter-component__8e7fe .filter__shield svg {
      width: 100%;
      height: 100%; }
  .__datatafel__filter-component__8e7fe .filter__icon {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -50%); }
  .__datatafel__filter-component__8e7fe .filter__title {
    margin-top: 5px;
    font-size: 13px;
    font-family: "Merriweather";
    font-weight: 700;
    line-height: 15px;
    padding: 5px 5px;
    color: #793D2A;
    background-color: var(--c-light); }
  .__datatafel__filter-component__8e7fe .filter--active {
    top: -65px;
    width: 140px;
    max-width: none; }
    .__datatafel__filter-component__8e7fe .filter--active .filter__shield {
      width: 92px;
      height: 100px; }
    .__datatafel__filter-component__8e7fe .filter--active .filter__title {
      background-color: var(--c-red);
      color: var(--c-light);
      font-size: 17px;
      line-height: 21px; }
    .__datatafel__filter-component__8e7fe .filter--active .filter__shield svg .cls-1 {
      fill: var(--c-red);
      stroke: F4EBDE; }

.__datatafel__mapbox-component__446c5 .mapbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .__datatafel__mapbox-component__446c5 .mapbox .map {
    width: 100%;
    height: 100%; }
    .__datatafel__mapbox-component__446c5 .mapbox .map.no-touch {
      pointer-events: none; }

.__datatafel__mapbox-component__446c5 .dt__marker--flipped,
.__datatafel__mapbox-component__446c5 .dt__marker {
  background-image: url("ocularium://uploads/assets/poi_schild/nl/poi_schild.svg"), url("https://backend-v2.ocularium.be/storage/uploads/146/fc2ef0db-59fa-4d6f-8615-4265e53d290d.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 88px; }
  .__datatafel__mapbox-component__446c5 .dt__marker--flipped img,
  .__datatafel__mapbox-component__446c5 .dt__marker img {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; }

.__datatafel__mapbox-component__446c5 .mapboxgl-ctrl-bottom-left,
.__datatafel__mapbox-component__446c5 .mapboxgl-ctrl-bottom-right {
  bottom: -20px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden; }

@keyframes cardSlideIn {
  from {
    top: -120%; }
  to {
    top: 0; } }

@keyframes cardThumbnailFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.__feodaliteit__card-component__381ed.c-card {
  top: -120%;
  animation-name: cardSlideIn;
  animation-duration: 1.5s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards; }

.__feodaliteit__card-component__381ed.c-card--thumbnail {
  opacity: 0;
  animation-name: cardThumbnailFadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }

.__feodaliteit__card-component__381ed.c-card {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% + 20px);
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  -ms-touch-action: none;
  touch-action: none;
  user-select: none;
  opacity: 0;
  pointer-events: none; }
  .__feodaliteit__card-component__381ed.c-card > * {
    z-index: 1; }
  .__feodaliteit__card-component__381ed.c-card::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--brand-beige-45);
    border-radius: 100%;
    width: 667px;
    height: 667px; }
  .__feodaliteit__card-component__381ed.c-card.active {
    opacity: 1;
    pointer-events: all; }
  .__feodaliteit__card-component__381ed.c-card:has(.dragging) .c-card__image,
  .__feodaliteit__card-component__381ed.c-card:has(.dragging) .c-card__title, .__feodaliteit__card-component__381ed.c-card:has(.dragging)::before {
    opacity: 0.5; }
  .__feodaliteit__card-component__381ed.c-card:has(.can-drop) .c-card__image,
  .__feodaliteit__card-component__381ed.c-card:has(.can-drop) .c-card__title, .__feodaliteit__card-component__381ed.c-card:has(.can-drop)::before {
    opacity: 0.1; }
  .__feodaliteit__card-component__381ed.c-card:has(.c-card__feedback.is-closing) {
    z-index: 1; }

.__feodaliteit__card-component__381ed .c-card__title {
  position: absolute;
  bottom: 40px;
  left: 65%;
  transform: translateX(-50%);
  font-family: 'Merriweather';
  font-weight: 400;
  font-size: 47px;
  background-color: var(--brand-black);
  color: var(--brand-beige);
  padding: 0 20px;
  text-align: center;
  max-width: 350px;
  z-index: 2; }

.__feodaliteit__card-component__381ed .c-card__draggable {
  position: absolute;
  opacity: 0;
  z-index: 2; }
  .__feodaliteit__card-component__381ed .c-card__draggable.dragging {
    transform: scale(0.5);
    opacity: 1; }

.__feodaliteit__card-component__381ed .c-card__feedback {
  display: block;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: var(--brand-blue);
  transition: 1s top ease; }
  .__feodaliteit__card-component__381ed .c-card__feedback:has(.c-card__feedback__content) {
    top: 635px; }
  .__feodaliteit__card-component__381ed .c-card__feedback__content {
    position: absolute;
    bottom: 575px;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 700px;
    padding: 0 15px 0 30px;
    max-height: 420px;
    overflow: auto;
    text-align: center;
    color: var(--brand-beige-45);
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    text-wrap: pretty; }
    .__feodaliteit__card-component__381ed .c-card__feedback__content::-webkit-scrollbar {
      width: 15px; }
    .__feodaliteit__card-component__381ed .c-card__feedback__content::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.3);
      border-radius: 30px; }
    .__feodaliteit__card-component__381ed .c-card__feedback__content::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.4);
      border-radius: 30px;
      border: 3px solid transparent;
      background-clip: content-box; }
    .__feodaliteit__card-component__381ed .c-card__feedback__content p {
      line-height: inherit; }
    .__feodaliteit__card-component__381ed .c-card__feedback__content h2 {
      font-family: 'Merriweather';
      font-weight: 900;
      font-size: 70px;
      margin-bottom: 30px; }
      .__feodaliteit__card-component__381ed .c-card__feedback__content h2 + p:has(> strong) {
        font-family: 'Merriweather';
        font-weight: 700;
        margin-bottom: 10px; }
    .__feodaliteit__card-component__381ed .c-card__feedback__content p:has(> em) {
      text-transform: uppercase;
      font-size: 18px;
      margin-top: 10px;
      letter-spacing: 4px; }
      .__feodaliteit__card-component__381ed .c-card__feedback__content p:has(> em) em {
        font-style: normal; }
      .__feodaliteit__card-component__381ed .c-card__feedback__content p:has(> em)::before {
        content: '-';
        padding-right: 10px; }
      .__feodaliteit__card-component__381ed .c-card__feedback__content p:has(> em) + p:has(> em) {
        margin-top: 0; }
        .__feodaliteit__card-component__381ed .c-card__feedback__content p:has(> em) + p:has(> em)::before {
          display: none; }
  .__feodaliteit__card-component__381ed .c-card__feedback__image {
    position: absolute;
    bottom: 610px;
    left: 150px;
    transform: translateY(100%);
    max-width: 420px; }
  .__feodaliteit__card-component__381ed .c-card__feedback__close {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%); }
    .__feodaliteit__card-component__381ed .c-card__feedback__close svg {
      width: 38px;
      height: 44px; }

.__feodaliteit__card-component__381ed.c-card.c-card--thumbnail {
  position: absolute;
  display: inline-block;
  width: 165px;
  height: 165px;
  transform: none; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail::before {
    width: 100%;
    height: 100%;
    bottom: -10px; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail .c-card__feedback,
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail .c-card__draggable {
    display: none; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail .c-card__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 70%;
    max-height: 116%; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail .c-card__title {
    top: 150px;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 26px;
    box-sizing: border-box;
    padding: 2px 10px;
    color: var(--brand-beige-45);
    background-color: var(--moduleColor); }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--dl-15087 {
    --moduleColor: var(--brand-dark-green); }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--dl-15085 {
    --moduleColor: var(--brand-blue); }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--dl-15086 {
    --moduleColor: var(--brand-red); }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8697 {
    top: 625px;
    left: 505px;
    z-index: 4;
    animation-delay: 1s; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8934 {
    top: 700px;
    left: 640px;
    z-index: 3;
    animation-delay: 1.25s; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8933 {
    top: 635px;
    left: 775px;
    animation-delay: 1.5s; }
    .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8933 ~ .c-card--8933 {
      animation-delay: 2.25s; }
      .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8933 ~ .c-card--8933 .c-card__image, .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8933 ~ .c-card--8933::before {
        opacity: 0; }
      .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8933 ~ .c-card--8933 .c-card__title {
        clip-path: polygon(100% 0, 100% 100%, 0 100%); }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8935 {
    top: 490px;
    left: 985px;
    animation-delay: 2.5s; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8936 {
    top: 240px;
    left: 1130px;
    animation-delay: 2.75s; }
    .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8936 ~ .c-card--8936 {
      animation-delay: 3.5s; }
      .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8936 ~ .c-card--8936 .c-card__image, .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8936 ~ .c-card--8936::before {
        opacity: 0; }
      .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8936 ~ .c-card--8936 .c-card__title {
        clip-path: polygon(100% 0, 100% 100%, 0 100%); }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8937 {
    top: 390px;
    left: 1290px;
    animation-delay: 3.75s; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8698 {
    top: 520px;
    left: 1445px;
    animation-delay: 4s; }
  .__feodaliteit__card-component__381ed.c-card.c-card--thumbnail.c-card--8938 {
    top: 50px;
    left: 1310px;
    animation-delay: 4.25s; }

@keyframes polygonSlideIn {
  from {
    top: -100%; }
  to {
    top: calc(-100% + 150px); } }

@keyframes polygonSlideInBottom {
  from {
    bottom: -100%; }
  to {
    bottom: 0; } }

@keyframes introSlideIn {
  from {
    top: -100%; }
  to {
    top: 245px; } }

@keyframes outroSlideIn {
  from {
    top: -100%; }
  to {
    top: 110px; } }

@keyframes tutorialPointer {
  0% {
    top: 100%;
    left: 60%; }
  40% {
    top: 80%;
    left: 60%;
    transform: scale(1); }
  45% {
    transform: scale(0.8); }
  95% {
    top: 40%;
    left: 40%;
    opacity: 1; }
  96%,
  100% {
    transform: scale(0.8);
    opacity: 0; } }

@keyframes tutorialImage {
  0%,
  40% {
    transform: scale(0.5);
    opacity: 0;
    bottom: -14%;
    left: 45%; }
  45% {
    opacity: 1; }
  95% {
    opacity: 1;
    transform: scale(0.5);
    bottom: 25%;
    left: 25%; }
  96%,
  100% {
    opacity: 0; } }

@keyframes tutorialOpacity {
  0%,
  40% {
    opacity: 1; }
  45% {
    opacity: 0.5; }
  95% {
    opacity: 0.5; }
  96%,
  100% {
    opacity: 1; } }

@keyframes shieldPulse {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing::before {
  top: -100%;
  animation-name: polygonSlideIn;
  animation-duration: 1.5s;
  animation-fill-mode: forwards; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .feodaliteit__pointer,
.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card__draggable,
.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card__image,
.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card__title,
.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card::before {
  animation-duration: 6s;
  animation-delay: 3.5s; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .feodaliteit__pointer {
  position: absolute;
  width: 106px;
  left: 60%;
  top: 100%;
  animation-name: tutorialPointer; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card.active .c-card__draggable {
  animation-name: tutorialImage; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card.active .c-card__image,
.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card.active .c-card__title, .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.feodaliteit__pointer) .c-card.active::before {
  animation-name: tutorialOpacity; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__intro {
  top: -100%;
  animation-name: introSlideIn;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__cards {
  top: -100%;
  animation-name: cardsSlideIn;
  animation-duration: 1.5s;
  animation-fill-mode: forwards; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .c-shield__teaser-inner {
  animation-delay: 0.5s; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished::before {
  bottom: -100%;
  animation-name: polygonSlideInBottom;
  animation-duration: 1.5s;
  animation-fill-mode: forwards; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .c-shield#shield-15087 .c-shield__teaser-inner {
  animation-delay: 0.5s; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .c-shield#shield-15085 .c-shield__teaser-inner {
  animation-delay: 2s; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .c-shield#shield-15086 .c-shield__teaser-inner {
  animation-delay: 3.25s; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__outro {
  top: -100%;
  animation-name: outroSlideIn;
  animation-duration: 1.5s;
  animation-delay: 4s;
  animation-fill-mode: forwards; }

.__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container {
  position: absolute;
  inset: 0; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
    background-color: var(--brand-blue);
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-shield__content) .c-shield__teaser,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-shield__content) .feodaliteit__intro,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-shield__content) .c-card::before,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-shield__content) .c-card__image,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-shield__content) .c-card__title {
    opacity: 0.5;
    pointer-events: none; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-shield__content) .c-card__draggable {
    display: none; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-card__feedback__content) .feodaliteit__groups,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-card__feedback__content) .feodaliteit__intro,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-card__feedback__content) .c-card::before,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-card__feedback__content) .c-card__image,
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-card__feedback__content) .c-card__title {
    opacity: 0.1;
    pointer-events: none; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing:has(.c-card__feedback__content) .c-card__draggable {
    display: none; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__intro {
    position: absolute;
    right: 115px;
    width: 495px;
    text-align: center;
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
    color: var(--brand-dark-red); }
    .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__intro p {
      line-height: inherit; }
      .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__intro p + p {
        margin-top: 30px; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__groups {
    position: absolute;
    top: 15%;
    left: 5%;
    height: 65%;
    width: 29%; }
    .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__groups > .c-shield {
      position: absolute; }
      .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__groups > .c-shield#shield-15087 {
        bottom: 0;
        left: 0; }
      .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__groups > .c-shield#shield-15085 {
        top: 0;
        right: 0; }
      .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__groups > .c-shield#shield-15086 {
        top: 33%;
        left: 26%; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-playing .feodaliteit__counter {
    position: absolute;
    top: 0;
    right: 35px;
    width: 84px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 42px 42px;
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 27px;
    background-color: var(--brand-beige-45);
    color: var(--brand-blue); }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(73% 17%, -20% 99%, 110% 103%);
    background-color: #EBDAC1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__groups {
    position: absolute;
    bottom: 35px;
    left: calc(50% - 22px);
    transform: translateX(-50%);
    display: flex; }
    .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__groups > .c-shield:nth-child(2) {
      margin-left: 295px;
      margin-right: 250px; }
  .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__outro {
    position: absolute;
    left: 115px;
    width: 510px;
    text-align: center;
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    color: var(--brand-dark-red); }
    .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__outro h2 {
      font-family: 'Merriweather';
      font-weight: 900;
      font-size: 55px;
      line-height: inherit;
      margin-bottom: 20px; }
    .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__outro p {
      line-height: inherit;
      width: 370px;
      margin-right: auto;
      margin-left: auto; }
      .__feodaliteit__feodaliteit-page__ac017 .feodaliteit__container.state-finished .feodaliteit__outro p + p {
        margin-top: 30px; }

@keyframes imageAnimation {
  0% {
    transform: rotate(1deg); }
  50% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(1deg); } }

.__feodaliteit__nav-tiles-page__10d9d .nav__block,
.__feodaliteit__nav-tiles-page__10d9d .grid,
.__feodaliteit__nav-tiles-page__10d9d .grid__wrapper,
.__feodaliteit__nav-tiles-page__10d9d .grid__container {
  display: contents; }

.__feodaliteit__nav-tiles-page__10d9d .gridItem {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 17.5%;
  margin: 0;
  background-color: transparent;
  width: auto;
  border: 2px solid var(--brand-blue);
  border-radius: 45px;
  padding: 20px 140px; }
  .__feodaliteit__nav-tiles-page__10d9d .gridItem:active {
    transform: translateX(-50%); }
  .__feodaliteit__nav-tiles-page__10d9d .gridItem.active {
    background-color: var(--brand-blue); }
    .__feodaliteit__nav-tiles-page__10d9d .gridItem.active .gridItem__title {
      color: var(--brand-beige); }
  .__feodaliteit__nav-tiles-page__10d9d .gridItem__icon, .__feodaliteit__nav-tiles-page__10d9d .gridItem__image, .__feodaliteit__nav-tiles-page__10d9d .gridItem::after {
    display: none; }
  .__feodaliteit__nav-tiles-page__10d9d .gridItem__title {
    position: static;
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 31px;
    line-height: 1.2;
    color: var(--brand-blue); }
    .__feodaliteit__nav-tiles-page__10d9d .gridItem__title p {
      position: static;
      width: 100%;
      transform: none; }

.__feodaliteit__nav-tiles-page__10d9d .decorator {
  position: absolute; }
  .__feodaliteit__nav-tiles-page__10d9d .decorator--left {
    left: -40px;
    bottom: -65px;
    width: 660px; }
  .__feodaliteit__nav-tiles-page__10d9d .decorator--right {
    right: -40px;
    bottom: -40px;
    width: 660px; }

@keyframes shieldPulse {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

.__feodaliteit__shield-component__57a35 .c-shield__teaser-inner {
  transform: scale(0);
  animation-name: shieldPulse;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

.__feodaliteit__shield-component__57a35.c-shield#shield-15087 {
  --shield-color: var(--brand-dark-green);
  --shield-position-top: -538px; }
  .__feodaliteit__shield-component__57a35.c-shield#shield-15087 .c-shield__content {
    background-position: -80px 80px; }

.__feodaliteit__shield-component__57a35.c-shield#shield-15085 {
  --shield-color: var(--brand-blue);
  --shield-position-top: 0px; }
  .__feodaliteit__shield-component__57a35.c-shield#shield-15085 .c-shield__content {
    background-position: -50px 20px; }

.__feodaliteit__shield-component__57a35.c-shield#shield-15086 {
  --shield-color: var(--brand-red);
  --shield-position-top: -235px; }
  .__feodaliteit__shield-component__57a35.c-shield#shield-15086 .c-shield__content {
    background-position: -100px 110px; }

.__feodaliteit__shield-component__57a35 .c-shield__teaser.hidden {
  visibility: hidden; }

.__feodaliteit__shield-component__57a35 .c-shield__teaser-inner {
  position: relative;
  z-index: 1;
  mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32"><path fill="%23007c8a" d="M29.639 0h-29.404s-1.336 18.237 2.365 25.119c3.701 6.883 9.947 4.216 12.337 6.883 2.39-2.667 8.635 0 12.337-6.883 3.703-6.883 2.365-25.119 2.365-25.119z"></path></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 165px;
  height: 177px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--shield-color); }

.__feodaliteit__shield-component__57a35 .c-shield__teaser__title {
  font-size: 22px;
  line-height: 1.2;
  font-family: 'Quicksand';
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  color: var(--brand-beige-45);
  margin-top: -20px;
  hyphens: auto; }
  .__feodaliteit__shield-component__57a35 .c-shield__teaser__title:has(+ .c-shield__popup) {
    margin-top: -30px; }
  .__feodaliteit__shield-component__57a35 .c-shield__teaser__title sub {
    font-size: 18px;
    letter-spacing: 2px; }
  .__feodaliteit__shield-component__57a35 .c-shield__teaser__title strong {
    display: none; }

.__feodaliteit__shield-component__57a35 .c-shield__popup {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  display: inline-flex;
  width: 30px; }
  .__feodaliteit__shield-component__57a35 .c-shield__popup svg {
    width: 100%;
    height: auto; }

.__feodaliteit__shield-component__57a35 .c-shield__spots {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 150%;
  height: 170%; }
  .__feodaliteit__shield-component__57a35 .c-shield__spots span {
    position: absolute;
    width: 64px;
    height: 64px;
    border: 2px solid var(--shield-color);
    background-color: var(--brand-beige-45);
    border-radius: 100%;
    display: none; }
    .__feodaliteit__shield-component__57a35 .c-shield__spots span:nth-child(1) {
      bottom: 0;
      right: 60px; }
    .__feodaliteit__shield-component__57a35 .c-shield__spots span:nth-child(2) {
      bottom: 60px;
      right: 10px; }
    .__feodaliteit__shield-component__57a35 .c-shield__spots span:nth-child(3) {
      top: 78px;
      right: 0; }
    .__feodaliteit__shield-component__57a35 .c-shield__spots span:nth-child(4) {
      top: 0;
      right: 0; }
    .__feodaliteit__shield-component__57a35 .c-shield__spots span.active {
      display: block; }
    .__feodaliteit__shield-component__57a35 .c-shield__spots span img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 5px;
      box-sizing: border-box; }

.__feodaliteit__shield-component__57a35 .c-shield__content {
  position: absolute;
  z-index: 1;
  top: var(--shield-position-top);
  left: 0;
  width: 645px;
  height: 690px;
  mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32"><path fill="%23007c8a" d="M29.639 0h-29.404s-1.336 18.237 2.365 25.119c3.701 6.883 9.947 4.216 12.337 6.883 2.39-2.667 8.635 0 12.337-6.883 3.703-6.883 2.365-25.119 2.365-25.119z"></path></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--shield-color);
  background-repeat: no-repeat;
  color: var(--brand-beige-45);
  box-sizing: border-box;
  padding: 50px 80px 135px 180px;
  display: flex;
  flex-direction: column; }

.__feodaliteit__shield-component__57a35 .c-shield__content__title {
  font-family: 'Merriweather';
  font-weight: 900;
  font-size: 70px;
  line-height: 0.9;
  margin-bottom: 15px;
  flex-shrink: 0; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__title span {
    display: none; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__title sub {
    font-size: 46px; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__title strong {
    position: relative;
    display: block;
    font-family: 'Merriweather';
    font-weight: 700;
    font-size: 25px;
    line-height: 2; }

.__feodaliteit__shield-component__57a35 .c-shield__content__text {
  overflow: auto;
  padding-right: 30px;
  text-wrap: pretty; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__text p {
    min-height: 0;
    line-height: 1.3;
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 20px; }
    .__feodaliteit__shield-component__57a35 .c-shield__content__text p + p {
      margin-top: 10px; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__text::-webkit-scrollbar {
    width: 15px; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__text::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 30px; }
  .__feodaliteit__shield-component__57a35 .c-shield__content__text::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    border: 3px solid transparent;
    background-clip: content-box; }

.__feodaliteit__shield-component__57a35 .c-shield__close {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  width: 38px; }
  .__feodaliteit__shield-component__57a35 .c-shield__close svg {
    width: 100%;
    height: auto; }

.__mysticas__nav-tiles-page__d330e .nav__block {
  display: contents; }
  .__mysticas__nav-tiles-page__d330e .nav__block .grid,
  .__mysticas__nav-tiles-page__d330e .nav__block .grid__wrapper {
    display: contents; }
  .__mysticas__nav-tiles-page__d330e .nav__block .grid__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%; }
    .__mysticas__nav-tiles-page__d330e .nav__block .grid__container::after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: calc(36% - 140px);
      font-family: 'Quicksand';
      font-size: 32px;
      font-weight: 700;
      color: var(--brand-blue); }
      html[lang='nl'] .__mysticas__nav-tiles-page__d330e .nav__block .grid__container::after {
        content: 'Tik op een glasraam'; }
      html[lang='fr'] .__mysticas__nav-tiles-page__d330e .nav__block .grid__container::after {
        content: 'Cliquez sur un vitrail'; }
      html[lang='en'] .__mysticas__nav-tiles-page__d330e .nav__block .grid__container::after {
        content: 'Tap on a stained-glass window'; }
      html[lang='de'] .__mysticas__nav-tiles-page__d330e .nav__block .grid__container::after {
        content: 'Klicke auf eines der Fenster'; }
  .__mysticas__nav-tiles-page__d330e .nav__block .gridItem {
    margin: 0;
    background-color: transparent;
    height: 85%;
    width: 50%; }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem__icon, .__mysticas__nav-tiles-page__d330e .nav__block .gridItem::after {
      display: none; }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem__image {
      position: absolute;
      top: auto;
      left: auto;
      opacity: 1;
      object-fit: contain;
      width: auto;
      transform: none; }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem__title {
      all: initial;
      position: absolute;
      font-family: 'Merriweather';
      font-weight: 400;
      font-size: 47px;
      line-height: 1.2;
      color: var(--brand-dark-green); }
      .__mysticas__nav-tiles-page__d330e .nav__block .gridItem__title p {
        position: static;
        width: 100%;
        transform: none;
        font: inherit; }
      .__mysticas__nav-tiles-page__d330e .nav__block .gridItem__title::before {
        content: '';
        mask-repeat: no-repeat;
        mask-size: contain;
        display: inline-block;
        width: 60px;
        height: 32px;
        background-color: var(--brand-dark-green);
        position: absolute;
        top: 50%; }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem:nth-child(1) .gridItem__image {
      left: 80px; }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem:nth-child(1) .gridItem__title {
      bottom: calc(36% + 120px);
      right: 0;
      transform: translateX(50%); }
      .__mysticas__nav-tiles-page__d330e .nav__block .gridItem:nth-child(1) .gridItem__title::before {
        mask: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="60" height="32" viewBox="0 0 60 32"><path fill="%23375e41" d="M60.341 18.958h-49.9s9.182 8.869 9.182 8.869l-4.324 4.173-14.403-13.909c-1.189-1.149-1.189-3.024 0-4.173l14.403-13.919 4.324 4.173-9.182 8.869h49.9z"></path></svg>');
        left: -80px;
        transform: translate(-100%, -50%); }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem:nth-child(2) .gridItem__image {
      right: 80px;
      animation-delay: 2s; }
    .__mysticas__nav-tiles-page__d330e .nav__block .gridItem:nth-child(2) .gridItem__title {
      bottom: 36%;
      left: 0;
      transform: translateX(-50%); }
      .__mysticas__nav-tiles-page__d330e .nav__block .gridItem:nth-child(2) .gridItem__title::before {
        mask: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="60" height="32" viewBox="0 0 60 32"><path fill="%23375e41" d="M0.002 18.958h49.9s-9.182 8.869-9.182 8.869l4.324 4.173 14.403-13.909c1.189-1.149 1.189-3.024 0-4.173l-14.403-13.919-4.324 4.173 9.182 8.869h-49.9z"></path></svg>');
        right: -80px;
        transform: translate(100%, -50%); }

.__mysticas__subnav-digitallabel__0bc22 .dl__container {
  position: absolute;
  inset: 0; }

.__mysticas__subnav-digitallabel__0bc22 .dl__title {
  font-family: 'Merriweather';
  font-weight: 700;
  font-size: 63px;
  line-height: 1.2;
  text-align: center;
  color: var(--brand-beige-45);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  top: 85px;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards; }

.__mysticas__subnav-digitallabel__0bc22 .dl__carousel {
  height: 100%; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-button-prev,
  .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-button-next {
    position: absolute;
    top: 37%;
    margin: 0;
    background-color: var(--brand-beige-45);
    background-image: none;
    width: 22px;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards; }
    .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-button-prev.swiper-button-disabled,
    .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-button-next.swiper-button-disabled {
      opacity: 0 !important; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-button-prev {
    mask: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="32" viewBox="0 0 16 32"><path d="M13.759 32c0.411 0 0.823-0.137 1.162-0.426 0.765-0.642 0.859-1.782 0.216-2.54l-10.967-13.038 10.967-13.031c0.642-0.765 0.548-1.898-0.216-2.54s-1.898-0.548-2.54 0.216l-11.941 14.193c-0.563 0.671-0.563 1.652 0 2.323l11.941 14.2c0.354 0.426 0.866 0.642 1.378 0.642z"></path></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    left: 11%; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-button-next {
    mask: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="32" viewBox="0 0 16 32"><path d="M1.804 32c-0.411 0-0.823-0.137-1.162-0.426-0.765-0.642-0.859-1.782-0.216-2.54l10.967-13.038-10.967-13.031c-0.642-0.765-0.548-1.898 0.216-2.54s1.898-0.548 2.54 0.216l11.941 14.193c0.563 0.671 0.563 1.652 0 2.323l-11.941 14.2c-0.354 0.426-0.866 0.642-1.378 0.642z"></path></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    right: 11%; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination {
    position: absolute;
    bottom: 230px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    height: 30px;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards; }
    .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet {
      position: relative;
      background-color: var(--brand-beige-45);
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 2px solid var(--brand-green);
      border-radius: 100%;
      box-sizing: border-box;
      opacity: 1;
      margin: 0; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet::before, .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        display: block;
        height: 7px;
        z-index: -1;
        transform: translateY(-50%); }
      .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet::before {
        background-color: var(--brand-green-75);
        width: 34px; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet::after {
        width: 0;
        background-color: var(--brand-blue);
        transition: 0.5s width ease; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet:last-child::before, .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet:last-child::after {
        display: none; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet-active {
        width: 30px;
        height: 30px;
        background-color: #CEE6D0; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active) {
        background-color: var(--brand-blue); }
        .__mysticas__subnav-digitallabel__0bc22 .dl__carousel .swiper-pagination .swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active)::after {
          width: 34px; }

.__mysticas__subnav-digitallabel__0bc22 .dl__card {
  display: flex;
  justify-content: center;
  background: transparent;
  height: calc(100% - 50px);
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__tabs {
    display: none; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__wrapper {
    width: 48%;
    height: auto;
    padding: 85px 0 50px;
    display: grid;
    grid-template-areas: 'header header' 'image content' 'image footer';
    grid-template-columns: 38% 1fr;
    grid-template-rows: 85px 1fr;
    gap: 45px;
    max-height: 660px;
    transform: none;
    position: static;
    box-sizing: content-box; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__header {
    display: none; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body,
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content {
    display: contents; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__media {
    grid-area: image;
    margin: 0;
    border: 7px solid var(--brand-dark-green);
    min-height: 0;
    width: 100%;
    transform: none;
    position: static; }
    .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__media .swiper-button-prev,
    .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__media .swiper-button-next,
    .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__media .swiper-pagination {
      display: none; }
    .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__media .media__enlarge {
      color: var(--brand-beige-45); }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__container {
    grid-area: content;
    color: var(--brand-beige-45);
    font-family: 'Quicksand';
    font-size: 25px;
    line-height: 1.3;
    font-weight: 500;
    padding-top: 25px;
    overflow-y: auto;
    width: 100%; }
    .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__container__text {
      padding: 0;
      text-wrap: pretty; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__container__text::-webkit-scrollbar {
        background: var(--brand-green-75);
        width: 3px; }
      .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__body__content__container__text::-webkit-scrollbar-thumb {
        background: var(--brand-beige-45); }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__footer {
    grid-area: footer;
    margin-top: auto;
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    color: var(--brand-beige-45);
    min-height: 0; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card .card__close {
    display: none; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card.card--9320 .media__element {
    object-position: right; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__card.card--9337 .media__element {
    object-position: -175px; }

.__mysticas__subnav-digitallabel__0bc22 .dl__close {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  z-index: 1;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__close svg {
    width: 38px;
    height: 44px; }

.__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen {
  z-index: 100;
  background-color: var(--brand-beige); }
  .__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen .fullscreen__control--close svg {
    fill: var(--brand-blue); }
  .__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen .dl__carousel .swiper-button-prev,
  .__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen .dl__carousel .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    background-color: white; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen .dl__carousel .swiper-button-prev {
    left: 5%; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen .dl__carousel .swiper-button-next {
    right: 5%; }
  .__mysticas__subnav-digitallabel__0bc22 .dl__fullscreen .dl__carousel .swiper-pagination {
    display: none; }

@keyframes assetSlideIn {
  from {
    top: 0; }
  to {
    top: 100%; } }

@keyframes itemSlideIn {
  from {
    top: -100%; }
  to {
    top: var(--itemTop); } }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block {
  position: absolute;
  inset: 0; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block::before, .__mysticas__subnav-tiles-page__44ae4 .subnav__block::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    z-index: 1; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block::before {
    background-color: var(--brand-green);
    animation-name: polygonSlideIn; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block::after {
    background-color: transparent;
    animation-name: polygonColor;
    animation-delay: 1.5s;
    transition: 1s top ease; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .background {
    z-index: 1; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block .background__asset {
      width: auto;
      height: auto;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -100%);
      animation-name: assetSlideIn;
      animation-duration: 1.5s;
      animation-delay: 0.5s;
      animation-fill-mode: forwards; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid,
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__wrapper,
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container {
    position: absolute;
    inset: 0;
    display: block;
    width: auto;
    height: auto;
    transform: none; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::before, .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::after {
    position: absolute;
    left: auto;
    right: 115px;
    width: 530px;
    height: auto;
    opacity: 0;
    z-index: 0;
    transform: none;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    font-family: 'Quicksand';
    line-height: 1.2;
    font-size: 34px;
    text-align: center;
    color: #793D2A; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::before {
    font-weight: 700;
    top: 240px; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::after {
    font-weight: 500;
    top: 350px; }
    html[lang='nl'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::after {
      content: 'Kies een verhaal.'; }
    html[lang='fr'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::after {
      content: 'Choisissez un récit'; }
    html[lang='en'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::after {
      content: 'Choose a story'; }
    html[lang='de'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block .grid__container::after {
      content: 'Wähle eine Geschichte'; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem {
    --itemTop: 0;
    margin: 0;
    appearance: none;
    position: absolute;
    display: inline-block;
    background-color: transparent;
    border: none;
    padding: 0;
    top: -100%;
    width: 190px;
    height: 190px;
    animation-name: itemSlideIn;
    animation-duration: 1.5s;
    animation-fill-mode: forwards; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem__icon {
      display: none; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem__image {
      position: static;
      opacity: 1;
      transform: none;
      border-radius: 100%;
      overflow: hidden;
      border: 6px solid var(--brand-blue);
      box-sizing: border-box; }
      .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem__image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem__title {
      position: absolute;
      transform: translateY(-100%);
      height: auto;
      bottom: auto;
      width: auto; }
      .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem__title p {
        position: static;
        transform: none;
        display: inline-block;
        font-family: "Quicksand";
        font-weight: 700;
        font-size: 22px;
        color: var(--brand-blue);
        background-color: var(--brand-beige);
        border: 2px solid var(--brand-blue);
        border-radius: 22px;
        padding: 5px 30px;
        white-space: nowrap;
        min-width: 160px;
        width: auto;
        box-sizing: border-box;
        text-align: center;
        overflow: initial; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block .gridItem.active .dl__grid__item__title {
      background-color: var(--brand-blue);
      color: var(--brand-beige); }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block .page--dl {
    z-index: 2; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block .page--dl:has(.dl__fullscreen) {
      z-index: 100; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block:has(.page--dl)::after {
    background: var(--brand-green);
    top: -50px; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block:has(.page--dl) .background {
    background-image: none; }
    .__mysticas__subnav-tiles-page__44ae4 .subnav__block:has(.page--dl) .background__asset {
      opacity: 0.1; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block:has(.page--dl) .grid {
    opacity: 0; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 video.decorator {
  position: absolute;
  left: -10px;
  bottom: 60px;
  width: 295px; }

html[lang='nl'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .grid__container::before {
  content: 'Leer Lutgardis van Tongeren kennen.'; }

html[lang='fr'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .grid__container::before {
  content: 'Faites connaissance avec Lutgarde de Tongres.'; }

html[lang='en'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .grid__container::before {
  content: 'Get to know Lutgardis of Tongeren.'; }

html[lang='de'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .grid__container::before {
  content: 'Lerne Luitgard von Tongern kennen.'; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(1) {
  --itemTop: 175px;
  left: 397px;
  animation-delay: 1.8s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(1) .gridItem__title {
    top: 90%;
    right: 48%; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(2) {
  --itemTop: 492px;
  left: 302px;
  animation-delay: 1.4s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(2) .gridItem__title {
    top: 108%;
    left: 24%; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(2) .gridItem__image {
    object-position: top; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(3) {
  --itemTop: 793px;
  left: 559px;
  animation-delay: 1s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(3) .gridItem__title {
    top: 105%;
    right: 54%; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(3) .gridItem__image {
    object-position: top; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(4) {
  --itemTop: 440px;
  left: 1448px;
  animation-delay: 1.6s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(4) .gridItem__title {
    top: 108%;
    right: -30%; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(4) .gridItem__image {
    object-position: top; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(5) {
  --itemTop: 731px;
  left: 1189px;
  animation-delay: 1.2s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(5) .gridItem__title {
    top: 110%;
    left: 27%; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13267 .gridItem:nth-child(5) .gridItem__image {
    object-position: top; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 video.decorator {
  position: absolute;
  left: 60px;
  bottom: 50px;
  width: 235px; }

html[lang='nl'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .grid__container::before {
  content: 'Leer Christina de Wonderbare kennen.'; }

html[lang='fr'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .grid__container::before {
  content: 'Faites la connaissance de Christine l’Admirable.'; }

html[lang='en'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .grid__container::before {
  content: 'Get to know Christina the Astonishing.'; }

html[lang='de'] .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .grid__container::before {
  content: 'Lerne Christina die Wunderbare kennen.'; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(1) {
  --itemTop: 395px;
  left: 470px;
  animation-delay: 1.6s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(1) .gridItem__title {
    top: 90%;
    right: -48%; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(2) {
  --itemTop: 728px;
  left: 508px;
  animation-delay: 1.2s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(2) .gridItem__title {
    top: 111%;
    left: 43%; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(3) {
  --itemTop: 440px;
  left: 1448px;
  animation-delay: 1.4s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(3) .gridItem__title {
    top: 108%;
    right: -3%; }

.__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(4) {
  --itemTop: 730px;
  left: 1190px;
  animation-delay: 1s; }
  .__mysticas__subnav-tiles-page__44ae4 .subnav__block--13268 .gridItem:nth-child(4) .gridItem__title {
    top: 110%;
    left: 46%; }

.unity--container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 1080px; }
  .unity--container canvas {
    width: 1920px;
    height: 1080px; }
  .unity--container--loading {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    color: white;
    background: black;
    text-align: center;
    line-height: 650px;
    font-size: 1.39em; }

#unity-content {
  top: 0px; }

.application__unity .unity--container {
  left: -10000px; }

.application__unity.loading {
  z-index: 666;
  left: 0; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes bigPolygonSlideIn {
  5%, 100% {
    top: calc(-100% + 150px); }
  15%, 90% {
    top: calc(-100% + 390px); } }

@keyframes smallPolygonSlideIn {
  5%, 100% {
    top: -100%; }
  15%, 90% {
    top: calc(-100% + 150px); } }

@keyframes polygonSlideIn {
  from {
    top: -100%; }
  to {
    top: calc(-100% + 150px); } }

@keyframes polygonColor {
  from {
    background-color: transparent; }
  to {
    background-color: var(--brand-green); } }

/* verovering */
@keyframes polygonSlideInVeroveringHome {
  from {
    top: -100%; }
  to {
    top: calc(-100% + 350px); } }

@keyframes polygonSlideInVeroveringHomeRed {
  from {
    top: -100%; }
  to {
    top: calc(-100% + 250px); } }

body {
  -webkit-user-select: None;
  /* Chrome all / Safari all */
  -moz-user-select: None;
  /* Firefox all */
  -ms-user-select: None;
  /* IE 10+ */
  user-select: None;
  /* Likely future */
  -webkit-text-size-adjust: none;
  /* Cghrome all / Safari all */
  -moz-text-size-adjust: none;
  /* Firefox all */
  -ms-text-size-adjust: none;
  /* IE 10+ */
  text-size-adjust: none;
  /* Likely future */
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  overscroll-behavior: none;
  position: relative;
  top: 0;
  width: 100%;
  height: 100vh;
  transition: top 500ms ease-out;
  font-size: 18px;
  background: #2c2b2b; }

button:focus,
input:focus {
  outline: none !important; }

/* */
p,
h1,
h2,
h3,
span,
div {
  line-height: 1.4em; }

p {
  min-height: 1em; }

/* */
@media screen and (max-width: 1600px) {
  body {
    font-size: 12px; } }

@media screen and (min-width: 1921px) {
  body {
    font-size: 24px; } }

/* */
:root {
  --c-red: #d8422e;
  --c-red_dark: #793d2a;
  --c-light: #f4ebde;
  --c-green: #375E41;
  --c-brown: #793D2A;
  --fc-light: #e6d3b5; }

/* */
.filter {
  position: relative;
  top: -45px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  max-width: 110px;
  width: 110px;
  transition: top 0.1s;
  transition-timing-function: linear; }
  .filter__shield {
    position: relative;
    width: 75px;
    height: 81px;
    transition: width 0.1s, height 0.1s;
    transition-timing-function: linear; }
    .filter__shield svg {
      width: 100%;
      height: 100%; }
  .filter__icon {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -50%); }
  .filter__title {
    margin-top: 5px;
    font-size: 13px;
    font-family: "Merriweather";
    font-weight: 700;
    line-height: 15px;
    padding: 5px 5px;
    color: #793D2A;
    background-color: var(--c-light); }
  .filter--active {
    top: -65px;
    width: 140px;
    max-width: none; }
    .filter--active .filter__shield {
      width: 92px;
      height: 100px; }
    .filter--active .filter__title {
      background-color: var(--c-red);
      color: var(--c-light);
      font-size: 17px;
      line-height: 21px; }
    .filter--active .filter__shield svg .cls-1 {
      fill: var(--c-red);
      stroke: F4EBDE; }

.page--im {
  overflow: hidden; }

/* map info */
.im__alert__close {
  float: right;
  color: var(--c-accent-blend);
  background-color: var(--c-accent); }

.im__buttons {
  padding: 0;
  margin: 0;
  top: 25%;
  width: 52px;
  position: absolute;
  right: 3%;
  height: auto; }

.im__button {
  position: relative;
  z-index: 3;
  margin-bottom: 15px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 1.5em; }
  .im__button.im__button--disabled {
    opacity: 0.7;
    pointer-events: none; }

.im__button.im__button--info,
.im__button.im__button--reset {
  padding: 0;
  margin: 0; }

.im__info__drawer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  pointer-events: all;
  opacity: 1; }
  .im__info__drawer.im__info__drawer--hidden {
    pointer-events: none; }
    .im__info__drawer.im__info__drawer--hidden .im__info__drawer__background {
      opacity: 0; }
    .im__info__drawer.im__info__drawer--hidden .im__info__drawer__content {
      right: -30%; }

.im__info__drawer__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.78; }

.im__info__drawer__content {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25%;
  max-height: 55vh;
  transform: translateY(-50%);
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px; }

.im__info__drawer__title {
  margin: 1.5rem; }

.im__info__drawer__description {
  margin: 1.5rem;
  padding-right: 0.5rem;
  max-height: calc(55vh - 6.5rem);
  overflow-y: auto; }

/* map filters */
/* */
/* */
/* map - points - background */
.im__wrapper--flipped,
.im__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  touch-action: none; }

.im__background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  pointer-events: none; }

.im__pointsContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1; }

.fullscreen > .fullscreen__content {
  width: 100%;
  height: 100%;
  max-width: 100%; }

.fullscreen .mediaComponent__enlarge {
  display: none; }

.im__carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .im__carousel .carousel__swiper {
    height: 100%;
    width: 100%; }

/* map points */
.poi__wrapper {
  position: absolute;
  outline: none;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  line-height: 0; }

/* -------------- */
/* -------------- */
/* -------------- */
/* BORGLOON */
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.application__view:has(.page--15636) .menu--bottom.menu--left:before,
.application__view:has(.page--15636) .menu--bottom.menu--right:before,
.application__view:has(.page--14854) .menu--bottom.menu--left:before,
.application__view:has(.page--14854) .menu--bottom.menu--right:before {
  display: none; }

.page--im {
  width: 100%;
  height: 50%; }

.page--im.top {
  top: 0;
  left: 0;
  transform: scale(-1);
  transition: top 1s linear; }
  .page--im.top.hidden {
    top: -50%;
    transition: top 1s linear; }

.page--im.bottom {
  top: 50%;
  transition: top 1s linear, height 1s linear; }
  .page--im.bottom.guide {
    top: 0;
    height: 100%;
    transition: top 1s linear, height 1s linear; }

.im__divider {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 10pt;
  transform: translateY(-50%);
  background: #4d4d4d;
  transition: top 1s linear; }
  .im__divider.hidden {
    top: -10pt;
    transition: top 1s linear; }

.screensaver {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8); }
  .screensaver__background {
    position: absolute;
    bottom: -95px;
    left: 222px;
    width: auto;
    height: auto;
    z-index: 0;
    object-position: center center; }
  .screensaver__title {
    position: absolute;
    top: 280px;
    left: 475px;
    width: calc(515px - 50px);
    height: 515px;
    border-radius: 50%;
    z-index: 1;
    padding: 0 25px;
    text-align: center; }
    .screensaver__title p {
      font-size: 27px;
      line-height: 32px;
      font-family: "QuickSand";
      font-weight: 700;
      color: var(--c-light); }
      .screensaver__title p:first-child {
        font-size: 40px;
        line-height: 33pt;
        margin-top: 90px;
        margin-bottom: 20px; }
  .screensaver__hand {
    width: 78px;
    height: 138px;
    object-fit: contain;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -39px;
    transform-origin: center;
    animation: pulse 2s infinite linear; }
  .screensaver__bol {
    position: absolute;
    transform-origin: center;
    animation-name: pulse;
    animation: pulse infinite linear; }
    .screensaver__bol:nth-child(odd) {
      animation: pulse 8s infinite linear; }
    .screensaver__bol:nth-child(even) {
      animation: pulse 12s infinite linear; }
    .screensaver__bol.screensaver__bol--1 {
      top: 30%;
      left: 33%; }
    .screensaver__bol.screensaver__bol--2 {
      top: 10%;
      left: 49%;
      animation-delay: 0.5s; }
    .screensaver__bol.screensaver__bol--3 {
      top: 64%;
      left: 44%; }
    .screensaver__bol.screensaver__bol--4 {
      top: 48%;
      left: 67%;
      animation-delay: 3s; }
    .screensaver__bol.screensaver__bol--5 {
      top: 14%;
      left: 83%; }

/* suggestions */
.suggestions.hidden {
  display: none; }

.suggestion {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background-color: var(--c-brown);
  z-index: 11;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  animation: pulse 6s infinite linear; }
  .suggestion img {
    width: 44px;
    height: 78px;
    margin-top: 25px; }
  .suggestion p {
    color: var(--c-light);
    font-size: 15px;
    font-family: "QuickSand";
    margin-top: 5px; }
  .suggestion--drag {
    bottom: 35%;
    left: 25%; }
  .suggestion--map {
    bottom: 5%;
    left: 35%;
    animation-delay: 0.5s; }
  .suggestion--filter {
    bottom: 5%;
    left: 61%;
    animation-delay: 750ms; }

/* */
.navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 104px;
  width: 100%;
  background-color: #8faf88;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  opacity: 1;
  transition: opacity 0.5s; }
  .navigation.hidden {
    opacity: 0;
    transition: opacity 0.5s; }
  .navigation:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 146px 0 0 730px;
    border-color: transparent transparent transparent #f2bf64;
    pointer-events: none; }
  .navigation:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 146px 728px;
    border-color: transparent transparent #f2bf64 transparent;
    pointer-events: none; }

.navigation__maps {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.navigation__categories {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem; }

.navigation__guide {
  position: absolute;
  right: 0;
  z-index: 3; }
  .navigation__guide button, .navigation__guide .guide__switch {
    background-color: var(--c-red);
    color: var(--c-light);
    width: 100px;
    height: 100px;
    opacity: 0; }

.navigation__map {
  position: relative;
  min-width: 180px;
  max-height: 44px;
  box-sizing: border-box;
  background-color: #f4ebde;
  margin: 0 7.5px;
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.4rem; }
  .navigation__map.map--active {
    background-color: var(--c-red); }
    .navigation__map.map--active p {
      color: #F4EBDE; }
  .navigation__map img {
    max-height: 26px;
    max-width: 26px;
    width: 26px;
    height: 26px; }
  .navigation__map p {
    color: #793d2a;
    font-family: "QuickSand";
    font-weight: 700;
    font-size: 20px;
    text-wrap: nowrap; }

.navigation__languages .languages--datatafel {
  position: absolute;
  right: 20%;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 13px;
  --item-background-color: #F4EBDE;
  --item-text-color: var(--c-brown);
  --item-active-background-color: #d8422e;
  --item-border-color: transparent; }

.navigation__languages .languages--datatafel .languages__listItem {
  display: inline-block;
  float: none; }

.navigation__languages .languages--datatafel .languages__button {
  appearance: none;
  outline: none;
  background-color: var(--item-background-color);
  border: 1px solid transparent;
  width: 58px;
  height: 70px;
  text-transform: uppercase;
  border-radius: 27px 27px 0 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Quicksand";
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--item-text-color);
  transition: 0.5s padding ease, 0.5s height ease; }

.navigation__languages .languages--datatafel .languages__button.active {
  border-color: var(--item-border-color);
  background-color: var(--item-active-background-color);
  color: white;
  padding-bottom: 20px;
  height: 95px; }

.popup__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@keyframes fadeInCard {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.dt__card--flipped,
.dt__card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 420px;
  height: auto;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  animation: fadeInCard 500ms linear; }
  .dt__card--flipped .route,
  .dt__card .route {
    position: absolute;
    width: auto;
    height: auto;
    pointer-events: none; }
  .dt__card--flipped .card__content,
  .dt__card .card__content {
    position: absolute;
    top: 70px;
    width: 420px;
    max-height: 480px;
    left: -420px;
    background-color: var(--c-green);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .dt__card--flipped .card__content::before,
    .dt__card .card__content::before {
      content: "";
      position: absolute;
      top: -70px;
      left: 0;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 0 70px 420px;
      border-color: transparent transparent var(--c-green) transparent; }
    .dt__card--flipped .card__content .card__close,
    .dt__card .card__content .card__close {
      position: absolute;
      top: -65px;
      right: 0;
      width: 40px;
      height: 40px;
      margin: 1rem;
      z-index: 10; }
      .dt__card--flipped .card__content .card__close svg,
      .dt__card .card__content .card__close svg {
        fill: var(--c-light); }
  .dt__card--flipped .card__media,
  .dt__card .card__media {
    position: relative;
    width: 264px;
    height: 282px;
    margin-top: calc(282px / -2);
    left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzQwLjYyIDc5My4zMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2U2ZDNiNTsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Iklzb2xhdGllbW9kdXMiPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzM0Ljc5LDBINS44M3MtMzMuMTMsNDUyLjExLDU4LjYyLDYyMi43MWM5MS43NiwxNzAuNjEsMjQ2LjYsMTA0LjUsMzA1Ljg2LDE3MC42MSw1OS4yNi02Ni4xMSwyMTQuMSwwLDMwNS44Ni0xNzAuNjFDNzY3LjkyLDQ1Mi4xMSw3MzQuNzksMCw3MzQuNzksMFoiLz4KICA8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    animation: fadeInCard 1s linear; }
    .dt__card--flipped .card__media .swiper-container,
    .dt__card--flipped .card__media .card__slider,
    .dt__card .card__media .swiper-container,
    .dt__card .card__media .card__slider {
      width: 100%;
      height: 100%;
      mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzQwLjYyIDc5My4zMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2U2ZDNiNTsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Iklzb2xhdGllbW9kdXMiPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzM0Ljc5LDBINS44M3MtMzMuMTMsNDUyLjExLDU4LjYyLDYyMi43MWM5MS43NiwxNzAuNjEsMjQ2LjYsMTA0LjUsMzA1Ljg2LDE3MC42MSw1OS4yNi02Ni4xMSwyMTQuMSwwLDMwNS44Ni0xNzAuNjFDNzY3LjkyLDQ1Mi4xMSw3MzQuNzksMCw3MzQuNzksMFoiLz4KICA8L2c+Cjwvc3ZnPg==);
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: calc(100% - 20px) calc(100% - 20px); }
    .dt__card--flipped .card__media .media .media__element,
    .dt__card .card__media .media .media__element {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .dt__card--flipped .card__media .media__enlarge,
    .dt__card .card__media .media__enlarge {
      display: none; }
    .dt__card--flipped .card__media .swiper-button-next,
    .dt__card--flipped .card__media .swiper-button-prev,
    .dt__card .card__media .swiper-button-next,
    .dt__card .card__media .swiper-button-prev {
      top: 20px;
      width: 50px;
      display: none; }
    .dt__card--flipped .card__media .swiper-button-next,
    .dt__card .card__media .swiper-button-next {
      right: -30px;
      background: red; }
    .dt__card--flipped .card__media .carousel .swiper-pagination,
    .dt__card .card__media .carousel .swiper-pagination {
      right: 0; }
    .dt__card--flipped .card__media .card__media__info,
    .dt__card .card__media .card__media__info {
      position: absolute;
      right: -25%;
      bottom: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px; }
      .dt__card--flipped .card__media .card__media__info .next,
      .dt__card--flipped .card__media .card__media__info .prev,
      .dt__card .card__media .card__media__info .next,
      .dt__card .card__media .card__media__info .prev {
        position: relative;
        width: 10px;
        height: 23px; }
        .dt__card--flipped .card__media .card__media__info .next img,
        .dt__card--flipped .card__media .card__media__info .prev img,
        .dt__card .card__media .card__media__info .next img,
        .dt__card .card__media .card__media__info .prev img {
          width: 10px;
          height: 23px;
          object-fit: contain; }
      .dt__card--flipped .card__media .card__media__info .next,
      .dt__card .card__media .card__media__info .next {
        margin-right: 5px; }
      .dt__card--flipped .card__media .card__media__info .prev,
      .dt__card .card__media .card__media__info .prev {
        margin-left: -2px; }
      .dt__card--flipped .card__media .card__media__info .next img,
      .dt__card .card__media .card__media__info .next img {
        transform: rotate(180deg); }
      .dt__card--flipped .card__media .card__media__info .card__media__info__actions,
      .dt__card .card__media .card__media__info .card__media__info__actions {
        width: 100%;
        display: flex;
        justify-content: space-between; }
      .dt__card--flipped .card__media .card__media__info .card__media__pagination,
      .dt__card .card__media .card__media__info .card__media__pagination {
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .dt__card--flipped .card__media .card__media__info .card__media__pagination__item,
        .dt__card .card__media .card__media__info .card__media__pagination__item {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background-color: #e6d3b5;
          opacity: 0.5;
          margin: 0 2.5px;
          border: 1px solid #e6d3b5; }
          .dt__card--flipped .card__media .card__media__info .card__media__pagination__item.active,
          .dt__card .card__media .card__media__info .card__media__pagination__item.active {
            opacity: 1;
            background-color: transparent; }
  .dt__card--flipped .card__header__title,
  .dt__card .card__header__title {
    font-family: "Merriweather";
    font-weight: 700;
    text-align: left;
    font-size: 22pt;
    color: var(--c-light);
    margin: 0 40px; }
  .dt__card--flipped .card__header__sub,
  .dt__card .card__header__sub {
    font-size: 20pt;
    color: var(--c-light);
    text-align: left;
    margin: 0 40px;
    display: none; }
  .dt__card--flipped .card__body__tabs,
  .dt__card .card__body__tabs {
    display: none; }
  .dt__card--flipped .card__content__text__container,
  .dt__card .card__content__text__container {
    position: relative;
    margin: 0 40px 1rem 40px;
    flex-grow: 1; }
    .dt__card--flipped .card__content__text__container .or__card__scrollButtons,
    .dt__card .card__content__text__container .or__card__scrollButtons {
      width: 44px;
      right: -40px;
      margin: 0; }
      .dt__card--flipped .card__content__text__container .or__card__scrollButtons .or__card__scrollButton,
      .dt__card .card__content__text__container .or__card__scrollButtons .or__card__scrollButton {
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0; }
        .dt__card--flipped .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--up,
        .dt__card .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--up {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f4ebde'%2F%3E%3C%2Fsvg%3E"); }
        .dt__card--flipped .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--down,
        .dt__card .card__content__text__container .or__card__scrollButtons .or__card__scrollButton--down {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f4ebde'%20transform%3D'translate(0%2044) scale(1%20-1)'%2F%3E%3C%2Fsvg%3E");
          background-position: 100% 50%; }
  .dt__card--flipped .card__content__text,
  .dt__card .card__content__text {
    padding-right: 2%;
    padding-top: 2%;
    overflow-y: auto;
    height: 140px;
    max-height: 140px;
    overflow-y: hidden;
    font-family: "QuickSand", sans-serif;
    font-size: 12.75pt;
    color: var(--c-light); }
    .dt__card--flipped .card__content__text p:first-child,
    .dt__card .card__content__text p:first-child {
      margin-top: 0; }
    .dt__card--flipped .card__content__text p:last-child,
    .dt__card .card__content__text p:last-child {
      margin-bottom: 0; }
    .dt__card--flipped .card__content__text p,
    .dt__card .card__content__text p {
      margin: 0.5rem 0; }
    .dt__card--flipped .card__content__text p:nth-last-child(-n + 3),
    .dt__card .card__content__text p:nth-last-child(-n + 3) {
      margin: 0; }
    .dt__card--flipped .card__content__text::-webkit-scrollbar,
    .dt__card .card__content__text::-webkit-scrollbar {
      width: 10px; }
    .dt__card--flipped .card__content__text::-webkit-scrollbar-thumb,
    .dt__card .card__content__text::-webkit-scrollbar-thumb {
      background-color: #62816b;
      border-radius: 10px; }
    .dt__card--flipped .card__content__text::-webkit-scrollbar-track,
    .dt__card .card__content__text::-webkit-scrollbar-track {
      background-color: #466a50;
      border-radius: 10px; }

.dt__card--flipped .card__footer,
.dt__card .card__footer {
  font-family: "QuickSand", sans-serif;
  font-size: 10pt;
  color: var(--c-light);
  margin: 0 20px 10px 40px;
  width: calc(100% - 60px);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between; }

/* QR code */
.dt__card--flipped .card__footer figure,
.dt__card .card__footer figure {
  width: 75px;
  height: auto;
  margin: 0; }
  .dt__card--flipped .card__footer figure svg,
  .dt__card .card__footer figure svg {
    position: relative;
    width: 100%;
    height: auto;
    pointer-events: none;
    fill: red; }
    .dt__card--flipped .card__footer figure svg rect,
    .dt__card .card__footer figure svg rect {
      fill: var(--c-green); }
    .dt__card--flipped .card__footer figure svg path,
    .dt__card .card__footer figure svg path {
      fill: var(--c-light); }

.mapbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .mapbox .map {
    width: 100%;
    height: 100%; }
    .mapbox .map.no-touch {
      pointer-events: none; }

.dt__marker--flipped,
.dt__marker {
  background-image: url("ocularium://uploads/assets/poi_schild/nl/poi_schild.svg"), url("https://backend-v2.ocularium.be/storage/uploads/146/fc2ef0db-59fa-4d6f-8615-4265e53d290d.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 88px; }
  .dt__marker--flipped img,
  .dt__marker img {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; }

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
  bottom: -20px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden; }

@keyframes pointer-popup-component-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.pointerPopup {
  position: absolute;
  min-width: 400px;
  width: 20.83%;
  height: auto;
  touch-action: none;
  z-index: 50;
  background-color: white;
  animation: pointer-popup-component-fadein .5s; }
  .pointerPopup:focus {
    appearance: none;
    outline: none; }

.pointerPopup.draggable {
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }
  .pointerPopup.draggable .pointerPopup__header__button {
    display: table; }

.pointerPopup.dragging {
  transition-duration: 0s; }
  .pointerPopup.dragging .pointerPopup__header__button, .pointerPopup.dragging .pointerPopup__content {
    pointer-events: none;
    opacity: 0.5; }

.pointerPopup.last-active-popup {
  z-index: 51; }

/* */
.pointerPopup__header__button {
  position: absolute;
  top: 2%;
  width: 44px;
  height: 44px;
  font-size: 1.55em;
  z-index: 3; }
  .pointerPopup__header__button.pointerPopup__header__button--reset {
    display: none; }
  .pointerPopup__header__button .pointerPopup__header__button__icon {
    display: table-cell;
    vertical-align: middle; }
  .pointerPopup__header__button svg, .pointerPopup__header__button path, .pointerPopup__header__button .pointerPopup__header__button__icon {
    pointer-events: none; }

.pointerPopup__header__button--reset {
  height: 55px;
  width: 60px;
  left: 2%;
  object-fit: cover; }

.pointerPopup__header__button--close {
  right: 2%;
  width: 30px;
  height: 30px; }

/* */
.pointerPopup__content {
  position: relative;
  padding: 0 8% 0 8%;
  margin-top: 10%; }
  .pointerPopup__content .pointerPopup__content__tabs {
    height: 50px;
    border-color: var(--c-accent); }
    .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab {
      float: left;
      box-sizing: border-box;
      padding-bottom: 2%;
      border-bottom: solid 6px;
      text-align: center;
      text-overflow: ellipsis; }
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab__title {
        font-size: 1em;
        margin: 0 1%; }
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(1) {
        width: 100%; }
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(2),
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(2) ~ .pointerPopup__content__tab {
        width: 50%; }
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(3),
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab:first-child:nth-last-child(3) ~ .pointerPopup__content__tab {
        width: 33.3333%; }
      .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab.pointerPopup__content__tab--active {
        border-color: inherit; }

.pointerPopup__content__pane {
  font-size: 1em;
  margin: 3% 0; }

.pointerPopup__content__description {
  margin: 3% 0; }

.pointerPopup__content__assets {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 1% 0; }
  .pointerPopup__content__assets .pointerPopup__asset__slider.carousel {
    max-width: 400px;
    width: 100%;
    max-height: 200px;
    height: 200px;
    margin: 0 auto; }
    .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container {
      max-height: 200px;
      height: 200px; }
      .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .swiper-button-prev, .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .swiper-button-next {
        transform: scale(0.6); }
      .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .videoComponent__timer .timer__canvas {
        width: 2.77em;
        height: 2.77em; }
      .pointerPopup__content__assets .pointerPopup__asset__slider.carousel .carousel__swiper.swiper-container .videoComponent__timer .timer__label {
        font-size: 0.56em; }

.pointerPopup__footer {
  margin: 5% 0;
  width: 100%; }

@media screen and (max-width: 1024px) {
  .pointerPopup {
    top: 16% !important;
    left: 2.5% !important;
    width: 95%;
    height: 75%; }
    .pointerPopup .pointerPopup__header__button--reset {
      display: none !important; }
    .pointerPopup .pointerPopup__content {
      margin-top: 6%;
      height: 80%;
      overflow-y: auto; }
    .pointerPopup .pointerPopup__header__button--close {
      right: 1%; } }

.application--7024 {
  --brand-beige: #E6D3B5;
  --brand-beige-45: #F4EBDE;
  --brand-blue: #007C8A;
  --brand-green: #8FAF88;
  --brand-green-75: #ABC3A6;
  --brand-dark-green: #375E41;
  background-color: var(--brand-beige); }

.application--7024 .menu {
  --background-color: var(--brand-blue);
  --item-text-color: var(--brand-dark-green);
  --item-border-color: var(--item-text-color);
  --item-background-color: var(--brand-beige-45);
  --item-active-background-color: var(--brand-beige); }

.application--7024 .menu--top.menu--center {
  display: contents; }
  .application--7024 .menu--top.menu--center .menu__content {
    display: contents; }

.application--7024 .menu__title {
  font-family: 'Merriweather';
  font-size: 63px;
  font-weight: 700;
  white-space: nowrap;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--brand-dark-green); }
  html[lang='fr'] .application--7024 .menu__title,
  html[lang='de'] .application--7024 .menu__title {
    letter-spacing: -4px; }

.application--7024:not(:has(.page--nav)) .menu__title, .application--7024:has(.subnav__block) .menu__title {
  display: none; }

.application--7024 .page--nav--13097::before, .application--7024 .page--nav--13097::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  z-index: 1; }

.application--7024 .page--nav--13097::before {
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  top: calc(-100% + 150px);
  background-color: var(--brand-green);
  animation-name: bigPolygonSlideIn; }

.application--7024 .page--nav--13097::after {
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  top: -100%;
  background-color: var(--brand-blue);
  animation-name: smallPolygonSlideIn; }

.application--7030 {
  --brand-beige: #E6D3B5;
  --brand-beige-45: #F4EBDE;
  --brand-blue: #007C8A;
  --brand-dark-green: #375E41;
  --brand-yellow: #F2BF64;
  --brand-red: #A73A22;
  --brand-dark-red: #793D2A;
  --brand-black: #1A1A1A;
  background-color: var(--brand-beige); }

.application--7030 .menu {
  --background-color: var(--brand-yellow);
  --item-text-color: var(--brand-dark-green);
  --item-border-color: var(--item-text-color);
  --item-background-color: var(--brand-beige-45);
  --item-active-background-color: var(--brand-beige); }

.application--7030 .menu--top.menu--center {
  display: contents; }
  .application--7030 .menu--top.menu--center .menu__content {
    display: contents; }

.application--7030 .menu__title {
  display: block;
  font-family: 'Merriweather';
  font-size: 63px;
  font-weight: 700;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--brand-dark-green);
  width: 65%; }
  .application--7030 .menu__title span {
    display: block;
    font-size: 47px;
    font-weight: 400;
    margin-top: 50px; }

.application--7030:not(:has(.page--nav)) .menu__title {
  display: none; }

.application--7030 .page--nav::before, .application--7030 .page--nav::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  z-index: 1; }

.application--7030 .page--nav::before {
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  top: calc(-100% + 150px);
  background-color: var(--brand-yellow);
  animation-name: bigPolygonSlideIn; }

.application--7030 .page--nav::after {
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  top: -100%;
  background-color: var(--brand-blue);
  animation-name: smallPolygonSlideIn; }

@keyframes veroveringTutorialPointer {
  0% {
    top: -40px;
    left: 300px;
    opacity: 1; }
  30%,
  35% {
    top: -42px;
    left: 58px; }
  95% {
    top: -300px;
    left: -450px;
    opacity: 1; }
  96%,
  100% {
    top: -300px;
    left: -450px; } }

@keyframes veroveringTutorialIcon {
  0% {
    top: 0px;
    left: 12px;
    opacity: 1; }
  36% {
    top: 0px;
    left: 12px; }
  95% {
    top: -257px;
    left: -495px;
    opacity: 1; }
  96%,
  100% {
    top: -257px;
    left: -495px; } }

.verovering__state {
  position: absolute;
  top: 0;
  left: 0;
  background: red;
  color: white;
  z-index: 9999;
  display: none; }

.game__status {
  position: absolute;
  top: 25px;
  left: 0;
  background: green;
  color: white;
  z-index: 9999;
  display: none; }

.application--7045 {
  --brand-beige: #e6d3b5;
  --brand-beige-45: #f4ebde;
  --brand-blue: #007c8a;
  --brand-light-blue: #9bb9b7;
  --brand-dark-green: #375e41;
  --brand-yellow: #f2bf64;
  --brand-red: #a73a22;
  --brand-bright-red: #d8422e;
  background-color: var(--brand-beige);
  --title--size: 63px;
  --subtitle--size: 47px; }

.application--7045:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 197px 0 0 505px;
  border-color: transparent transparent transparent var(--brand-red);
  z-index: 10;
  pointer-events: none; }

.application--7045:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 215px 550px;
  border-color: transparent transparent var(--brand-red) transparent;
  z-index: 11;
  pointer-events: none; }

.verovering__navigation {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 86px;
  display: flex;
  align-items: flex-end;
  z-index: 9999; }
  .verovering__navigation .languages {
    position: absolute;
    right: 35px;
    bottom: -1px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 13px;
    --item-background-color: #f4ebde !important;
    --item-text-color: var(--brand-blue) !important;
    --item-active-background-color: #e6d3b5 !important;
    --item-border-color: transparent !important; }
    .verovering__navigation .languages .languages__listItem {
      display: inline-block;
      float: none; }
    .verovering__navigation .languages .languages__button {
      appearance: none;
      outline: none;
      background-color: var(--item-background-color);
      border: 1px solid transparent;
      width: 53px;
      height: 63px;
      text-transform: uppercase;
      border-radius: 27px 27px 0 0;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Quicksand";
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
      color: var(--item-text-color);
      transition: 0.5s padding ease, 0.5s height ease; }
    .verovering__navigation .languages .languages__button.active {
      border-color: var(--brand-blue);
      background-color: var(--item-active-background-color);
      padding-bottom: 20px;
      height: 86px; }
  .verovering__navigation .back,
  .verovering__navigation .home {
    appearance: none;
    outline: none;
    background-color: #f4ebde;
    border: 1px solid transparent;
    width: 53px;
    height: 63px;
    text-transform: uppercase;
    border-radius: 27px 27px 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
    margin-left: 35px; }
    .verovering__navigation .back .icon,
    .verovering__navigation .home .icon {
      mask: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="40" height="32" viewBox="0 0 40 32"><path d="M20.028 0c0.207 0 0.404 0.069 0.592 0.207l18.993 14.999c0.434 0.355 0.503 0.996 0.168 1.42-0.325 0.414-1.006 0.483-1.42 0.158l-18.372-14.506-18.372 14.506c-0.414 0.325-1.085 0.256-1.41-0.158s-0.286-1.095 0.158-1.42l7.12-5.621v-8.589c0-0.266 0.108-0.523 0.296-0.71 0.197-0.177 0.454-0.286 0.71-0.286h4.004c0.266 0 0.523 0.108 0.71 0.296s0.296 0.444 0.296 0.71v3.846l5.867-4.645c0.227-0.148 0.444-0.207 0.661-0.207v0zM11.498 2.002h-2.002v5.996l2.002-1.578v-4.418zM32.493 13.451l2.002 1.578v15.966c0 0.266-0.108 0.523-0.296 0.71s-0.444 0.296-0.71 0.296h-8.5c-0.266 0-0.523-0.108-0.71-0.296s-0.296-0.444-0.296-0.71v-5c0-2.229-1.765-4.004-4.004-4.004s-4.004 1.765-4.004 4.004v5c0 0.266-0.108 0.523-0.296 0.71s-0.444 0.296-0.71 0.296h-8.471c-0.266 0-0.523-0.108-0.71-0.296s-0.296-0.444-0.296-0.71v-15.966l2.002-1.578v16.547h6.499v-4.004c0-3.304 2.692-5.996 5.996-5.996s5.996 2.692 5.996 5.996v4.004h6.499v-16.547z"></path></svg>');
      background-color: var(--brand-blue);
      width: 40px;
      height: 32px;
      position: absolute;
      bottom: 12px; }

.verovering__container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.verovering__page {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transition: 1s opacity ease; }
  .verovering__page.hidden {
    display: none; }
    .verovering__page.hidden.verovering__page--menu {
      pointer-events: none;
      display: block; }
      .verovering__page.hidden.verovering__page--menu .verovering__page__content--home {
        opacity: 0; }
      .verovering__page.hidden.verovering__page--menu .verovering__page__content--info.hidden {
        top: 0; }
  .verovering__page .button {
    font-family: "Quicksand";
    font-size: 31px;
    font-weight: 700;
    background-color: var(--brand-beige);
    border-radius: 55px;
    padding: 1.5rem 2rem;
    transform: none;
    z-index: 1; }
    .verovering__page .button:active {
      background-color: var(--brand-red);
      color: var(--brand-beige);
      border-color: var(--brand-beige); }

.verovering__page--menu {
  margin-top: 100px; }
  .verovering__page--menu .main__image {
    position: absolute;
    z-index: 0;
    transform: rotate(1deg);
    transform-origin: bottom;
    transition: opacity 1s ease;
    pointer-events: none; }
    .verovering__page--menu .main__image--1 {
      bottom: -10%;
      left: -10%;
      width: 1000px; }
    .verovering__page--menu .main__image--2 {
      bottom: 0;
      right: -20%;
      animation-delay: 1s;
      z-index: 11; }
    .verovering__page--menu .main__image--3 {
      bottom: 0;
      right: -4%;
      width: 40%;
      opacity: 0;
      z-index: 11; }

.verovering__page__content--home.info .subtitle,
.verovering__page__content--home.info .verovering__main__actions,
.verovering__page__content--home.info .main__image {
  opacity: 0;
  transition: opacity 1s ease;
  pointer-events: none; }

.verovering__page__content--home.info .main__image--3 {
  opacity: 1;
  transition: opacity 1s ease; }

.verovering__page__content--info {
  display: block;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: var(--brand-light-blue);
  transition: 1s top ease;
  z-index: 10; }
  .verovering__page__content--info .verovering__page__polygon {
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -100%);
    background-color: var(--brand-red);
    transition: 1s top ease;
    z-index: 1; }
  .verovering__page__content--info.active {
    top: 890px;
    transition: top 1s ease; }
    .verovering__page__content--info.active .verovering__page__polygon {
      top: 900px;
      transition: top 1s ease; }
  .verovering__page__content--info.hidden {
    top: 250px;
    transition: top 1s ease; }
    .verovering__page__content--info.hidden .verovering__page__polygon {
      top: 900px;
      transition: top 1s ease; }
    .verovering__page__content--info.hidden .verovering__page__content__container {
      top: 10%;
      transition: top 1s ease; }
  .verovering__page__content--info .verovering__page__content__container {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    width: 1130px;
    text-align: center;
    color: var(--brand-beige);
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    z-index: 2;
    transition: top 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; }
    .verovering__page__content--info .verovering__page__content__container p {
      line-height: inherit; }
    .verovering__page__content--info .verovering__page__content__container .title {
      font-family: "Merriweather";
      font-weight: 900;
      font-size: 70px;
      margin-bottom: 30px;
      color: var(--brand-beige);
      text-align: center; }
    .verovering__page__content--info .verovering__page__content__container p:last-child:has(> em) {
      text-transform: uppercase;
      font-size: 18px;
      margin-top: 10px;
      letter-spacing: 4px; }
      .verovering__page__content--info .verovering__page__content__container p:last-child:has(> em) em {
        font-style: normal; }
      .verovering__page__content--info .verovering__page__content__container p:last-child:has(> em)::before {
        content: "-";
        padding-right: 10px; }
    .verovering__page__content--info .verovering__page__content__container .text__container {
      height: 400px;
      max-height: 400px;
      max-width: 730px;
      overflow: auto;
      padding-right: 80px;
      margin-left: 80px; }
      .verovering__page__content--info .verovering__page__content__container .text__container::-webkit-scrollbar {
        width: 10px; }
      .verovering__page__content--info .verovering__page__content__container .text__container::-webkit-scrollbar-thumb {
        background-color: rgba(236, 222, 199, 0.45);
        border-radius: 10px; }
      .verovering__page__content--info .verovering__page__content__container .text__container::-webkit-scrollbar-track {
        background-color: rgba(244, 235, 222, 0.45);
        border-radius: 10px; }
    .verovering__page__content--info .verovering__page__content__container button {
      border: 2px solid var(--brand-beige);
      background-color: var(--brand-red);
      font-family: "Quicksand";
      font-size: 20px;
      font-weight: 700;
      color: var(--brand-beige);
      margin-top: 2rem;
      padding: 1rem 1.5rem; }

.verovering__main__actions {
  margin-top: 100px;
  z-index: 1;
  position: relative; }
  .verovering__main__actions .button {
    min-width: 490px;
    margin: 0 30px;
    border: 2px solid var(--brand-red);
    color: var(--brand-red); }

.verovering__page__content {
  text-align: center;
  font-family: "Merriweather"; }
  .verovering__page__content .title {
    font-size: var(--title--size);
    font-weight: 700;
    color: var(--brand-blue);
    z-index: 1;
    position: relative; }
  .verovering__page__content .subtitle {
    font-size: var(--subtitle--size);
    color: var(--brand-blue);
    margin-top: 2rem;
    z-index: 1;
    position: relative; }

.verovering__page--game-num-players .verovering__page__content {
  display: flex;
  flex-direction: row;
  margin-top: 350px; }
  .verovering__page--game-num-players .verovering__page__content .player__image {
    position: absolute;
    z-index: 0;
    width: 900px; }
    .verovering__page--game-num-players .verovering__page__content .player__image--1 {
      top: 6%;
      left: 7%; }
    .verovering__page--game-num-players .verovering__page__content .player__image--2 {
      top: 17%;
      right: 10%;
      width: 800px; }

.player__option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin: 180px;
  border: 2px solid var(--brand-blue);
  color: var(--brand-blue); }
  .player__option.button:active {
    background-color: var(--brand-blue);
    color: var(--brand-beige); }

/* GAME */
.game {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1; }

.game.fadeOut {
  opacity: 0.1; }

/* intro info and preview info */
.game__intro {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 395px;
  max-width: 395px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .game__intro p {
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    color: #793d2a;
    text-align: center;
    margin: 0.5rem 0; }
    .game__intro p span {
      margin-bottom: 0.5rem;
      font-weight: 700; }
  .game__intro button.button {
    border: 2px solid #793d2a;
    font-size: 15px;
    font-weight: 700;
    color: #793d2a;
    text-align: center;
    padding: 0.5rem 1rem;
    margin-top: 1rem; }

.game__preview {
  position: absolute;
  bottom: 20%;
  right: 4%;
  width: 400px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .game__preview.hidden {
    display: none; }
  .game__preview p {
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    color: #793d2a;
    text-align: center; }
    .game__preview p span {
      margin-bottom: 0.5rem;
      font-weight: 700; }
  .game__preview button.button {
    border: 2px solid #793d2a;
    font-size: 15px;
    font-weight: 700;
    color: #793d2a;
    text-align: center;
    padding: 0.5rem 1rem;
    margin-top: 1rem; }

.game__tutorial {
  position: absolute;
  bottom: 4%;
  left: 56%;
  z-index: 3;
  width: 100px;
  height: 100px;
  pointer-events: none; }
  .game__tutorial.hidden {
    display: none; }
  .game__tutorial__hand {
    position: absolute;
    top: -40px;
    left: 150px;
    width: 66px;
    height: 105px;
    z-index: 1;
    transform: rotate(245deg);
    transform-origin: center;
    opacity: 0;
    animation: veroveringTutorialPointer 3s linear 3;
    animation-delay: 1s; }
  .game__tutorial__icon {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 12px;
    width: 80px;
    height: 80px;
    opacity: 0;
    animation: veroveringTutorialIcon 3s linear 3;
    animation-delay: 1s; }

.verovering__page--game-playground:has(.game--multiplayer) .game__preview {
  z-index: 3; }

.game__container {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  width: 1502px;
  height: 1026px; }
  .game__container.dropped {
    pointer-events: none; }
    .game__container.dropped .game__dragOption {
      pointer-events: none; }

.game__map {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 1186px;
  height: auto;
  object-fit: cover; }

.game__player {
  position: absolute;
  top: 12%;
  left: 43%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px; }
  .game__player img {
    width: 175px;
    height: auto;
    object-fit: cover; }
  .game__player p {
    background-color: var(--brand-bright-red);
    color: white;
    font-family: "Merriweather";
    font-weight: 700;
    font-size: 27px;
    line-height: 27px;
    text-align: center;
    padding: 5px 10px;
    max-width: 300px; }
  .game__player--1 {
    left: 36%;
    top: 14%; }
  .game__player--2 {
    left: 72%;
    top: 40%; }

.game__dropzones {
  position: absolute;
  top: 531px;
  left: 751px;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0.79); }
  .game__dropzones .dropzone .full {
    fill: rgba(192, 192, 192, 0.5);
    stroke-width: 10px;
    transition: fill 0.5s ease;
    fill-opacity: .6; }
    .game__dropzones .dropzone .full .cls-1 {
      fill: none;
      fill-rule: evenodd;
      stroke: transparent;
      stroke-width: 10px;
      stroke-miterlimit: 10; }
    .game__dropzones .dropzone .full.red {
      fill: #a73a22;
      mix-blend-mode: color; }
    .game__dropzones .dropzone .full.blue {
      fill: #007c8a;
      mix-blend-mode: soft-light; }
    .game__dropzones .dropzone .full.green {
      fill: #416f4d;
      mix-blend-mode: hard-light; }
    .game__dropzones .dropzone .full.inactive, .game--multiplayer .game__dropzones.player1 .dropzone.player2 .full, .game--multiplayer .game__dropzones.player2 .dropzone.player1 .full {
      fill: white;
      mix-blend-mode: hard-light; }
    .game__dropzones .dropzone .full.win {
      fill: goldenrod;
      fill-opacity: .5;
      mix-blend-mode: hard-light;
      stroke: white; }
    .game__dropzones .dropzone .full.lose {
      fill: #555555;
      fill-opacity: .64;
      mix-blend-mode: multiply; }
  .game__dropzones .dropzone .full {
    fill: transparent;
    stroke: transparent;
    stroke-width: 10px;
    stroke-opacity: 0;
    transition: fill 0.5s ease; }
  .game__dropzones .dropzone .border {
    fill: none;
    stroke: transparent;
    stroke-width: 10px;
    stroke-miterlimit: 1; }
    .game__dropzones .dropzone .border.white {
      stroke: white; }
  .game__dropzones .dropzone--player2 {
    pointer-events: none;
    display: contents; }

.dropzone:has(.win) .border {
  stroke: white;
  z-index: 99; }

svg:has(.dropzone--4 .win) .dropzone--7 .border--4,
svg:has(.dropzone--4 .win) .dropzone--6 .border--4,
svg:has(.dropzone--4 .win) .dropzone--5 .border--4,
svg:has(.dropzone--4 .win) .dropzone--3 .border--4,
svg:has(.dropzone--4 .win) .dropzone--2 .border--4,
svg:has(.dropzone--4 .win) .dropzone--1 .border--4,
svg:has(.dropzone--4 .win) .dropzone--0 .border--4 {
  stroke: transparent; }

svg:has(.dropzone--4 .lose) .dropzone--4 .border--0 {
  stroke: white !important; }

svg:has(.dropzone--4 .lose):has(.dropzone--3 .win) .dropzone--4 .border--3 {
  stroke: white !important; }

svg:has(.dropzone--4 .lose):has(.dropzone--2 .win) .dropzone--4 .border--2 {
  stroke: white !important; }

svg:has(.dropzone--3 .win) .dropzone--4 .border--3,
svg:has(.dropzone--3 .win) .dropzone--2 .border--3,
svg:has(.dropzone--3 .win) .dropzone--1 .border--3,
svg:has(.dropzone--3 .win) .dropzone--0 .border--3 {
  stroke: transparent; }

svg:has(.dropzone--3 .lose):has(.dropzone--2 .win) .dropzone--3 .border--2 {
  stroke: white !important; }

/* */
svg:has(.dropzone--2 .win) .dropzone--4 .border--2,
svg:has(.dropzone--2 .win) .dropzone--3 .border--2,
svg:has(.dropzone--2 .win) .dropzone--1 .border--2,
svg:has(.dropzone--2 .win) .dropzone--0 .border--2 {
  stroke: transparent; }

svg:has(.dropzone--2 .lose) .dropzone--2 .border--0 {
  stroke: white !important; }

svg:has(.dropzone--2 .lose):has(.dropzone--1 .win) .dropzone--2 .border--1 {
  stroke: white !important; }

/* */
svg:has(.dropzone--1 .win) .dropzone--4 .border--1,
svg:has(.dropzone--1 .win) .dropzone--3 .border--1,
svg:has(.dropzone--1 .win) .dropzone--2 .border--1,
svg:has(.dropzone--1 .win) .dropzone--0 .border--1 {
  stroke: transparent; }

svg:has(.dropzone--1 .lose) .dropzone--1 .border--0 {
  stroke: white !important; }

/* */
svg:has(.dropzone--0 .win) .dropzone--4 .border--0,
svg:has(.dropzone--0 .win) .dropzone--3 .border--0,
svg:has(.dropzone--0 .win) .dropzone--2 .border--0,
svg:has(.dropzone--0 .win) .dropzone--1 .border--0 {
  stroke: transparent; }

/* draggables */
.game__dragOptions {
  position: absolute;
  bottom: -4%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: row;
  transition: bottom 1s; }
  .game__dragOptions.hidden {
    bottom: -20%;
    transition: bottom 0.5s; }
  .game__dragOptions .game__dragOption {
    position: relative;
    width: 135px;
    height: 130px;
    margin: 0 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center; }
    .game__dragOptions .game__dragOption .game__dragOption__background,
    .game__dragOptions .game__dragOption img {
      position: absolute;
      touch-action: none;
      width: 80px;
      height: 80px;
      object-fit: contain;
      border-radius: 50%;
      z-index: 1; }
    .game__dragOptions .game__dragOption p {
      position: absolute;
      bottom: 0;
      width: 100%;
      font-family: "Quicksand";
      font-weight: 700;
      font-size: 23px;
      text-transform: uppercase; }
    .game__dragOptions .game__dragOption .game__dragOption__background {
      pointer-events: none;
      opacity: 0.5;
      z-index: 0; }
    .game__dragOptions .game__dragOption--1 p {
      color: var(--brand-red); }
    .game__dragOptions .game__dragOption--2 p {
      color: var(--brand-dark-green); }
    .game__dragOptions .game__dragOption--3 p {
      color: var(--brand-blue); }

.game__dragOption__image.clone {
  pointer-events: none;
  border-radius: 50%;
  height: 80px;
  object-fit: contain;
  opacity: 0.75;
  position: absolute;
  width: 80px;
  z-index: 1; }
  .game__dragOption__image.clone.lose {
    filter: grayscale(1); }

/* feedback views */
.game__feedback__info,
.game__feedback {
  display: block;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 0, 100% 65.5%, 50% 100%, 0 65.5%, 0 0);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: var(--brand-light-blue);
  transition: 1s top ease;
  z-index: 10; }
  .game__feedback__info.visible,
  .game__feedback.visible {
    top: 635px; }
  .game__feedback__info__content,
  .game__feedback__content {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    width: 1130px;
    text-align: center;
    color: var(--brand-blue);
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; }
    .game__feedback__info__content::-webkit-scrollbar,
    .game__feedback__content::-webkit-scrollbar {
      width: 10px; }
    .game__feedback__info__content::-webkit-scrollbar-thumb,
    .game__feedback__content::-webkit-scrollbar-thumb {
      background-color: rgba(236, 222, 199, 0.45);
      border-radius: 10px; }
    .game__feedback__info__content::-webkit-scrollbar-track,
    .game__feedback__content::-webkit-scrollbar-track {
      background-color: rgba(244, 235, 222, 0.45);
      border-radius: 10px; }
    .game__feedback__info__content p,
    .game__feedback__content p {
      line-height: inherit;
      max-width: 750px; }
    .game__feedback__info__content h2,
    .game__feedback__content h2 {
      font-family: "Merriweather";
      font-weight: 900;
      font-size: 55px;
      margin-bottom: 30px;
      color: var(--brand-blue); }
      .game__feedback__info__content h2 + p:has(> strong),
      .game__feedback__content h2 + p:has(> strong) {
        font-family: "Merriweather";
        font-weight: 700;
        margin-bottom: 10px; }
    .game__feedback__info__content p:last-child:has(> em),
    .game__feedback__content p:last-child:has(> em) {
      text-transform: uppercase;
      font-size: 18px;
      margin-top: 10px;
      letter-spacing: 4px; }
      .game__feedback__info__content p:last-child:has(> em) em,
      .game__feedback__content p:last-child:has(> em) em {
        font-style: normal; }
      .game__feedback__info__content p:last-child:has(> em)::before,
      .game__feedback__content p:last-child:has(> em)::before {
        content: "-";
        padding-right: 10px; }
    .game__feedback__info__content .button,
    .game__feedback__content .button {
      border: 2px solid var(--brand-blue);
      background-color: var(--brand-light-blue);
      font-family: "Quicksand";
      font-size: 20px;
      font-weight: 700;
      color: var(--brand-blue);
      margin-top: 2rem; }
      .game__feedback__info__content .button:active,
      .game__feedback__content .button:active {
        background-color: var(--brand-blue);
        color: var(--brand-light-blue);
        border-color: var(--brand-light-blue); }
    .game__feedback__info__content video,
    .game__feedback__content video {
      position: absolute;
      width: 700px;
      pointer-events: none; }
      .game__feedback__info__content video.trouwen.win,
      .game__feedback__content video.trouwen.win {
        right: -35%;
        top: 17%; }
      .game__feedback__info__content video.vechten.lose,
      .game__feedback__content video.vechten.lose {
        right: -25%;
        top: -10%;
        width: 500px; }
    .game__feedback__info__content img,
    .game__feedback__content img {
      position: absolute;
      top: 0%;
      right: -30%; }
  .game__feedback__info .close,
  .game__feedback .close {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; }
    .game__feedback__info .close svg,
    .game__feedback .close svg {
      fill: var(--brand-blue);
      width: 38px;
      height: 44px; }

.game__feedback__info {
  background-color: var(--brand-red); }
  .game__feedback__info .game__feedback__content {
    top: 58%;
    transform: translate(-50%, -50%); }
  .game__feedback__info .game__feedback__content p {
    bottom: 0%;
    max-height: 520px;
    padding-right: 80px;
    margin-left: 80px;
    overflow: auto;
    width: auto;
    color: #e6d3b5; }
    .game__feedback__info .game__feedback__content p::-webkit-scrollbar {
      width: 10px; }
    .game__feedback__info .game__feedback__content p::-webkit-scrollbar-thumb {
      background-color: rgba(236, 222, 199, 0.45);
      border-radius: 10px; }
    .game__feedback__info .game__feedback__content p::-webkit-scrollbar-track {
      background-color: rgba(244, 235, 222, 0.45);
      border-radius: 10px; }
  .game__feedback__info.visible {
    top: 835px; }

.verovering__page--game-playground:has(.game__feedback__info.visible) .game__feedback {
  top: 990px; }
  .verovering__page--game-playground:has(.game__feedback__info.visible) .game__feedback video,
  .verovering__page--game-playground:has(.game__feedback__info.visible) .game__feedback img {
    opacity: 0;
    transition: opacity 100ms; }

.feedback__imageMore {
  position: absolute;
  display: inline-block;
  bottom: 0%;
  left: 0%;
  z-index: 10;
  animation: fadeInCard 1s linear; }
  .feedback__imageMore.wedding {
    width: 591px; }

.game__end {
  position: absolute;
  right: 250px;
  top: 500px;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  width: 400px;
  height: 430px;
  font-family: "Quicksand";
  color: #e6d3b5; }
  .game__end img {
    position: absolute;
    width: 400px;
    height: 430px;
    object-fit: cover;
    z-index: -1; }
  .game__end .game__end__content {
    display: flex;
    flex-direction: column;
    margin: 2rem;
    height: 70%;
    text-align: center;
    align-items: center;
    justify-content: space-evenly; }
  .game__end h2 {
    font-size: 30px;
    font-weight: 700; }
  .game__end p {
    font-size: 20px;
    font-weight: 500; }
  .game__end button.button {
    font-size: 20px;
    font-weight: 500;
    height: 80px;
    background-color: #793d2a;
    border: 1px solid #e6d3b5;
    color: #e6d3b5;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .game__end.visible {
    opacity: 1;
    pointer-events: all; }

/* multiplayer */
.game--multiplayer {
  /* */
  /* */
  /* */
  /* */
  /* */
  /* */
  /* permanent border between two players */
  /* endgame */
  /* */ }
  .game--multiplayer .banner {
    transition: all 200ms ease-out;
    text-align: center;
    justify-content: flex-start; }
    .game--multiplayer .banner.hidden {
      display: none; }
    .game--multiplayer .banner--player2 {
      left: initial;
      right: 60px; }
    .game--multiplayer .banner:not(.active) {
      width: 176px;
      transition: all 200ms ease-out; }
      .game--multiplayer .banner:not(.active) .shield--full {
        display: none; }
      .game--multiplayer .banner:not(.active) p {
        font-size: 15px;
        color: var(--brand-bright-red);
        margin-top: 1rem;
        max-width: 135px; }
        .game--multiplayer .banner:not(.active) p.name {
          font-size: 20px;
          margin-top: 0.5rem !important; }
    .game--multiplayer .banner p {
      font-family: "Quicksand";
      font-size: 20px;
      font-weight: 500;
      margin-top: 2rem;
      max-width: 175px;
      color: #e6d3b5;
      word-wrap: break-word; }
    .game--multiplayer .banner p.name {
      font-family: "Merriweather";
      font-size: 27px;
      font-weight: 700;
      text-transform: initial;
      line-height: 1.3;
      margin-top: 1rem;
      letter-spacing: 0.5px; }
  .game--multiplayer svg:has(.dropzone--5 .win) .dropzone--7 .border--5,
  .game--multiplayer svg:has(.dropzone--5 .win) .dropzone--6 .border--5,
  .game--multiplayer svg:has(.dropzone--5 .win) .dropzone--4 .border--5 {
    stroke: transparent; }
  .game--multiplayer svg:has(.dropzone--5 .lose) .dropzone--5 .border--4 {
    stroke: white !important; }
  .game--multiplayer svg:has(.dropzone--6 .win) .dropzone--7 .border--6,
  .game--multiplayer svg:has(.dropzone--6 .win) .dropzone--5 .border--6,
  .game--multiplayer svg:has(.dropzone--6 .win) .dropzone--4 .border--6 {
    stroke: transparent; }
  .game--multiplayer svg:has(.dropzone--6 .lose) .dropzone--6 .border--4 {
    stroke: white !important; }
  .game--multiplayer svg:has(.dropzone--6 .lose):has(.dropzone--5 .win) .dropzone--6 .border--5 {
    stroke: white !important; }
  .game--multiplayer svg:has(.dropzone--7 .win) .dropzone--6 .border--7,
  .game--multiplayer svg:has(.dropzone--7 .win) .dropzone--5 .border--7,
  .game--multiplayer svg:has(.dropzone--7 .win) .dropzone--4 .border--7 {
    stroke: transparent; }
  .game--multiplayer svg:has(.dropzone--7 .lose):has(.dropzone--6 .win) .dropzone--7 .border--6 {
    stroke: white !important; }
  .game--multiplayer svg:has(.dropzone--7 .lose) .dropzone--7 .border--4 {
    stroke: white !important; }
  .game--multiplayer svg:has(.dropzone--3 .lose):has(.dropzone--0 .win) .dropzone--3 .border--0 {
    stroke: white !important; }
  .game--multiplayer .dropzone--1 .border--6 {
    stroke: black; }
  .game--multiplayer .dropzone--6 .border--1,
  .game--multiplayer .dropzone--6 .border--2 {
    stroke: black; }
  .game--multiplayer .dropzone--2 .border--7,
  .game--multiplayer .dropzone--2 .border--6 {
    stroke: black; }
  .game--multiplayer .dropzone--7 .border--2,
  .game--multiplayer .dropzone--6 .border--2 {
    stroke: black; }
  .game--multiplayer .game__dropzones.endgame--0.game__dropzones.player1 .dropzone.player2 .start.red {
    fill: #a73a22;
    mix-blend-mode: color; }
  .game--multiplayer .game__dropzones.endgame--0.game__dropzones.player1 .dropzone.player2 .start.blue {
    fill: #007c8a;
    mix-blend-mode: soft-light; }
  .game--multiplayer .game__dropzones.endgame--0.game__dropzones.player1 .dropzone.player2 .start.green {
    fill: #416f4d;
    mix-blend-mode: hard-light; }
  .game--multiplayer .game__dropzones.endgame--0 .dropzone .start--player2.win {
    fill: goldenrod !important;
    fill-opacity: .5 !important;
    mix-blend-mode: hard-light !important;
    stroke: white !important; }
  .game--multiplayer .game__dropzones.endgame--0 .dropzone .start--player2.lose {
    fill: #555555 !important;
    fill-opacity: .64 !important;
    stroke: white !important; }
  .game--multiplayer .game__dropzones.endgame--1.game__dropzones.player2 .dropzone.player1 .start.red {
    fill: #a73a22;
    mix-blend-mode: color; }
  .game--multiplayer .game__dropzones.endgame--1.game__dropzones.player2 .dropzone.player1 .start.blue {
    fill: #007c8a;
    mix-blend-mode: soft-light; }
  .game--multiplayer .game__dropzones.endgame--1.game__dropzones.player2 .dropzone.player1 .start.green {
    fill: #416f4d;
    mix-blend-mode: hard-light; }
  .game--multiplayer .game__dropzones.endgame--1 .dropzone .start--player1.win {
    fill: goldenrod !important;
    fill-opacity: .5 !important;
    mix-blend-mode: hard-light !important;
    stroke: white !important; }
  .game--multiplayer .game__dropzones.endgame--1 .dropzone .start--player1.lose {
    fill: #555555 !important;
    fill-opacity: .64 !important;
    stroke: white !important; }

/* result page */
.game__result {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0; }
  .game__result.visible {
    pointer-events: all;
    opacity: 1; }
  .game__result .game__result__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1430px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .game__result .game__result__header {
    position: absolute;
    top: 20%;
    width: auto;
    max-width: 880px;
    font-family: "Merriweather";
    color: var(--brand-red);
    text-align: center; }
    .game__result .game__result__header h2 {
      font-size: 43px;
      font-weight: 700;
      line-height: 40px;
      margin-bottom: 1rem; }
    .game__result .game__result__header p {
      font-size: 43px;
      font-weight: 500;
      line-height: 44px; }
  .game__result .index {
    position: absolute;
    top: 427px;
    left: calc((-325px + 60px) / 2);
    width: 325px;
    height: 325px;
    z-index: 1; }
    .game__result .index__image {
      position: absolute;
      width: 325px;
      height: 325px;
      z-index: 1; }
    .game__result .index__image__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 99%;
      height: 99%;
      z-index: 0;
      border-radius: 50%; }
    .game__result .index__icon {
      position: absolute;
      bottom: -75px;
      left: 50%;
      transform: translateX(-50%);
      width: 100px;
      height: 100px;
      z-index: -1; }
  .game__result .bar {
    position: absolute;
    width: 1430px;
    height: 100px;
    top: 750px;
    left: 50%;
    transform: translateX(-50%); }
    .game__result .bar .block {
      stroke: #b3b3b3; }
      .game__result .bar .block.highlight {
        stroke: #9bb9b7; }

.game__result__mpWinner {
  position: absolute;
  right: 60px;
  top: 0;
  z-index: 10;
  pointer-events: none;
  width: 400px;
  height: 430px;
  font-family: "Quicksand";
  color: #e6d3b5; }
  .game__result__mpWinner.game__result__mpWinner--1 {
    left: 60px;
    right: initial; }
  .game__result__mpWinner .game__end__content {
    display: flex;
    flex-direction: column;
    height: 70%;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
    padding: 0 2rem; }
  .game__result__mpWinner img {
    position: absolute;
    width: 400px;
    height: 430px;
    object-fit: cover;
    z-index: -1; }
  .game__result__mpWinner h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 4rem; }
  .game__result__mpWinner p {
    font-size: 20px;
    font-weight: 500; }

.endgame__result {
  position: absolute;
  top: 0px;
  left: 40px;
  width: 500px;
  height: 535px;
  z-index: 10; }
  .endgame__result img {
    position: absolute;
    width: 500px;
    height: auto;
    object-fit: cover; }
  .endgame__result .endgame__result__content {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80%;
    margin: 2% 10%;
    text-align: center;
    color: #f4ebde;
    font-family: "Quicksand"; }
    .endgame__result .endgame__result__content h2 {
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 1rem; }
    .endgame__result .endgame__result__content p {
      font-size: 26px; }
  .endgame__result .endgame__result__close {
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 44px;
    height: 44px; }

.banner {
  position: absolute;
  top: 0%;
  left: 60px;
  width: 235px;
  height: 260px;
  color: var(--brand-beige);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 0; }
  .banner.player--two {
    left: initial;
    right: 60px; }
  .banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
  .banner p {
    position: relative;
    z-index: 1;
    font-family: "Quicksand";
    font-size: 27px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 5px; }
    .banner p span {
      font-family: "Merriweather";
      font-weight: 700;
      font-size: 60px;
      letter-spacing: 0; }

.verovering__page--game-player-form {
  display: flex;
  flex-direction: row; }
  .verovering__page--game-player-form .verovering__form__page {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-left: 200px; }
    .verovering__page--game-player-form .verovering__form__page .input__wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 45px; }
    .verovering__page--game-player-form .verovering__form__page label {
      font-family: "Merriweather";
      font-size: 43px;
      line-height: 40px;
      font-weight: 500;
      color: var(--brand-blue);
      text-align: center;
      width: 100%; }
      .verovering__page--game-player-form .verovering__form__page label span {
        font-weight: 700; }
    .verovering__page--game-player-form .verovering__form__page input {
      width: 700px;
      height: 110px;
      border-radius: 55px;
      border: 2px solid var(--brand-blue);
      color: var(--brand-blue);
      background-color: var(--brand-beige);
      font-size: 43px;
      font-weight: 700;
      line-height: 40px;
      text-align: center; }
      .verovering__page--game-player-form .verovering__form__page input::placeholder {
        opacity: 0.4; }
    .verovering__page--game-player-form .verovering__form__page .input__character {
      position: absolute;
      left: 700px;
      bottom: 55px;
      transform: translate(-50%, 50%);
      font-family: 'Merriweather';
      font-weight: 700;
      color: var(--brand-blue);
      font-size: 21px; }
    .verovering__page--game-player-form .verovering__form__page button {
      border: 2px solid var(--brand-blue);
      color: var(--brand-blue);
      height: 90px;
      max-height: 90px;
      margin-bottom: 10px; }
      .verovering__page--game-player-form .verovering__form__page button:disabled {
        opacity: 0.5;
        pointer-events: none; }
      .verovering__page--game-player-form .verovering__form__page button:active {
        background-color: var(--brand-blue);
        color: var(--brand-beige); }
  .verovering__page--game-player-form .verovering__form__page--shield {
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: center;
    gap: 2rem; }
    .verovering__page--game-player-form .verovering__form__page--shield .shield__wrapper {
      display: flex;
      flex-direction: row; }
    .verovering__page--game-player-form .verovering__form__page--shield .shield {
      max-width: 228px;
      height: 330px;
      object-fit: contain;
      overflow: visible;
      margin: 0 2rem; }
      .verovering__page--game-player-form .verovering__form__page--shield .shield.active {
        background-image: url("ocularium://uploads/assets/shield_bg_active/nl/shield_bg_active.png"), url("https://backend-v2.ocularium.be/storage/uploads/146/a611fa1b-b89a-43c5-9720-9a72196321bc.png");
        background-size: 240px 310px;
        background-position: center;
        background-repeat: no-repeat; }
    .verovering__page--game-player-form .verovering__form__page--shield button {
      border: 2px solid var(--brand-blue);
      color: var(--brand-blue);
      margin-top: 40px; }
      .verovering__page--game-player-form .verovering__form__page--shield button:active {
        background-color: var(--brand-blue);
        color: var(--brand-beige); }

.page.page--ss .timer {
  position: absolute;
  top: 157px;
  left: 70px;
  z-index: 99;
  pointer-events: none; }