@font-face{font-family:Tonnelier;src:url(/assets/Tonnelier-Medium.eb304543.ttf)}@font-face{font-family:Hasubi-Mono;src:url(/assets/Hasubi-Mono.03af2689.ttf)}:root{--color-green: #b5f166;--color-beige: #ebeadd;--color-light-ui: #ebeadd;--color-dark-ui: #18180f;--color-dark-grad-1: #1f2019;--color-dark-grad-2: #000000}html{font-family:Hasubi-Mono;font-weight:400;line-height:1.6}html,body,#app{height:100%}body{margin:0;overflow:hidden;background-color:#000;color:var(--color-beige);box-sizing:border-box}h1{text-transform:uppercase;font-family:Tonnelier;font-size:3rem;border-bottom:1px solid var(--color-beige);padding-bottom:1.125rem}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover,a:focus{text-decoration:underline}*,*:before,*:after{box-sizing:inherit}ul{list-style:none;padding:0;margin:0}#olga-logo{position:absolute;top:2rem;left:2rem;color:inherit;width:6rem}#olga-logo svg{display:block;width:100%;height:auto}#hydro-logo{position:absolute;top:2rem;right:2rem;color:inherit;width:10rem}#hydro-logo svg{display:block;width:100%;height:auto}#profile-close,#gallery-close{position:absolute;top:2rem;right:2rem}.btn{font-family:inherit;font-size:inherit;text-decoration:none;background-color:transparent;color:inherit;border:none;cursor:pointer}.btn-standard{position:relative;width:100%;padding:1.5rem 2rem;color:var(--color-light-ui);border:1px var(--color-light-ui) solid;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.btn-standard>*{position:relative}.btn-standard__icon svg{display:block;height:1em;width:1em}.btn-standard:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--color-beige);transform-origin:0% 50%;transform:scaleX(0);opacity:0;transition:transform .3s ease,opacity .3s ease}.btn-standard:hover{color:#000;text-decoration:none}.btn-standard:hover:before{opacity:1;transform:scaleX(1)}.btn-standard--primary{color:var(--color-dark-ui);background-color:var(--color-green);border-color:var(--color-green);transition:color .3s ease,border-color .3s ease}.btn-standard--primary:hover{border-color:#fff}.btn-menu{position:absolute;top:2rem;right:2rem;font-size:1.5rem;text-transform:uppercase;font-family:inherit;display:flex;align-items:center;gap:.5em}.btn-menu__icon svg{display:block;height:1em;width:1em}.btn-round{height:4rem;width:4rem;font-size:1.25rem;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:#ffffff1a}.btn-round svg{display:block;height:1em;width:auto}.fullscreen-interface{position:fixed;left:160px;right:0;top:0;bottom:0;background:url(/assets/noise.d2f8c3f3.png),radial-gradient(var(--color-dark-grad-1),var(--color-dark-grad-2))}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-to,.v-leave-from{opacity:1}.v-enter-from,.v-leave-to{opacity:0}.menu-enter-active{transition:opacity .5s ease}.menu-leave-active{transition:opacity .5s .5s ease}.menu-enter-to,.menu-leave-from{opacity:1}.menu-enter-from,.menu-leave-to{opacity:0}.intro-interface{position:fixed;top:0;bottom:0;left:0;right:0;display:grid;place-items:end left;padding:50px;background:transparent}.intro-block{background-color:#111;padding:50px;pointer-events:initial;position:relative;width:600px;max-height:80vh;overflow-y:auto}.intro-block__header{display:flex;align-items:center;justify-content:space-between}.intro-block__header #olga-logo{position:static;color:inherit;width:6rem}.intro-block__header #hydro-logo{position:static;color:inherit;width:10rem}.intro-block__body{margin-top:3rem;margin-bottom:3rem}.avatar-interface{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding-left:30px;padding-right:30px;margin-top:auto}.avatar-link{display:block;pointer-events:initial;transition:transform .3s,filter .3s;filter:grayscale(1)}.avatar-link--active{filter:grayscale(0)}.avatar-link:hover{filter:grayscale(0);transform:scale(1.1)}.avatar{display:block;height:5rem;width:5rem;border-radius:100%;background-color:#222;border:2px solid var(--color-beige)}.audio-interface{position:fixed;bottom:0;width:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem}.audio-player{position:relative;background-color:var(--color-dark-ui);display:flex;flex-direction:column;align-items:center;padding:0 1.75rem 1.75rem;pointer-events:initial}.audio-player__close{position:absolute;right:0;top:0;height:3rem;width:3rem;display:flex;align-items:center;justify-content:center;border-radius:100%;color:var(--color-beige)}.audio-player__close svg{height:1.25em;width:auto}.audio-player__options{display:flex;align-items:center;margin-bottom:20px;gap:10px;height:100px;margin-top:-2.5rem}.audio-player__title{margin-bottom:20px;line-height:.75}.audio-player__container{display:flex;align-items:center;gap:10px}.player-option{width:50px;padding:0;background-color:transparent;border:none;cursor:pointer;filter:grayscale(1);transition:.3s ease}.player-option:hover{filter:grayscale(0)}.player-option__avatar{width:100%;height:auto}.player-option--active{width:100px;filter:grayscale(0)}.audio-control{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:15px;border:none;cursor:pointer;background-color:#fff;color:#000;border-radius:100%;transition:.3s ease}.audio-control:hover{background-color:var(--color-green)}.audio-control svg{width:100%;height:auto}.audio-control--prev{order:-1}.instructions{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:30px;background-color:#0009;backdrop-filter:blur(10px);pointer-events:all}.instructions__icon{flex:0 0 auto}.instructions__icon svg{display:block}.instructions__text{flex:0 0 auto;font-size:1.125rem}.room-description-fade-enter-active,.room-description-fade-leave-active{transition:opacity 1s ease}.room-description-fade-enter-from,.room-description-fade-leave-to{opacity:0}.explore-interface{background:transparent;pointer-events:none}.room-description{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);width:650px;padding:30px;background-color:#0009;backdrop-filter:blur(10px);pointer-events:all}.room-description__head{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:1rem}.room-description__title{margin-top:0;margin-bottom:0;font-size:1.25rem;font-family:Tonnelier;text-transform:uppercase}.room-description__toggle{flex:0 0 auto;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;border:none;cursor:pointer;color:inherit;transform:rotate(180deg);transition:transform .3s ease}.room-description__content{overflow:hidden;line-height:1.5}.room-description__description p{margin-top:0}.room-description__description p:last-child{margin-bottom:0}.room-description--collapsed .room-description__toggle{transform:rotate(0)}.room-description--collapsed .room-description__content{height:1lh;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.profile-interface{background-size:cover;background-position:50% 50%}.profile-content{position:absolute;top:8rem;right:calc(50% + 4rem);width:calc(50% - 8rem);height:600px;max-height:calc(100vh - 16rem);max-width:calc(600px + 4rem);overflow:auto}.profile-content h1{padding-bottom:0;margin:0;border-bottom:none}.profile-content__title{margin-top:30px;margin-bottom:10px;font-size:1.25rem;font-family:Tonnelier;text-transform:uppercase}.profile-content__description{border-top:1px solid;padding-top:25px;font-size:1.125rem}.profile-content__paragraph{padding-right:1rem;overflow:auto}.profile-content__paragraph p{margin-top:0}.profile-content .btn{position:sticky;bottom:0;margin-top:30px;background:linear-gradient(rgba(0,0,0,.2),rgb(0,0,0));box-shadow:0 0 10px #0003;backdrop-filter:blur(4px)}.profile-content--playing{border-bottom:1px solid}.profile-content--playing .btn{transition:opacity .2s;opacity:0;pointer-events:none}.profile-info{margin-bottom:25px;text-transform:uppercase}.profile-info__title{margin-bottom:0;font-size:.875rem;font-family:Tonnelier;font-weight:400;letter-spacing:.05em}.menu-interface{position:fixed;left:0;top:0;bottom:0;display:flex;width:160px;padding-top:50px;padding-bottom:50px;background:radial-gradient(164.57% 91.1% at 57.41% 50.05%,#1F2019 0%,#000 100%)}.menu-interface__inner{display:flex;flex-direction:column;width:100%;gap:50px;background-image:url(/assets/noise.d2f8c3f3.png);background-size:100px 100px;background-repeat:repeat}.menu-interface__items{display:flex;flex-direction:column;gap:25px}.menu-logo{padding-left:30px;padding-right:30px}.menu-logo__image svg{width:100%;height:auto}.menu-logo__link{padding-top:15px;margin-top:15px;border-top:1px solid var(--color-beige)}.home-link{display:flex;align-items:center;gap:15px;text-decoration:none}.home-link__icon{flex:0 0 auto;width:20px}.home-link__icon svg{display:block;width:100%;height:auto}.home-link__title{font-size:1.125rem;text-transform:uppercase}.menu-item{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;border-right:4px solid transparent;transition:.3s ease}.menu-item:hover,.menu-item:active,.menu-item:focus{color:var(--color-green);text-decoration:none}.menu-item__icon{width:70px;height:70px;padding:15px;border:2px solid currentColor;border-radius:100%}.menu-item__icon svg{display:block;width:100%;height:auto}.menu-item__title{font-size:1.125rem;text-transform:uppercase}.menu-item.router-link-active{color:var(--color-green);border-right-color:currentColor}.gallery-content{position:absolute;left:0;right:0;top:8rem;bottom:0rem;display:grid;grid-template-rows:auto 1fr auto}.gallery-content h1{margin:0 4rem}.gallery-content__items{display:flex;padding:4rem;gap:4rem;scroll-snap-type:x mandatory;scroll-padding-left:4rem;overflow:auto}.gallery-content__item{scroll-snap-align:start;position:relative;height:100%;display:flex;align-items:flex-end;gap:2rem}.gallery-content__item-img{height:100%}.gallery-content__item img{height:auto;width:auto}.gallery-content__item-context{width:400px}.gallery-content__item-description{margin-block:0}.gallery-content__controls{margin:0 4rem;padding:2rem;border-top:1px solid;display:flex;justify-content:center;align-items:center;gap:1rem}.pano-view{height:100%}.mode-select{background-color:#ffffff80;font-weight:700;position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.mode-select .btn-group{height:300px;display:flex;flex-wrap:wrap;justify-content:center}.mode-select .btn-group>button{background-color:#fffc;border-radius:5px;padding:20px;border:1px solid #aaa;height:100px;width:100%}.anchor{height:100%}.anchor .tooltip{background-color:var(--color-dark-ui);font-weight:500;padding:20px;color:inherit}.gallery-box{width:calc(600px - 4rem);display:flex;align-items:center;justify-content:flex-start;margin:-18px 0;cursor:pointer}.gallery-box .avatar{width:8rem;height:8rem;border-radius:100%;background-color:#222;border:2px solid var(--color-beige)}.gallery-box__description{margin-left:1rem}.gallery-box:hover .avatar,.gallery-box:focus .avatar{filter:grayscale(0)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.map{position:fixed;bottom:1rem;right:1rem;width:22.5%;background-color:#fdf2ca;color:var(--color-dark-ui);padding:1px}.map:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-image:url(/assets/mapOverlay.52832ee4.jpg);background-size:cover;mix-blend-mode:darken;opacity:.35}.map__header{margin:1.25rem;margin-bottom:0;padding-bottom:1.25rem;display:flex;align-items:center;gap:1rem;border-bottom:1px dashed;line-height:1.4}.map__title{font-size:1.25rem}.map .map__svg svg{display:block;width:100%;height:auto}.map .map__svg svg .angle{opacity:0;transition:opacity .3s;transform-box:fill-box;transform-origin:50% 100%;transform:rotate(var(--angle, 0deg))}.map .map__svg svg .angle.active{transition-delay:1s;opacity:1}.map .map__svg svg .room{cursor:pointer;opacity:1;transform-box:fill-box;transform-origin:50% 50%;transition:transform .3s;stroke:transparent;stroke-width:40px;paint-order:stroke fill;stroke-linecap:round;stroke-dasharray:1000}.map .map__svg svg .room:hover{transform:scale(1.2)}.map .map__svg svg .room.active{animation:pulse .75s ease infinite}.map-back{position:absolute;bottom:100%;left:0;display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:20px;width:100%;font-size:1.125rem;background-color:#000;color:#fff;border:1px solid #fff}.map-back__icon{flex:0 0 auto;width:1em}.map-back__icon svg{width:100%;height:auto}
