body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;width:100%;height:100%;min-height:100%}.Map-header{position:absolute;width:100%;top:0;left:0;height:40px;z-index:20}.Map-container{left:0;right:min(320px,50vw)}.editor-container,.Map-container{position:absolute;top:40px;bottom:0}.editor-container{right:0;width:min(320px,50vw)}*{box-sizing:border-box}.Header-frame{background-color:#154bb6;color:#fff;z-index:20;position:relative}.App-title{display:table-cell;text-align:start;padding-left:12px;font-size:1.5rem}.App-title,.search-box{vertical-align:middle;height:40px}.search-box{background-color:#154bb6;position:absolute;top:0;right:90px;padding:6px;transform:scaleX(.1);display:none}@media screen and (min-width:500px){.search-box{width:280px}}@media screen and (max-width:500px){.search-box{padding-left:50px;left:0}}.search-box.enter{transform:scaleX(.1);display:block}.search-box.enter-active{transition:transform .3s ease-out;transform:scaleX(1);transform-origin:100% 0;display:block}.search-box.enter-done{transform:scaleX(1);display:block}.Action-button{width:30px;height:30px;cursor:pointer}.Action-button:hover{-webkit-filter:drop-shadow(2px 2px 2px grey);filter:drop-shadow(2px 2px 2px grey)}.Action-button.help,.Action-button.search{margin-right:10px}.Action-container{position:absolute;right:10px;top:5px}.Action-setting:hover{-webkit-filter:drop-shadow(2px 2px 2px grey);filter:drop-shadow(2px 2px 2px grey)}.Setting-container{position:absolute;top:40px;right:0;width:240px;height:220px;padding:10px;pointer-events:none;z-index:10;transform:translateY(-100%)}.Setting-frame{position:relative;width:100%;height:100%;color:grey;padding:20px 5px 5px;background-color:hsla(0,0%,100%,.9);border-radius:4px 4px 4px 4px;box-shadow:2px 2px 4px grey;pointer-events:all;text-align:center}.Setting-container.enter{transform:translateY(-100%)}.Setting-container.enter-active{transition:all .3s ease-in;transform:translateY(0)}.Setting-container.enter-done,.Setting-container.exit{transform:translateY(0)}.Setting-container.exit-active{transition:all .3s ease-out;transform:translateY(-100%)}.Setting-title{padding:8px;width:100%;font-size:small;text-align:start}.Setting-slider{text-align:center;font-size:xx-small}.Action-button.close{position:absolute;top:10px;right:10px}.toggle-input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer;display:none}.toggle-label{width:75px;height:42px;background:#ccc;position:relative;display:inline-block;border-radius:46px;transition:.4s;box-sizing:border-box;cursor:pointer}.toggle-label:after{content:"";position:absolute;width:42px;height:42px;border-radius:100%;left:0;top:0;z-index:2;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);transition:.4s}.toggle-input[type=checkbox]:checked+.toggle-label{background-color:#154bb6}.toggle-input[type=checkbox]:checked+.toggle-label:after{left:40px}.toggle-switch{position:relative;width:75px;height:42px;margin:auto}.switch-container{display:flex;margin-top:10px;width:100%}.toggle-switch.accuracy,.toggle-switch.position{transform:scale(.6)}p{color:grey}.editor-relative{position:relative;width:100%;height:100%}.panel-title{padding:4px}.import-hint{margin:10px;color:#d0d0d0}.polyline-scroll{padding:10px;overflow-y:scroll;width:100%;height:calc(100% - 50px);-ms-overflow-style:none;scrollbar-width:none}.polyline-scroll::-webkit-scrollbar{display:none}.polyline-frame{width:300px;background-color:#fff;border-radius:4px 4px 4px 4px;box-shadow:2px 2px 4px grey}.polyline-frame.edit{background-color:#eeeeef}.toggle-visible{background-color:#fff;width:20px;height:20px;margin:5px}.polyline-color{width:20px;height:20px;margin-right:4px;border-radius:2px 2px 2px 2px}.polyline-name{width:130px;cursor:pointer}.polyline-setting{position:relative;width:30px;height:30px}.action-button.setting{width:30px;height:30px;-webkit-filter:brightness(60%);filter:brightness(60%);padding:0}.action-button.setting:hover{-webkit-filter:brightness(60%) drop-shadow(2px 2px 2px grey);filter:brightness(60%) drop-shadow(2px 2px 2px grey)}.action-button{width:30px;height:30px;cursor:pointer;padding:2px}.action-button:hover{-webkit-filter:drop-shadow(2px 2px 2px grey);filter:drop-shadow(2px 2px 2px grey)}.action-button.close{position:absolute;top:2px;right:2px}.setting-row{width:100%;display:flex;padding-left:10px}.style-preview{margin-left:20px}.polyline-setting-container{position:absolute;top:-12px;right:-12px;width:240px;height:220px;padding:10px;pointer-events:none;z-index:10;transform:scale(0);transform-origin:top right}.polyline-setting-container.enter-active{transition:all .2s ease-in;transform:scale(1)}.polyline-setting-container.enter-done,.polyline-setting-container.exit{transform:scale(1)}.polyline-setting-container.exit-active{transition:all .2s ease-out;transform:scale(0)}.polyline-setting-container.exit-done{transform:scale(0)}.polyline-setting-frame{position:relative;width:100%;height:100%;color:grey;padding:20px 5px 5px;background-color:hsla(0,0%,100%,.9);border-radius:4px 4px 4px 4px;box-shadow:2px 2px 4px grey;pointer-events:all;text-align:center}.editor-footer{position:absolute;right:20px;bottom:20px}.Map-relative{position:relative;width:100%;height:100%}.Map{position:absolute;top:0;left:0;width:100%;bottom:0;z-index:5}.edit-option{padding:0;display:flex;width:60px;height:30px}.dialog-root{width:100%;height:100%;cursor:none;position:relative}.dialog-frame{position:absolute;top:20vh;left:20vw;right:20vw;z-index:30;height:320px}.dialog-relative{position:relative;width:100%;height:100%}.dialog-container{position:absolute;width:100%;height:320px;z-index:30;transform-origin:top;transform:translateY(-20vh) scaleY(0);color:grey;padding:20px 5px 5px;background-color:hsla(0,0%,100%,.9);border-radius:4px 4px 4px 4px;box-shadow:2px 2px 4px grey;pointer-events:all;text-align:center}.dialog-container.enter-active{transition:all .3s ease-in}.dialog-container.enter-active,.dialog-container.enter-done,.dialog-container.exit{transform:translateY(0) scaleY(1)}.dialog-container.exit-active{transition:all .3s ease-out}.dialog-container.exit-active,.dialog-container.exit-done{transform:translateY(-20vh) scaleY(0)}.invalid{color:red;font-size:small;margin:4px}
/*# sourceMappingURL=main.67b7e4d4.chunk.css.map */