/*@path:core\_base.scss*/
/*@path:core\_mixins.scss*/
/*@path:core\_exts.scss*/
/*@path:base\_vars.scss*/
/*@path:base\_normalize.scss*/
/*@path:base\_mixins.scss*/
/*@path:base\_rules.scss*/
/*@path:base\_exts.scss*/
/*@path:components\_main.scss*/
.login-block .form.hidden {
  display: none;
}
.login-block input.error {
  border-color: #BF3B1D;
}
.login-block input.error + .err {
  display: block;
}
.login-block .forgot-done.shown {
  display: block;
}

.route-detail.ready:after {
  display: none;
}
.route-detail.fail:after {
  display: none;
}
.route-detail.fail .map {
  display: none;
}
.route-detail[id=route-detail01] .q-ic:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/ar/photo.svg) no-repeat;
}
.route-detail:after {
  content: "";
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/loader.gif) center no-repeat;
}
.route-detail .map {
  aspect-ratio: 1/1;
  position: relative;
}
.route-detail .map-pop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgba(255, 255, 255, 0.5);
  padding: 0 40px;
  z-index: 1;
}
.route-detail .map-pop.shown {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.route-detail .map-pop .btn {
  width: 100%;
  line-height: 60px;
  text-align: center;
  display: table;
  text-decoration: none;
  color: #fff;
  border-radius: 10px;
  background: #BF3B1D;
  font-size: 18px;
}
.route-detail .map-pop .btn:nth-child(2) {
  margin: 22px 0 0 0;
}
.route-detail .inf .player .btns div.pause.playing {
  background-image: url(../img/player-pause-ic.svg);
}
.route-detail .tracks-block-item.active .play.playing {
  background-image: url(../img/player-pause-ic.svg);
}
.route-detail .tale-vid {
  display: block;
  width: 100%;
  aspect-ratio: 430/754;
  object-fit: cover;
  object-position: center;
}
.route-detail .tale-vid ~ .inf .scale-line {
  pointer-events: none;
}

.tale-pop[data-index="2-2"] h2, .tale-pop[data-index="4-puzzle-end"] h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: -70px;
  white-space: nowrap;
  font-family: "Cormorant Garamond";
  font-size: 36px;
  font-weight: 600;
  line-height: 110%;
}
.tale-pop[data-index="2-2"] .btn, .tale-pop[data-index="4-puzzle-end"] .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tale-pop[data-index="3-quiz"] .quiz-img {
  margin-bottom: 45px;
}
.tale-pop[data-index="3-quiz"] .quiz-choose .btn:nth-child(2) {
  margin-left: 20px;
}
.tale-pop[data-index="8-quiz"] .quiz-img, .tale-pop[data-index="6-quiz"] .quiz-img {
  margin: 35px 0 0;
}
.tale-pop[data-index="8-quiz"] .quiz-choose, .tale-pop[data-index="6-quiz"] .quiz-choose {
  display: block;
}
.tale-pop[data-index="8-quiz"] .quiz-choose .btn, .tale-pop[data-index="6-quiz"] .quiz-choose .btn {
  margin-top: 15px;
  position: static;
  display: block;
}
.tale-pop[data-index="6-quiz"] .quiz-deaf {
  margin: 0;
}
.tale-pop[data-index="6-quiz"] .quiz-deaf:first-child {
  margin: 0;
  padding-top: 15px;
}
.tale-pop[data-index="7-1"] .btn {
  width: 100%;
}
.tale-pop[data-index="9-0"] .imgs {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.tale-pop[data-index="9-0"] .imgs img {
  border-radius: 10px;
  position: static;
  background: none;
  width: calc(50% - 10px);
  height: auto;
}
.tale-pop[data-index="3-quiz"].step1 .quiz-q:nth-child(1) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error1 .quiz-err:nth-child(1) {
  display: block;
}
.tale-pop[data-index="3-quiz"].step2 .quiz-q:nth-child(2) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error2 .quiz-err:nth-child(2) {
  display: block;
}
.tale-pop[data-index="3-quiz"].step3 .quiz-q:nth-child(3) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error3 .quiz-err:nth-child(3) {
  display: block;
}
.tale-pop[data-index="3-quiz"].step4 .quiz-q:nth-child(4) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error4 .quiz-err:nth-child(4) {
  display: block;
}
.tale-pop[data-index="3-quiz"].step5 .quiz-q:nth-child(5) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error5 .quiz-err:nth-child(5) {
  display: block;
}
.tale-pop[data-index="3-quiz"].step6 .quiz-q:nth-child(6) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error6 .quiz-err:nth-child(6) {
  display: block;
}
.tale-pop[data-index="3-quiz"].step7 .quiz-q:nth-child(7) {
  display: block;
}
.tale-pop[data-index="3-quiz"].error7 .quiz-err:nth-child(7) {
  display: block;
}
.tale-pop[data-index="6-quiz"].step1 .quiz-q {
  display: block;
}
.tale-pop[data-index="6-quiz"].error1 .quiz-deaf:nth-child(1) {
  display: block;
}
.tale-pop[data-index="6-quiz"].error2 .quiz-deaf:nth-child(2) {
  display: block;
}
.tale-pop[data-index="8-quiz"].step1 .quiz-q:nth-child(1) {
  display: block;
}
.tale-pop[data-index="8-quiz"].error1 .quiz-q:nth-child(1) .quiz-deaf {
  display: block;
}
.tale-pop[data-index="8-quiz"].step2 .quiz-q:nth-child(2) {
  display: block;
}
.tale-pop[data-index="8-quiz"].error2 .quiz-q:nth-child(2) .quiz-deaf {
  display: block;
}
.tale-pop[data-index="8-quiz"].step3 .quiz-q:nth-child(3) {
  display: block;
}
.tale-pop[data-index="8-quiz"].error3 .quiz-q:nth-child(3) .quiz-deaf {
  display: block;
}
.tale-pop[data-index="8-quiz"].step4 .quiz-q:nth-child(4) {
  display: block;
}
.tale-pop[data-index="8-quiz"].error4 .quiz-q:nth-child(4) .quiz-deaf {
  display: block;
}
.tale-pop[data-index="8-quiz"].step5 .quiz-q:nth-child(5) {
  display: block;
}
.tale-pop[data-index="8-quiz"].error5 .quiz-q:nth-child(5) .quiz-deaf {
  display: block;
}
.tale-pop[data-index="8-quiz"].step6 .quiz-q:nth-child(6) {
  display: block;
}
.tale-pop[data-index="8-quiz"].error6 .quiz-q:nth-child(6) .quiz-deaf {
  display: block;
}
.tale-pop h3 {
  padding-top: 30px;
}
.tale-pop p {
  margin-top: 15px;
}
.tale-pop p:first-child {
  padding-top: 45px;
}
.tale-pop .dl {
  display: inline-block;
  vertical-align: top;
  margin: 15px 20px 0 0;
}
.tale-pop .dl img {
  margin: 0;
  width: 60px;
}
.tale-pop img {
  margin: 15px 0;
  width: 100%;
  border-radius: 10px;
}
.tale-pop .quiz-q {
  display: none;
}
.tale-pop .quiz-q.corr {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: none;
}
.tale-pop .quiz-q.corr .btn {
  position: static;
  margin-top: 40px;
}
.tale-pop .quiz-q audio {
  position: absolute;
  visibility: hidden;
}
.tale-pop .corr-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.tale-pop .quiz-choose {
  display: flex;
  justify-content: space-between;
}
.tale-pop .quiz-choose .btn {
  margin-top: 35px;
  width: auto;
  flex: 1 0 0;
}
.tale-pop .quiz-err {
  display: none;
}
.tale-pop .quiz-err .btn {
  width: 100%;
  margin-top: 45px;
}
.tale-pop .quiz-deaf {
  margin-top: 35px;
  display: none;
}
.tale-pop .puzzle {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #152B5E url(../img/puzzle/bg.jpg) center bottom/contain no-repeat;
}
.tale-pop .puzzle-preview {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16%;
  aspect-ratio: 1/1;
}
.tale-pop .puzzle-preview div {
  position: absolute;
  background: center bottom/contain no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 10px 0 0 0;
  border: 2px solid #B6D0DE;
}
.tale-pop .puzzle-preview div.active {
  opacity: 1;
}
.tale-pop .puzzle-item {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: contain;
  object-position: center bottom;
}
.tale-pop .puzzle-item.active {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.route-tale-game-info {
  display: none;
}
.route-tale-game-info.active {
  display: table;
}
.route-tale-game-info.clicked + .route-tale-game-info-pop {
  visibility: visible;
  opacity: 1;
}

.route-tale-game-info-pop {
  visibility: hidden;
  opacity: 0;
}

.orientation {
  left: -99999px;
}
.orientation.vert {
  left: 0;
}
.too-small .orientation.vert {
  left: -99999px;
}
.orientation.vert .block:nth-child(1) {
  display: block;
}
.too-small .orientation.hor {
  left: 0;
}
.too-small .orientation.hor .block:nth-child(2) {
  display: block;
}
.orientation .block:nth-child(1) {
  background: url(../img/vertical-phone.svg) center/contain no-repeat;
}
.orientation .block:nth-child(2) {
  background: url(../img/horiz-phone.svg) center/contain no-repeat;
}

.ar-photo.popup.activated .ar-instr {
  opacity: 0;
}
.ar-photo.popup.activated .title {
  display: block;
}
.ar-photo.popup video, .ar-photo.popup canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ar-photo.popup video {
  object-fit: cover;
}
.ar-photo.popup canvas {
  opacity: 0;
  pointer-events: none;
}
.ar-photo.popup .ar-instr {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.85);
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.ar-photo.popup .ar-instr:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/drag-photo-ic.svg?v2) center/contain no-repeat;
}
.ar-photo.popup .title {
  z-index: 1;
  display: none;
}
.ar-photo.popup .photo-pic {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  pointer-events: none;
}
.ar-photo.popup .photo-pic + .photo-pic {
  object-position: top;
}
.ar-photo.popup .make {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 8em;
  height: 8em;
}

