@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap");
/* line 6, ../sass/_Base.sass */
*,
*:after,
*:before {
  box-sizing: inherit;
}

/* line 13, ../sass/_Base.sass */
html {
  box-sizing: border-box;
  font-size: 62.5%;
}

/* line 18, ../sass/_Base.sass */
body {
  color: #606c76;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

/* line 5, ../sass/_Button.sass */
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  background-color: #9b4dca;
  border: 0.1rem solid #9b4dca;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  height: 3.8rem;
  letter-spacing: 0.1rem;
  line-height: 3.8rem;
  padding: 0 3rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
/* line 27, ../sass/_Button.sass */
.button:focus, .button:hover,
button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
  background-color: #606c76;
  border-color: #606c76;
  color: #fff;
  outline: 0;
}
/* line 34, ../sass/_Button.sass */
.button[disabled],
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
  cursor: default;
  opacity: 0.5;
}
/* line 38, ../sass/_Button.sass */
.button[disabled]:focus, .button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type='button'][disabled]:focus,
input[type='button'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='reset'][disabled]:hover,
input[type='submit'][disabled]:focus,
input[type='submit'][disabled]:hover {
  background-color: #9b4dca;
  border-color: #9b4dca;
}
/* line 43, ../sass/_Button.sass */
.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
  background-color: transparent;
  color: #9b4dca;
}
/* line 47, ../sass/_Button.sass */
.button.button-outline:focus, .button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type='button'].button-outline:focus,
input[type='button'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='submit'].button-outline:focus,
input[type='submit'].button-outline:hover {
  background-color: transparent;
  border-color: #606c76;
  color: #606c76;
}
/* line 55, ../sass/_Button.sass */
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type='button'].button-outline[disabled]:focus,
input[type='button'].button-outline[disabled]:hover,
input[type='reset'].button-outline[disabled]:focus,
input[type='reset'].button-outline[disabled]:hover,
input[type='submit'].button-outline[disabled]:focus,
input[type='submit'].button-outline[disabled]:hover {
  border-color: inherit;
  color: #9b4dca;
}
/* line 60, ../sass/_Button.sass */
.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
  background-color: transparent;
  border-color: transparent;
  color: #9b4dca;
}
/* line 65, ../sass/_Button.sass */
.button.button-clear:focus, .button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type='button'].button-clear:focus,
input[type='button'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover {
  background-color: transparent;
  border-color: transparent;
  color: #606c76;
}
/* line 73, ../sass/_Button.sass */
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type='button'].button-clear[disabled]:focus,
input[type='button'].button-clear[disabled]:hover,
input[type='reset'].button-clear[disabled]:focus,
input[type='reset'].button-clear[disabled]:hover,
input[type='submit'].button-clear[disabled]:focus,
input[type='submit'].button-clear[disabled]:hover {
  color: #9b4dca;
}

/* line 5, ../sass/_Divider.sass */
hr {
  border: 0;
  border-top: 0.1rem solid #f4f5f6;
  margin: 3rem 0;
}

/* line 5, ../sass/_Typography.sass */
b,
strong {
  font-weight: bold;
}

/* line 9, ../sass/_Typography.sass */
p {
  margin-top: 0;
}

/* line 12, ../sass/_Typography.sass */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: -0.1rem;
  margin-bottom: 2rem;
  margin-top: 0;
}

/* line 23, ../sass/_Typography.sass */
h1 {
  font-size: 4.6rem;
  line-height: 1.2;
}

/* line 27, ../sass/_Typography.sass */
h2 {
  font-size: 3.6rem;
  line-height: 1.25;
}

/* line 31, ../sass/_Typography.sass */
h3 {
  font-size: 2.8rem;
  line-height: 1.3;
}

/* line 35, ../sass/_Typography.sass */
h4 {
  font-size: 2.2rem;
  letter-spacing: -0.08rem;
  line-height: 1.35;
}

/* line 40, ../sass/_Typography.sass */
h5 {
  font-size: 1.8rem;
  letter-spacing: -0.05rem;
  line-height: 1.5;
}

