body{margin:0;font-family:Montserrat,Work Sans,sans-serif}#header{color:#fff;background-image:url(/bg.png);background-repeat:repeat;background-size:auto;flex-direction:row;align-items:stretch;width:100%;padding-bottom:3px;display:flex}#header>*{margin:0 2px}#header>.brand{flex:0 300px;justify-content:center;align-items:end;display:flex}#header>.main{flex:auto;align-items:center;margin:0;font-size:3em;display:flex}#header>.right{flex-direction:column;flex:0 560px;justify-content:flex-end;gap:6px;margin:0 8px 0 6px;padding-top:0;display:flex}#header>.right .menu{justify-content:flex-end;align-items:end;gap:18px;margin-top:auto;display:flex}#header>.right .menu a,#header>.right .menu span{color:#fff}.closed{display:none!important}.ski,.sykkel{cursor:pointer}.season{text-decoration:underline}.main>span{background-color:#0291bde5;border-radius:15px;padding:5px 25px}.logo{width:290px}#wrap{border:1px inset #aac;border-radius:2px;width:calc(100% - 8px);height:calc(100vh - 111px);position:relative}#drop-zone{z-index:100;-webkit-user-drop:element;background-color:#efeff5cc;border:1px solid #ccc;border-radius:2px;flex-direction:column;justify-content:center;width:180px;height:calc(100% - 290px);min-height:300px;display:flex;position:absolute;top:5px}#map{width:100%;height:100%}.box{box-shadow:0 4px 4px -1px #000000bf}#graph-box{z-index:200;border:2px;border-radius:2px;width:calc(100% - 30px);height:250px;margin-left:10px;margin-right:20px;position:absolute;bottom:20px;overflow:scroll}#graph{opacity:.8;width:100%;height:100%;overflow:auto}.working{background-color:#aacc;border-color:#c8c}.ready{background-color:#efeff5;border-color:#0f0f0f}#files{flex-direction:column;flex-grow:0;margin-bottom:auto;font-size:smaller;display:flex;overflow:auto}#files A{text-align:center;cursor:pointer;border-radius:6px;margin:2px 5px;padding:8px;transition:margin .2s ease-in-out,background-color .2s ease-in-out,padding .2s ease-in-out}#files A.selected{color:#5b9eaf;background-color:#fff;margin:7px 5px;padding-bottom:24px;font-weight:500;transform:translateY(-2px)scale(1.02);box-shadow:0 4px 8px #0000001a,0 2px 4px #00000014}.gpx{text-align:center;justify-content:center;align-items:center;padding:8px 0;display:flex}#file-button{cursor:pointer;background-color:#fff;border-style:groove;padding:4px;font-family:Geneva,Tahoma,Verdana,sans-serif;font-size:12px}#file-input{display:none}#work-box{z-index:200;background-color:#fff;padding:10px 0 4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.box>fieldset{border:0}#work-field{outline:none;font-size:.8em}button{margin-left:8px;font-size:.8em}#work-field.error{background-color:#ffebee;border-color:#e85d68;animation:.5s ease-in-out shake}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.dropdown{display:inline-block;position:relative}.dropdown-content{z-index:1;background-color:#f9f9f9;min-width:160px;display:none;position:absolute;top:100%;box-shadow:0 8px 16px #0003}.dropdown-content a{cursor:pointer;padding:12px 16px;text-decoration:none;display:block;color:#000!important}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.modal{z-index:100;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#fefefe;border:1px solid #888;width:80%;max-width:800px;margin:10% auto;padding:20px}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700}.close-button:hover,.close-button:focus{color:#000;cursor:pointer;text-decoration:none}#info-content-body{color:#333;margin-top:20px;line-height:1.6}.ws-banner{z-index:5;color:#2f4450;background-color:#8fd0e5;border:1px solid #79b9ce;border-radius:10px;justify-content:left;align-items:center;margin:25px 0 0;padding:6px 14px;display:flex;position:relative;box-shadow:0 2px 8px #0000002e}.ws-banner.ws-info{background-color:#8fd0e5;border-color:#79b9ce}.ws-banner.ws-success{background-color:#b3e8f4;border-color:#79b9ce}.ws-banner.ws-warning{background-color:#f7e8bc;border-color:#d9be7e}.ws-banner.ws-error{background-color:#f4ccd2;border-color:#c89ba2}.ws-hidden{display:none}#ws-banner-text{word-break:break-word;text-align:center;font-size:.92rem;line-height:1.35}@media (width<=700px){#header{flex-direction:column}#header>.brand,#header>.main,#header>.right{flex:unset}#header>.right{margin:0 6px 6px}#header>.right .menu{flex-wrap:wrap;justify-content:center;gap:10px 16px}.ws-banner{margin:0}}