:root{--color-brand--1:#ffb545;--color-brand--2:#00c46a;--color-dark--1:#2d3439;--color-dark--2:#42484d;--color-light--1:#aaa;--color-light--2:#ececec;--color-light--3:#d6dee0}*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{background-color:#fff;color:#ececec;color:var(--color-light--2);display:flex;font-family:Manrope,sans-serif;font-weight:400;height:100vh;line-height:1.6;overscroll-behavior-y:none;padding:2.5rem}#root,.View{height:100%;width:100%}.View{display:flex;flex-direction:row}a:link,a:visited{color:#ffb545;color:var(--color-brand--1)}.sidebar{align-items:center;background-color:#2d3439;background-color:var(--color-dark--1);border-radius:1rem 0 0 1rem;display:flex;flex-basis:50rem;flex-direction:column;height:100%;overflow:auto;width:21%}.logo{align-self:center;height:5.2rem;margin-bottom:4rem;margin-top:3rem}.leaflet-container{border-radius:0 1rem 1rem 0;height:100%;width:79%}.leaflet-popup .leaflet-popup-content-wrapper{background-color:#2d3439;background-color:var(--color-dark--1);border-radius:5px;color:#ececec;color:var(--color-light--2);padding-right:.6rem}.leaflet-popup .leaflet-popup-content{font-size:1.5rem}.leaflet-popup .leaflet-popup-tip{background-color:#2d3439;background-color:var(--color-dark--1)}.running-popup .leaflet-popup-content-wrapper{border-left:5px solid #00c46a;border-left:5px solid var(--color-brand--2)}.cycling-popup .leaflet-popup-content-wrapper{border-left:5px solid #ffb545;border-left:5px solid var(--color-brand--1)}.form{grid-gap:1.2rem 1rem;background-color:#42484d;background-color:var(--color-dark--2);border-radius:5px;display:grid;gap:1.2rem 1rem;grid-template-columns:1fr 1fr;height:27rem;margin-bottom:1.75rem;padding:1.2rem 1.8rem 1.3rem;width:87%}.form.edit{grid-gap:1.7rem .5rem;display:grid;gap:1.7rem .5rem;grid-template-columns:1fr 1fr;height:100%;margin:0;padding:0;transition:.3s ease-out,-webkit-transform 1ms;transition:.3s ease-out,transform 1ms;transition:.3s ease-out,transform 1ms,-webkit-transform 1ms;width:100%}.input__error__message,.input__error__message.edit{color:#f88;font-size:1.3rem;grid-column:1/-1;padding:.5rem 0 0}.form__row{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.form__label{font-size:1.4rem;font-weight:600;padding-bottom:.15rem;width:100%}.form__input{background-color:#d6dee0;background-color:var(--color-light--3);border:none;border-radius:3px;font-family:inherit;font-size:1.4rem;padding:.3rem .8rem;transition:all .2s;width:90%}.form__input:focus{background-color:#fff;outline:none}.btn__container{align-items:flex-end;display:flex;grid-column:1/-1}.btn.workout__edit{border-radius:.5rem;cursor:pointer;padding:.4rem .5rem;transition:.3s ease-out;width:5.4rem}.btn.workout__edit:hover{width:6.2rem}.btn:hover{width:13%}.btn.submit{border-radius:.5rem;flex-grow:0;margin:.5rem 0 0;padding:.4rem .5rem;transition:.3s ease-out;width:6.9rem}.btn.submit:hover{width:7.7rem}.btn.cancel{border-radius:.5rem;flex-grow:0;justify-self:flex-end;margin:.5rem 0 0 .7rem;padding:.4rem .5rem;transition:.3s ease-out;width:6.9rem}.btn.cancel:hover{width:7.7rem}.form__row.btnSubmit{align-items:flex-end}.form__row.btnSubmit,.form__row.edit.submit__edit{display:flex;flex-direction:row;grid-column:span 2;justify-content:flex-start;width:100%}.form__row.edit.submit__edit,.workouts{align-items:center}.workouts{display:flex;flex-direction:column;height:77vh;list-style:none;overflow-x:hidden;overflow-y:scroll;width:100%}.workouts::-webkit-scrollbar{height:auto;overflow:auto;width:100%}.workout{background-color:#42484d;background-color:var(--color-dark--2);border-radius:5px;cursor:pointer;margin-bottom:1.75rem;padding:1.5rem 2.25rem;scroll-behavior:smooth;transition:.3s ease-out;width:87%}.workout--running{border-left:5px solid #00c46a;border-left:5px solid var(--color-brand--2)}.workout--cycling{border-left:5px solid #ffb545;border-left:5px solid var(--color-brand--1)}.workout__header{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.workout__title{font-size:1.7rem;font-weight:600;text-align:start;width:90%}.workout__title>span{text-transform:capitalize}.workout__delete-icon{align-items:center;display:flex;font-size:1.5rem;height:1.6rem;justify-content:flex-end;text-align:end;width:10%}.workout__data{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin:1.2rem 0 1.8rem}.workout__details{align-items:baseline;display:flex;flex-direction:column;flex-grow:0;margin:.4rem 2.3rem 0 0}.workout__label{color:#aaa;color:var(--color-light--1);font-size:1.4rem;height:1.8rem;margin-right:.2rem}.workout__value{font-size:1.8rem;margin-right:.5rem}.workout__unit{font-size:1.1rem;font-weight:800;margin-left:.5rem;text-transform:uppercase}.copyright,.workout__unit{color:#aaa;color:var(--color-light--1)}.copyright{font-size:1.3rem;margin:1rem 5rem 3rem;text-align:center}.twitter-link:link,.twitter-link:visited{color:#aaa;color:var(--color-light--1);transition:all .2s}.twitter-link:active,.twitter-link:hover{color:#ececec;color:var(--color-light--2)}
/*# sourceMappingURL=main.d5f44677.css.map*/