/* line 45, ../sass/_Typography.sass */
h6 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
}

/* line 8, ../sass/_Utility.sass */
.clearfix:after {
  clear: both;
  content: " ";
  display: table;
}

/* line 14, ../sass/_Utility.sass */
.float-left {
  float: left;
}

/* line 17, ../sass/_Utility.sass */
.float-right {
  float: right;
}

/* line 9, ../sass/style.scss */
body {
  font-family: 'Montserrat', sans-serif;
  margin: 0px;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

/* line 16, ../sass/style.scss */
.button {
  height: 6rem;
  line-height: 6rem;
  margin: 0.5rem auto;
}

/* line 22, ../sass/style.scss */
#langSelectWrapper, #mapDescriptionWrapper {
  width: 100%;
  height: 100vh;
  min-height: -webkit-fill-available;
  max-width: 45rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  color: inherit;
}

/* line 36, ../sass/style.scss */
h1 {
  text-indent: -99999rem;
  display: none;
}

/* line 41, ../sass/style.scss */
.op_map_logo, .exhibition_logo {
  align-self: normal;
  text-align: center;
  margin-top: auto;
}

/* line 47, ../sass/style.scss */
.op_map_logo img {
  max-width: 20rem;
}

/* line 51, ../sass/style.scss */
.exhibition_logo img {
  max-width: 80%;
}
/* line 53, ../sass/style.scss */
.exhibition_logo img.fadeIn {
  animation: logo_fade_down 3s ease-out;
}

@keyframes logo_fade_down {
  0% {
    transform: translateY(-5rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 75, ../sass/style.scss */
#mapDescriptionWrapper ul.fadeIn {
  opacity: 0;
  animation: fade_in 2s ease-out 1s forwards;
}

/* line 80, ../sass/style.scss */
ul {
  list-style: none;
  margin-top: 1rem;
  padding: 0;
}
/* line 84, ../sass/style.scss */
ul li a {
  width: 100%;
  min-width: 20rem;
  margin-bottom: .5rem;
}

/* line 90, ../sass/style.scss */
.footer_text {
  text-align: center;
  font-size: 1rem;
  margin-top: auto;
}

/* line 96, ../sass/style.scss */
.container, .object_detail_wrapper {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  color: inherit;
}

/* line 106, ../sass/style.scss */
#descriptionWrapper {
  background-color: inherit;
  margin: 0 auto;
  width: 100%;
  max-width: 45rem;
  padding: 0 2rem 7rem;
}

/* line 114, ../sass/style.scss */
#mapScreen {
  width: 100%;
  height: 100vh;
  min-height: -webkit-fill-available;
  position: relative;
  overflow: hidden;
}

/* line 124, ../sass/style.scss */
#loadingScreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
/* line 132, ../sass/style.scss */
#loadingScreen div {
  width: inherit;
  height: inherit;
  display: relative;
}
/* line 137, ../sass/style.scss */
#loadingScreen span {
  display: block;
  position: absolute;
  top: calc(50% - 4rem);
  left: calc(50% - 4rem);
  width: 8rem;
  height: 8rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin-right:-2px;display:block;background-repeat-y:initial;background-repeat-x:initial;animation-play-state:paused' %3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23ffffff' stroke-width='10' r='22' stroke-dasharray='103.67255756846316 36.55751918948772' transform='matrix(1,0,0,1,0,0)' style='transform:matrix(1, 0, 0, 1, 0, 0);animation-play-state:paused' %3E%3C/circle%3E%3C!-- generated by https://loading.io/ --%3E%3C/svg%3E");
  background-size: contain;
  animation: spinner 1.5s infinite linear;
}