:root {
  --zoom--wrapper-bg-color: #efefef;
  --zoom--slider-bg-color: rgba(255, 255, 255, 0.8);
  --zoom--slider-border-radius: 0 0 4px 0;
  --zoom--slider-padding-x: 20px;
  --zoom--slider-padding-y: 20px;
  --zoom--slider-track-color: #ddd;
  --zoom--slider-track-color-hover: #ccc;
  --zoom--slider-bar-size: 120px;
  --zoom--slider-bar-side: 2px;
  --zoom--slider-bar-border-radius: 2px;
  --zoom--slider-bar-color: #666;
  --zoom--slider-bar-color-hover: #444;
  --zoom--slider-button-size: 12px;
  --zoom--slider-button-color: #fff;
  --zoom--zoomer-button-size: 48px;
  --zoom--zoomer-button-color: rgba(255, 255, 255, 0.8);
  --zoom--zoomer-button-color-hover: rgba(255, 255, 255, 0.9);
  --zoom--zoomer-button-color-disabled: rgba(255, 255, 255, 0.8);
  --zoom--zoomer-button-opacity-disabled: 0.7;
  --zoom--zoomer-icon-size: 14px;
  --zoom--zoomer-icon-color: #333;
  --zoom--zoomer-icon-color-hover: #111;
  --zoom--zoomer-icon-color-disabled: #999;
  --zoom--modules-tranistion-duration: 0.3s;
}

