body{margin:0;counter-reset:section;font-family:"sans-serif"}header{position:fixed;top:0;left:0;right:0;height:64px;background:hsla(0,0%,100%,.8666666666666667);box-shadow:0 0 4px rgba(0,0,0,.3333333333333333);z-index:3;padding:0 calc(2vw + 16px);display:flex;align-items:center}#map{width:100vw;height:100vh;background:#8da765;position:relative}footer{bottom:16px;left:16px;right:16px}#list,footer{position:fixed}#list{width:100vw;height:100vh;background:#edefec;z-index:0}#list.on{z-index:2}#list>div{margin:auto;max-width:800px;padding:80px 40px 0}#list>div div{margin:0 -40px;max-width:800px;max-height:calc(100vh - 160px);overflow:auto}#list table{width:100%}#list table,#list tbody{border-collapse:collapse;table-layout:fixed}#list tr.act{background:rgba(17,17,17,.06666666666666667)}#list tr.act td:nth-child(3):after{content:"⊹";color:rgba(17,17,17,.3333333333333333);font-size:24px;position:absolute;top:0;right:12px;line-height:47px}#list td,#list th{box-sizing:border-box;height:48px;padding:8px 16px;border-bottom:1px solid rgba(17,17,17,.13333333333333333);color:rgba(17,17,17,.8666666666666667);font-size:14px}#list th{box-shadow:0 1px 0 0 #8da765,0 5px 20px -5px #eee;background:#edefec;color:#8da765;font-weight:400;cursor:pointer;position:sticky;top:0;z-index:1}#list th:first-child{padding-left:40px;text-align:left}#list th:nth-child(2){width:80px}#list th:nth-child(3){width:128px}#list th.asc:after,#list th.desc:after{font-size:9px;position:absolute;line-height:48px;top:0;right:8px}#list th.desc:after{content:"▼"}#list th.asc:after{content:"▲"}#list td:first-child{padding:8px 8px 8px 40px;position:relative}#list th:first-child.asc:after,#list th:first-child.desc:after{right:auto;left:82px}#list td:first-child:before{counter-increment:section;content:counter(section) ".  ";color:rgba(17,17,17,.3333333333333333);position:absolute;line-height:48px;top:0;left:8px}#list td:nth-child(2){text-align:center}#list td:nth-child(3){text-align:center;position:relative}#text{min-height:100vh;background:#edefec}#text>div{margin:auto;max-width:800px;padding:80px 24px 40px}#text h2{font:normal 24px/1 sans-serif;margin:2rem 0 1rem}#text img{margin:0 -24px;width:calc(100% + 48px)}aside{position:fixed;top:50%;left:50%;width:600px;box-sizing:border-box;max-height:calc(100vh - 6vw - 144px);max-width:calc(96vw - 16px);overflow:auto;padding:80px 24px 24px;background:hsla(0,0%,100%,.8666666666666667);border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.3333333333333333),1px 1px 4px rgba(17,17,17,.13333333333333333);opacity:0;transition:all .15s linear;transform:translate(-50%,-50%) scale(.97)}aside.on{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:3}aside h1{top:0;left:0;right:0;height:64px;line-height:66px;border-radius:8px 8px 0 0;padding:0 64px 0 24px;background:rgba(17,17,17,.7333333333333333)}aside button,aside h1{position:absolute;color:#fff}aside button{top:8px;right:8px;font-size:36px}h1{font:normal 24px/1 sans-serif;margin:0;flex:1;color:#111}h1 span{color:#8da765}h2{font:normal 21px/1 sans-serif;margin:1rem 0;color:#555}p{line-height:1.5;margin:16px 0 8px}p+p{margin-top:8px}ul{list-style-type:none;padding:0}a{color:#2ae;text-decoration:none}li{padding-bottom:4px}li *{vertical-align:middle}img{width:100%}aside button,header button{background:none;box-shadow:none;margin-left:8px}header button:not(.on):hover{background:hsla(0,0%,100%,.3333333333333333);box-shadow:0 0 3px rgba(17,17,17,.13333333333333333)}header a:active,header button:active{box-shadow:0 0 0 1px hsla(0,0%,100%,.13333333333333333),inset 1px 1px 2px rgba(17,17,17,.13333333333333333)}aside button:hover{background:hsla(0,0%,100%,.06666666666666667);box-shadow:0 0 3px rgba(0,0,0,.13333333333333333)}aside button:active{box-shadow:0 0 0 1px rgba(0,0,0,.13333333333333333),inset 1px 1px 2px rgba(0,0,0,.13333333333333333)}header a{width:24px;height:24px;display:block;border-radius:50%;color:#111;font-size:24px;padding:12px}header a:hover{background:hsla(0,0%,100%,.3333333333333333);box-shadow:0 0 3px rgba(17,17,17,.13333333333333333)}button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.8666666666666667);border:none;border-radius:50%;box-shadow:0 0 3px hsla(0,0%,100%,.3333333333333333),1px 1px 5px rgba(17,17,17,.3333333333333333);color:#111;font-size:24px;transition:all .15s ease-in-out}.on>button,button.on{background:#2ae;color:#fff}.err button,button.err{background:#e55;color:#fff}.wait button,button.wait{animation:pulse 2s infinite}@keyframes pulse{0%{color:#111}50%{color:#2ae}to{color:#111}}button:focus{outline:0}button:active{box-shadow:0 0 3px rgba(17,17,17,.3333333333333333),inset 1px 1px 2px rgba(17,17,17,.3333333333333333)}.info{position:absolute;bottom:2vw;right:2vw;display:flex}.height{background:hsla(0,0%,100%,0);width:0;height:40px;margin:4px -24px 0 0;padding:0 0 0 20px;line-height:40px;border-radius:50px 0 0 50px;font-family:sans-serif;text-shadow:0 0 2px #fff,0 0 1px #fff;overflow:hidden;transition:all .15s ease-in-out}.on .height{background:hsla(0,0%,100%,.6);width:64px;padding:0 32px 0 20px}.info button{font-family:serif}.paths{position:absolute;bottom:calc(2vw + 60px);right:2vw}.cross.on{top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);width:2px;height:2px;display:block;border:1px solid #fff;border-radius:50%}.cross.on,.cross.on div{position:absolute;background:#702;background-clip:padding-box}.cross.on div{width:12px;height:1px;border:1px solid hsla(0,0%,100%,.7333333333333333);top:0;left:-6px}.cross.on div:first-child{transform:translate(-12px)}.cross.on div:nth-child(2){transform:translate(12px)}.cross.on div:nth-child(3){transform:translateY(12px) rotate(90deg)}.cross.on div:nth-child(4){transform:translateY(-12px) rotate(90deg)}.loc{bottom:2vw;left:2vw}.loc,.scale{position:absolute}.scale{bottom:calc(2vw + 8px);left:calc(2vw + 72px);height:3px;background:#111;box-shadow:0 0 2px hsla(0,0%,100%,.6),0 0 1px hsla(0,0%,100%,.6)}.scale div{position:relative;top:-24px;font-family:sans-serif;text-align:center;text-shadow:0 0 2px #fff,0 0 1px #fff}.copy{margin-top:2rem}.copy+.copy{margin-top:.5rem}.add{color:#aaa;font-size:14px;margin:1rem 0 0;text-align:right}.triangle{fill:#111;stroke:#fff;stroke-width:1}
/*# sourceMappingURL=mk.28d23865.css.map */