/* line 150, ../sass/style.scss */
.main_section {
  position: relative;
  height: 100%;
  margin: 0 auto;
  clip-path: inset(0% 0% 0% 0%);
}
/* line 157, ../sass/style.scss */
.main_section .map {
  max-height: none;
  max-width: none;
}
/* line 163, ../sass/style.scss */
.main_section .section {
  cursor: pointer;
  position: absolute;
  pointer-events: all;
}
/* line 168, ../sass/style.scss */
.main_section > .disable_click {
  pointer-events: none;
}
/* line 171, ../sass/style.scss */
.main_section .object {
  position: absolute;
}
/* line 173, ../sass/style.scss */
.main_section .object[data-object-type="number"], .main_section .object[data-object-type="instance"], .main_section .object[data-object-type="button"] {
  cursor: pointer;
  pointer-events: all;
}
/* line 177, ../sass/style.scss */
.main_section .object[data-object-type="number"], .main_section .object[data-object-type="instance"] {
  transform: translate(-50%, -50%);
  border-radius: 100%;
  border: 1px solid;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 400;
}
/* line 187, ../sass/style.scss */
.main_section .object[data-object-type="image"] {
  pointer-events: none;
}
/* line 190, ../sass/style.scss */
.main_section .object[data-object-type="text"] {
  text-align: center;
  pointer-events: none;
  margin: 0;
  font-size: 2rem;
  letter-spacing: .1rem;
  font-weight: 400;
}
/* line 198, ../sass/style.scss */
.main_section .object[data-object-type="text"], .main_section .object[data-object-type="button"] {
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

/* line 207, ../sass/style.scss */
.exhibition_logo_image {
  height: 10rem;
  margin-top: 5rem;
  text-indent: -9999rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 218, ../sass/style.scss */
.go_back_button {
  position: relative;
  margin: 0 auto 3rem;
  display: block;
  width: 7rem;
  height: 7rem;
  padding: 0;
  border-radius: 1.3rem;
  background-color: transparent;
  text-indent: -9999rem;
}
/* line 228, ../sass/style.scss */
.go_back_button::before, .go_back_button::after {
  display: block;
  content: "";
  width: 4rem;
  height: 1px;
  border: 1px solid;
  position: absolute;
  top: 3.4rem;
  left: 1.5rem;
}
/* line 238, ../sass/style.scss */
.go_back_button::before {
  transform: rotate(45deg);
}
/* line 241, ../sass/style.scss */
.go_back_button::after {
  transform: rotate(-45deg);
}

/* line 246, ../sass/style.scss */
.object_detail_wrapper {
  background-color: inherit;
}

/* line 250, ../sass/style.scss */
.object_detail {
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  max-width: 45rem;
  padding: 10rem 2rem 7rem;
  margin: 0 auto;
}
/* line 260, ../sass/style.scss */
.object_detail p {
  margin-bottom: 1rem;
}
/* line 263, ../sass/style.scss */
.object_detail .image {
  position: relative;
  width: 100%;
  max-height: 33rem;
  margin-bottom: 2rem;
}
/* line 268, ../sass/style.scss */
.object_detail .image img {
  max-width: 90%;
}

/* line 274, ../sass/style.scss */
.close_button {
  border-radius: 1rem 1rem 0 0;
  border-width: 2px;
  border-style: solid solid none;
  width: 7rem;
  height: 6rem;
  position: fixed;
  left: calc(50% - 3.5rem);
  bottom: 0;
  background-color: inherit;
  opacity: .9;
  transition: transform 1s;
}
/* line 286, ../sass/style.scss */
.close_button.hidden {
  transform: translateY(6.5rem);
}
/* line 290, ../sass/style.scss */
.close_button span.x_symbol {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-indent: -999999rem;
}
/* line 296, ../sass/style.scss */
.close_button span.x_symbol:before, .close_button span.x_symbol:after {
  display: block;
  width: 50%;
  height: 4px;
  content: "";
  position: absolute;
  top: 50%;
}
/* line 304, ../sass/style.scss */
.close_button span.x_symbol:before {
  transform: rotate(45deg);
  left: 25%;
}
/* line 308, ../sass/style.scss */
.close_button span.x_symbol:after {
  transform: rotate(-45deg);
  right: 25%;
}

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