.zoom--container {
  position: relative;
  padding: 0 !important;
  touch-action: none;
  user-select: none;
}

.zoom--wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
}

.zoom--image {
  position: relative;
  max-width: none !important;
  max-height: none !important;
  pointer-events: none;
  height: 100%;
}
.zoom--image div {
  width: 100%;
  height: 100%;
  background: center/contain no-repeat;
}

.zoom--slider {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: var(--zoom--slider-padding-y) var(--zoom--slider-padding-x);
  background-color: var(--zoom--slider-bg-color);
  border-radius: var(--zoom--slider-border-radius);
}

.zoom--slider:hover .zoom--slider-wrapper {
  background-color: var(--zoom--slider-track-color-hover);
}

.zoom--slider:hover .zoom--slider-bar {
  background-color: var(--zoom--slider-bar-color-hover);
}

.zoom--slider:hover .zoom--slider-button:before {
  box-shadow: 0 0 8px #009;
}

.zoom--slider-horizontal .zoom--slider-wrapper {
  align-items: center;
  justify-content: flex-start;
  width: var(--zoom--slider-bar-size);
  height: var(--zoom--slider-bar-side);
}

.zoom--slider-horizontal .zoom--slider-bar {
  top: 0;
  width: calc(var(--value) * 1%);
  height: 100%;
}

