*{box-sizing:border-box}body{margin:0;font-family:"Courier New",Courier,monospace;-webkit-font-smoothing:antialiased;overflow:hidden}.app,body{width:100vw;height:100vh}.app{overflow:auto;background-color:#000;color:#fff;display:grid;grid-template-rows:5rem minmax(0,1fr) 4rem;grid-template-columns:450px minmax(0,1fr);grid-template-areas:"header header" "sidebar main" "footer footer"}.mobile__toggle{display:none}header{grid-area:header;border-bottom:1px solid #fff}header h1{font-size:2rem;text-align:center}aside{grid-area:sidebar;border-right:1px solid #fff;padding:2rem;overflow:auto}aside p{font-size:1.3rem;font-weight:400}footer{border-top:1px solid #fff;grid-area:footer;padding:0 2rem;display:flex;align-items:center;justify-content:flex-start;background-color:#000}footer a{color:inherit}main{border-top:1px solid #fff;grid-area:main;display:flex;flex-direction:row}main.split .info,main.split .map{width:50%}main .info{width:0}main .info,main .map{height:100%;transition:all .2s ease}main .map{width:100%}@media screen and (max-width:1024px){html{font-size:14px}.app,body{height:auto;overflow:auto}.app{width:100vw;display:flex;flex-direction:column}aside{border-right:none;padding:2rem 2rem 1rem}aside .toggle{width:80%;max-width:20rem;margin:4rem auto 0;display:flex;--width:10rem;--height:5rem;--shadow:0.8;--skew:7;--cut-height:15px;--cut-width:10px}main{height:calc(100vh - 11rem);display:flex;flex-direction:row;border-right:none}main.split .info{width:70%;border-left:1px solid #fff}main.split .map{width:30%}main .info{border:none}footer{height:4rem}footer p{font-size:.8rem}}.info{border-left:1px solid #fff;position:relative;overflow-y:scroll}.location{position:absolute;top:0;left:0;display:none}.location.-active{display:block}.location__header{border-bottom:1px solid #fff;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 2rem;position:-webkit-sticky;position:sticky;top:0;background-color:#000;z-index:1}.location__header h2{padding:0;margin:0;text-transform:capitalize}.location__content{overflow:hidden;position:relative}.location__content img{width:100%;height:auto;display:block;border:none}.location__text{padding:2rem}.close__button{height:100%;border-color:#fff;border-style:solid;border-width:1px 2px;background-color:#000;cursor:pointer}.close__button svg{height:100%;width:auto}.close__button .icon__close path{fill:#fff}.close__button:hover{background-color:#fff}.close__button:hover .icon__close path{fill:#000}@media screen and (max-width:1024px){.location__text{padding:1.5rem}.location__header{padding-left:1.5rem;height:3rem}.close__button{border-color:#fff;border-style:solid;border-width:0 1px}}.map{height:100%}.mapboxgl-control-container{display:none}.marker{width:2rem;height:2rem;border-radius:50%;background-image:radial-gradient(circle at center,#ff0 0,#ff0 10%,transparent 0,transparent 20%,#ff0 0,#ff0 28%,transparent 0,transparent 40%,#ff0 0,#ff0 48%,transparent 0,transparent 60%,#ff0 0,#ff0 64%,transparent 0,transparent 80%,#ff0 0,#ff0 82%,transparent 0,transparent 100%)}.marker:hover{width:2.5rem;height:2.5rem}.marker:active{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}.marker.-active{animation:rotateColor 1s infinite}.markerTemplates{display:none}@keyframes rotateColor{0%{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}to{-webkit-filter:hue-rotate(389deg);filter:hue-rotate(389deg)}}.toggle{--width:15rem;--height:8rem;--shadow:0.8;--skew:7;--cut-height:20px;--cut-width:10px;align-items:center;justify-content:space-between;width:100%;margin-top:2rem}.toggle,.toggle__button{display:flex;flex-direction:row}.toggle__button{width:var(--width);height:var(--height);align-items:flex-end;overflow:hidden;position:relative;z-index:1}.toggle__button:before{left:-2px;border-right:var(--cut-width) solid transparent;border-left:none}.toggle__button:after,.toggle__button:before{content:" ";position:absolute;bottom:-2px;width:0;height:0;border-bottom:var(--cut-height) solid #000;z-index:-1}.toggle__button:after{right:-2px;border-left:var(--cut-width) solid transparent;border-right:none}.toggle__part{width:50%;height:calc(var(--shadow)*var(--height));border:1px solid #fff;background-color:#000}.toggle__part.-left{border-right:none;transform-origin:right center;transform:skewY(0deg);transition:all .05s;box-shadow:-20px 20px 0 20px #fff;position:relative}.toggle__part.-right{border-left:none;transform-origin:left center;transform:skewY(0deg);transition:all .05s;box-shadow:20px 20px 0 20px #fff;position:relative}.toggle.-on .toggle__button:before{z-index:1}.toggle.-on .toggle__part.-left{transform:skewY(calc(1deg*var(--skew)))}.toggle.-off .toggle__button:after{z-index:1}.toggle.-off .toggle__part.-right{transform:skewY(calc(-1deg*var(--skew)))}.toggle__label{font-size:1rem}.toggle__label.-active{font-weight:700}
/*# sourceMappingURL=main.b6946a15.chunk.css.map */