body{font:100% Helvetica,sans-serif;color:#333;background:#fff}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control-panel{position:absolute;width:350px;top:0;left:0;bottom:0;box-shadow:3px 0 5px hsla(0,0%,39%,.3);overflow:hidden;z-index:1500}.control-panel h1{font-size:30px;font-weight:300;margin-left:30px}.control-panel p{font-size:14px;color:#888;margin:-10px 0 30px 30px}.content-panel{position:absolute;top:0;left:0;right:0;bottom:0;margin-left:350px;overflow:hidden}#map{height:100%}.dropzone-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;margin:0 auto;text-align:center;background-color:hsla(0,0%,100%,.5);outline:4px dashed #7ca1a4;outline-offset:-50px;fill:#7ca1a4;color:#7ca1a4}.dropzone-container .dropzone-content{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.dropzone-container .dropzone-content .dropzone-title{font-size:36px;font-weight:300;margin-bottom:0}.dropzone-container .dropzone-content .dropzone-icon{width:100%;height:80px;display:block;margin-bottom:40px}.is-dragover{background-color:hsla(0,0%,100%,.8);outline-offset:-70px;fill:#c8dadf;color:#c8dadf;outline-color:#c8dadf;transition:outline-offset .15s ease-in-out,background-color .15s linear,color .15s linear,fill .15s linear}@-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translateY(2px) rotate(0deg);transform:translateY(2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-1deg);transform:translate(2px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg);transform:translate(2px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:rgba(255,223,231,.8)}