@import "https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Kanit,sans-serif}body{background-color:#152c2e;justify-content:center;align-items:center;display:flex}#map{flex:1;max-width:2000px;height:95svh;margin:15px 15px 15px 0;display:flex}p{padding:0;font-size:15px;margin:0!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip,.submit{color:#fff!important;background-color:#152e21!important}.leaflet-popup-content-wrapper{position:relative;padding-left:10px!important}.leaflet-popup-content{margin:5px 10px 5px 25px!important}.submit{text-align:center;z-index:-40;border-top-right-radius:20px;border-bottom-right-radius:20px;flex-direction:row;justify-content:flex-end;align-items:center;width:120px;height:50px;transition:all .2s ease-in-out;display:flex;position:absolute;top:0;right:-40px}.submit input{color:#fff;text-align:center;background-color:#0c0c0c;border:1px solid #d8d8d8;width:80px}.submit input::placeholder{text-align:center;color:#f8f8f894}.submit button{color:#fff;cursor:pointer;background-color:#2f6655;border:1px solid #000;border-radius:4px;width:40px;padding:1px 4px;font-weight:600;transition:all 1s ease-in-out}.run{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:18px!important}.hidden{transition:all .5s ease-in-out!important;display:none!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.run-info{background-color:#6d8d79;border-top-left-radius:10px;border-bottom-left-radius:10px;flex-direction:column;flex:1;align-items:center;max-width:0;height:95svh;margin:20px 0 20px 10px;padding-top:100px;padding-bottom:40px;transition:all .5s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #000}.expand{max-width:400px}.title-container{justify-content:center;align-items:center;display:flex;position:absolute;top:0}.row-cont{flex-direction:row;display:flex;position:relative}.logo{width:60px;position:absolute;top:30%;left:-50px}.title{color:#e6fff1;text-shadow:0 0 2px #000;font-size:3rem;font-weight:400}.overlay-info{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);filter:blur(2px);z-index:500;background-color:#ffffff0a;position:absolute;inset:0;transition:all .3s ease-in-out!important}.info{color:#fff;z-index:600;background-color:#0f1b1ae6;border-radius:10px;flex-direction:column;width:320px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003;transition:all .5s ease-in-out!important}.info h3{text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:24px}.info p{margin:10px 0;font-size:16px}.info p strong{font-size:18px}.info p.last{margin-top:20px}.close-tutorial{cursor:pointer;position:absolute;top:10px;right:10px}.run-info2{width:100%;overflow-y:scroll}.run-info2::-webkit-scrollbar{width:10px}.run-info2::-webkit-scrollbar-track{background:#1f421f;border-radius:5px}.run-info2::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.run-info2::-webkit-scrollbar-thumb:hover{background:#555}.run-stats{opacity:0;cursor:pointer;background-color:#1b3125;border:0 solid #000;border-radius:1px;width:90%;margin:10px auto;padding:25px 5px 5px;font-family:Arial,sans-serif;font-size:16px;position:relative;transition:all .3s ease-in-out!important}.run-stats .stat-row{border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.run-stats .stat-row:last-child{border-bottom:none}.run-stats .stat{flex-direction:column;flex:1;align-items:flex-start;padding:0 3px;display:flex}.run-stats h4{color:#fff;margin:0;font-size:16px;font-weight:700}.run-stats p{color:#cacaca;margin:0;font-size:16px}.run-close-icon{color:#ac6d6d;transition:all .17s ease-in-out}.del-bttn:hover .run-close-icon{color:red}.burger-bttn,.burger-bttn-close{z-index:450;cursor:pointer;display:none;position:absolute;top:40px;right:20px}.burger-bttn-close{z-index:1200}@media (width<=1000px){.run-info{z-index:1100;opacity:0;transition:all .3s ease-in-out;display:none;position:absolute;right:10px;width:400px!important}#map{margin:10px}.visible{display:flex}.burger-bttn,.burger-bttn-close{opacity:0;transition:all .3s ease-in-out;display:block}.opacity{opacity:1;transition:all .3s ease-in-out}}.stat-loc{display:flex;position:absolute;top:0;flex-direction:row!important}.stat-loc p{color:#fff}.loading{justify-content:center;align-items:center;height:167px;margin-top:20px;display:flex}.spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.run-info{width:330px!important}.stat h4,.stat p{font-size:14px}.stat-loc h4,.stat-loc p{font-size:13px}.run-stats{padding-top:15px}}.del-bttn{text-align:center;color:red;z-index:2200;justify-content:center;align-items:center;width:40px;font-size:14px;display:flex;position:absolute;top:13px;right:-8px}.copy-right{color:#fff;width:200px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.guide-mark{z-index:1000;cursor:pointer;border-bottom:1px solid #000;justify-content:center;align-items:center;width:30px;height:30px;padding-bottom:10px;display:flex;position:absolute;bottom:5px;left:15px}.sort-runs{color:#e6fff1;opacity:0;transition:all .3s ease-in-out;display:flex;position:absolute;top:70px;left:20px}.sort-runs button{cursor:pointer;background-color:#4b6d5c;border:1px solid #e6fff1;width:40px;margin-left:10px}.opacity-sort{opacity:1}.run-stats:hover{background-color:#2e523e}.edit-bttn{transition:all .2s ease-in-out;position:absolute;bottom:10px;right:5px}.edit-bttn:hover .edit{color:green;transition:all .2s ease-in-out}.edit-input{color:#fff;background-color:#8ba196;border:1px solid #000;width:60px;padding:2px;display:inline}.ok-bttn{cursor:pointer;background-color:#00ff15;border:1px solid #000;align-items:center;height:26px;margin-left:3px;padding:0 3px;font-weight:600;transition:all .2s ease-in-out;display:flex}.ok-bttn:hover{background-color:#fff}.edit-input::placeholder{color:#333}.edit-cont{align-items:center;display:flex}
/*# sourceMappingURL=index.0e7608fd.css.map */