.zoom--slider-horizontal .zoom--slider-button {
  left: calc(var(--value) * 1%);
}

.zoom--slider-vertical .zoom--slider-wrapper {
  align-items: flex-end;
  justify-content: center;
  width: var(--zoom--slider-bar-side);
  height: var(--zoom--slider-bar-size);
}

.zoom--slider-vertical .zoom--slider-bar {
  bottom: 0;
  width: 100%;
  height: calc(var(--value) * 1%);
}

.zoom--slider-vertical .zoom--slider-button {
  bottom: calc(var(--value) * 1%);
}

.zoom--slider-wrapper {
  position: relative;
  display: flex;
  background-color: var(--zoom--slider-track-color);
  transition: background-color var(--zoom--modules-tranistion-duration);
}

.zoom--slider-bar {
  position: absolute;
  z-index: 0;
  left: 0;
  display: block;
  border-radius: var(--zoom--slider-bar-border-radius);
  background-color: var(--zoom--slider-bar-color);
  transition: background-color var(--zoom--modules-tranistion-duration);
}

.zoom--slider-button {
  position: relative;
  z-index: 1;
  display: block;
  width: 0 !important;
  height: 0 !important;
}

.zoom--slider-button:before {
  content: "";
  position: absolute;
  left: calc(var(--zoom--slider-button-size) * -0.5);
  top: calc(var(--zoom--slider-button-size) * -0.5);
  width: var(--zoom--slider-button-size);
  height: var(--zoom--slider-button-size);
  display: block;
  background-color: var(--zoom--slider-button-color, #fff);
  border-radius: 50%;
  box-shadow: 0 0 4px #006;
  transition: box-shadow var(--zoom--modules-tranistion-duration);
}

.zoom--zoomer {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  border-radius: 0 0 0 4px;
  overflow: hidden;
}

.zoom--zoomer-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--zoom--zoomer-button-size);
  height: var(--zoom--zoomer-button-size);
  background: none;
  background-color: var(--zoom--zoomer-button-color);
  border: 0;
  transition: background-color var(--zoom--modules-tranistion-duration);
  cursor: pointer;
}

.zoom--zoomer-button:hover {
  background-color: var(--zoom--zoomer-button-color-hover);
}

.zoom--zoomer-button:hover .zoom--zoomer-icon {
  fill: var(--zoom--zoomer-icon-color-hover);
}

.zoom--zoomer-button.zoom--zoomer-disabled {
  pointer-events: none;
  background-color: var(--zoom--zoomer-button-color-disabled);
  opacity: var(--zoom--zoomer-button-opacity-disabled);
}

.zoom--zoomer-button.zoom--zoomer-disabled .zoom--zoomer-icon {
  fill: var(--zoom--zoomer-icon-color-disabled);
}

.zoom--zoomer-icon {
  width: var(--zoom--zoomer-icon-size);
  height: var(--zoom--zoomer-icon-size);
  fill: var(--zoom--zoomer-icon-color);
  transition: fill var(--zoom--modules-tranistion-duration);
}

/*@path:components\_shared.scss*/
/*.t-scroll-wrap{
  overflow:auto;
  max-height:30vh;
  position:relative;
  @extend %bxz;
  &::-webkit-scrollbar{
    display:none;
  }
}

.t-scroll-inner{
  position:relative;
}

.t-scroll-bar{
  @include abs($r:0,$t:0,$b:0);
  z-index:1;
  width:.7em;
  background:#aaa;
  &.hidden{
    display:none;
  }
  div{
    background:#0f0;
    width:100%;
    height:10%;
    position:absolute;
    cursor:pointer;
  }
}*/

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