html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700;margin:0}.container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}::-webkit-scrollbar{display:none}.auth{background-size:cover;height:100vh;width:100vw}.auth__container{align-items:flex-start;-webkit-animation:drop 1.5s ease;animation:drop 1.5s ease;display:flex;flex-direction:column;margin-left:3.25em;margin-top:7.875em}.auth__container__title{color:#3439d3;font-size:2.48832em;font-weight:700;margin-bottom:.5em}.auth__container__subtitle{color:#000;font-size:1.44em;font-weight:700;margin-bottom:2em}.auth__container__input{margin-bottom:1.25em}.auth__container__transition-input__closed{margin-top:0;max-height:0;overflow:hidden;transition:max-height .5s ease-out;transition:margin .15s ease-out}.auth__container__transition-input__opened{margin-top:1.25em;max-height:500px;transition:max-height .5s ease-in}.auth__container__button{margin-bottom:1.25em;margin-top:2em}.vector-image{bottom:0;height:70%;position:absolute;right:0;width:60%}.input__field{background-color:#f1f1f1;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-weight:700;outline:none;padding:.75em;width:300px}.input__field::-webkit-input-placeholder{color:#c1c1c1}.input__field:-ms-input-placeholder{color:#c1c1c1}.input__field::placeholder{color:#c1c1c1}.button{background-color:#3439d3;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:.75em;padding:.75em;position:relative;top:0;transition:top .2s ease}.button:hover{top:-2px}.flat-button{color:#3439d3;cursor:pointer;font-size:.8333333333em;position:relative;top:0;transition:top .2s ease}.flat-button:hover{top:-2px}.trip-card{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;margin:.5em 1.25em 1.25em .5em;padding:.75em;position:relative;top:0;transition:top .2s ease}.trip-card:hover{top:-2px}.trip-card__title{color:#3439d3;font-size:.8333333333em;margin-bottom:.5em}.trip-card__date{color:#c1c1c1;font-size:.6944444444em;margin-bottom:.75em}.trip-card__stats{grid-row-gap:.5em;display:grid;grid-template-columns:auto auto;row-gap:.5em}.CircularProgressbar-path{stroke:#3439d3}.CircularProgressbar-trail{stroke:#fff}.stat__label{font-size:.6944444444em;margin-bottom:.3333333333em}.stat__value{align-items:center;display:flex}.stat__value__chart{height:18px;margin-right:.25em;width:18px}.stat__value__number{font-size:.75em}.stat__value__number__unit{color:#c1c1c1;margin-left:3px}.alert{-webkit-animation:rise .4s ease;animation:rise .4s ease;background-color:#3439d3;border-radius:8px;bottom:1.25em;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;font-size:.75em;font-weight:700;left:0;margin-left:auto;margin-right:auto;padding:.75em 2em;position:absolute;right:0;width:-webkit-max-content;width:max-content;z-index:100}@-webkit-keyframes rise{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rise{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.map{cursor:pointer;display:flex;flex:1 1;margin:1.25em 1.25em 1.25em 0;position:relative;top:0;transition:top .2s ease}.map:hover{top:-2px}.map>div{flex:1 1!important;position:relative!important}.map>div>div{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.info{background-color:#fff;left:5;margin:.75em 0 0 .75em;padding:.75em 1.25em;position:absolute;top:5;z-index:5}.info__title{color:#3439d3;font-size:.8333333333em;margin-bottom:2em}.info__menu-item{align-items:center;color:#c1c1c1;display:flex;font-size:.6944444444em;margin-bottom:1.25em}.info__menu-item__sign{background-color:red;border-radius:50px;height:10px;margin-right:.5em;width:10px}.profile{-webkit-animation:drop 1.5s ease;animation:drop 1.5s ease;display:flex;height:100%;width:100%}@-webkit-keyframes drop{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drop{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.profile__container{display:flex;flex:1 1;flex-direction:column;margin:3.25em 3.25em 0}.profile__container__header{justify-content:space-between}.profile__container__header,.profile__container__header__left{align-items:center;display:flex}.profile__container__header__left__title{font-size:1.728em;margin-right:1.25em}.profile__container__header__left__title__name{color:#3439d3}.profile__container__content{display:flex;flex:1 1;margin-top:2em;overflow:hidden}.profile__container__content__trips{display:flex;flex:1 1;flex-direction:column;font-size:1.2em}.profile__container__content__trips__container{overflow:scroll}.profile__container__content__trips__container__gradient{background:linear-gradient(#fff,hsla(0,0%,100%,.2));height:1.25em;position:absolute;width:46%;z-index:2}.profile__container__content__trips__container__separator{height:.75em}.profile__container__content__trips__container__grid{display:grid;grid-template-columns:auto auto}.profile__container__content__stats{display:flex;flex:1 1;flex-direction:column;font-size:1.2em}.profile__container__content__stats__content{display:flex;flex:1 1;flex-direction:column}.profile__container__content__stats__content__stats{grid-column-gap:5.25em;align-self:center;-webkit-column-gap:5.25em;column-gap:5.25em;display:grid;flex:1 1;grid-template-columns:auto auto;margin-top:3.25em;width:93%}.profile__container__content__stats__content__stats__item{cursor:pointer;display:flex;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.profile__container__content__stats__content__stats__item:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.track{display:flex;height:100vh;width:100vw}.track__container{-webkit-animation:min 1s ease;animation:min 1s ease;display:flex;flex:1 1;flex-direction:column;margin:3.25em 3.25em 0}.track__container__header{align-items:flex-start;display:flex}.track__container__header__icon{cursor:pointer;position:relative;top:0;transition:top .2s ease}.track__container__header__icon:hover{top:-2px}.track__container__header__title{font-size:1.728em;margin-left:.25em}.track__container__content{display:flex;flex:1 1;margin-top:2em}.track__container__content__map{display:flex;flex:1 1;flex-direction:column}.track__container__content__map__title{font-size:1.2em}.track__container__content__map__content,.track__container__content__map__content>div{display:flex;flex:1 1}.track__container__content__stats{display:flex;flex:1 1;flex-direction:column;font-size:1.2em}.track__container__content__stats__content{display:flex;flex:1 1;flex-direction:column}.track__container__content__stats__content__stats{grid-column-gap:5.25em;align-self:center;-webkit-column-gap:5.25em;column-gap:5.25em;display:grid;flex:1 1;grid-template-columns:auto auto;margin-top:3.25em;width:93%}.track__container__content__stats__content__stats__item{cursor:pointer;display:flex;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.track__container__content__stats__content__stats__item:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.pollution{display:flex;flex-direction:column;height:100vh;width:100vw}.pollution__container{-webkit-animation:min 1s ease;animation:min 1s ease;display:flex;flex:1 1;flex-direction:column;margin:3.25em 3.25em 0}@-webkit-keyframes min{0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes min{0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.pollution__container__header{align-items:center;display:flex}.pollution__container__header__button{cursor:pointer;position:relative;top:0;transition:top .2s ease}.pollution__container__header__button:hover{top:-2px}.pollution__container__header__title{font-size:1.728em;margin-left:.25em}.pollution__container__content,.pollution__container__content>div{display:flex;flex:1 1}
/*# sourceMappingURL=main.a91dd5a5.css.map*/