html,body{color:#fcfcf4;background-color:#383838;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}html,body,button,input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#app{width:100%;height:100%;display:flex}#map{flex:1 0 auto;display:flex}#tools{flex-direction:column;flex:0 0 200px;margin:6px;display:flex}#tools .list{flex:1;margin:0;padding-left:1rem;overflow-y:auto}#tools .list li{cursor:pointer;padding-bottom:30px;position:relative}#tools .list .distance{text-align:center;border:1px solid #fff6;border-radius:8px;padding:4px;font-size:small;position:relative;top:14px;left:-12px}#tools .list .remove{opacity:.4;background:url(trash-16.65aa5e2f.png) 0 no-repeat;width:16px}#tools .list li:last-child:before{content:none}#tools .list li:before{content:"";border-left:1px solid #fff6;width:1px;height:70%;position:absolute;bottom:0;left:-12px}#tools a,#tools a:active,#tools a:visited{color:#fff;text-decoration:none}.logo{color:#696965;background-image:url(komoot-logo.48b1c3bb.svg);background-position:0%;background-repeat:no-repeat;background-size:130px 32px;height:32px;margin-bottom:1rem;padding-left:125px;font-weight:700}#tools .version{text-align:right;font-size:xx-small}input[type=button],input[type=reset],input[type=submit],button{cursor:pointer;background-color:#c3e452;border:0;border-radius:4px;outline:0;padding:6px 16px}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,button:hover{opacity:.8}input[type=button]:active,input[type=reset]:active,input[type=submit]:active,button:active{opacity:.4}#tools button{width:100%;margin-bottom:12px;display:block}#tools button.secondary{color:#c3e452;background-color:#0000;border:1px solid #696965}.modal-overlay{z-index:1040;background-color:#00000080;outline:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.modal-content{z-index:1050;background-color:#383838;max-width:500px;padding:0 1.5rem 1.5rem;position:relative}.modal-header{justify-content:flex-end;margin:0 -1.5rem;display:flex}.modal-buttons{justify-content:space-between;margin-top:1rem;display:flex}.modal-buttons :only-child{align-self:flex-end;margin-left:auto}button.modal-close{color:#000;opacity:.3;cursor:pointer;border:none;font-size:1.4rem;font-weight:700;line-height:1}form>input,form>label{display:block}form>label{margin-top:1rem}.hint{text-align:center;background-color:#0003;padding:.25rem;font-size:x-small}a.feedback{transition:all .2s ease-in-out}a.feedback:hover{z-index:10000;transform:scale(4)}a.negative.feedback:hover{backface-visibility:hidden;perspective:1000px;animation:.82s cubic-bezier(.36,.07,.19,.97) both shake;transform:translate(0,0)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (width<=639px){#app{flex-direction:column-reverse}#tools{flex-basis:auto}#tools .logo{transform-origin:0;margin:0;position:absolute;bottom:-4px;transform:scale(.5)}#tools .track-infos .hint,#tools .track-infos .total-distance{display:none}#tools .export{display:flex}#tools .export>button:not(:last-child){margin-right:12px}#tools .list{flex:1 0 auto;margin:0 0 1rem;padding:0;display:flex;overflow:auto hidden}#tools .list li{flex-direction:row-reverse;flex:1 0 auto;justify-content:space-between;max-width:100px;margin:0 15px;padding:0;font-size:smaller;display:flex}#tools .list li>div{white-space:pre;flex-direction:column-reverse;flex-shrink:0;justify-content:space-between;display:flex}#tools .list .distance{padding-top:2px;padding-bottom:2px;top:0;left:40px}#tools .list li:before{border-top:1px solid #fff6;width:29px;height:1px;bottom:45px;left:10px}#tools .list li:first-child:before{content:none}#tools .list li:last-child:before{content:""}}#map .marker{color:#fff;text-shadow:1px 1px #000;background:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:6px;font-weight:800;display:flex;box-shadow:0 2px 12px -1px}
/*# sourceMappingURL=path0.fb1778ea.css.map */