*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}@media screen and (min-width:31.25em){html{font-size:50%}}body{background-color:#343a40;color:#fff;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.6}body::-webkit-scrollbar{background-color:#e8eff6;width:14px}body::-webkit-scrollbar-track{background-color:#343a40}body::-webkit-scrollbar-thumb{background-color:#868e96;border:3px solid #343a40;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background-color:#495057}.u-display-none{display:none!important}.header{align-items:center;display:flex;justify-content:center;padding:3rem}@media screen and (min-width:31.25em){.header{padding-bottom:7rem}}.counters{grid-gap:7rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,30rem));justify-content:center;margin:0 auto;max-width:1200px;padding:1rem 1.5rem 5rem}.btn--circle{align-items:center;background-color:#339af0;border:none;border-radius:50%;bottom:2rem;box-shadow:4px 4px 18px -7px rgba(0,0,0,.5);cursor:pointer;display:flex;height:7rem;justify-content:center;position:fixed;right:2rem;transition:all .2s;width:7rem}@media screen and (min-width:31.25em){.btn--circle{bottom:4rem;height:9rem;right:4rem;width:9rem}}.btn--circle:hover{background-color:#2d87d0}.btn--circle:hover .tooltiptext{visibility:visible}.btn--circle__icon{fill:#fff;height:60%;width:60%}.btn--circle .tooltiptext{background-color:#e8eff6;border-radius:50px;font-size:2rem;font-weight:600;padding:.5rem;position:absolute;transform:translateY(-220%);visibility:hidden;width:15rem}.btn--circle .tooltiptext:after{border:5px solid transparent;border-top-color:#e8eff6;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.heading--primary{font-size:4rem;font-weight:600;letter-spacing:.2rem;line-height:1.2;text-align:center;text-transform:uppercase}.heading--primary>span{color:#339af0}@media screen and (min-width:48em){.heading--primary{font-size:6rem}}.heading--primary--blue{color:#339af0}.counter{background-color:#495057;border-radius:20px;box-shadow:4px 4px 18px -7px rgba(0,0,0,.5);display:grid;grid-template-rows:3rem 15rem 2fr;padding:2rem;position:relative}.counter__header{align-items:center}.counter__btn-name,.counter__header{display:flex;justify-content:space-between}.counter__btn-name{background-color:transparent;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:.6rem 1rem;text-align:left;width:85%}.counter__btn-name:hover{background-color:#343a40}.counter__btn-name:hover .edit{display:inline}.counter__btn-name .edit{fill:#339af0;display:none;height:1.9rem;width:1.9rem}.counter__form{align-items:center;background-color:#343a40;border-radius:20px;display:none;justify-content:space-between;padding:.6rem 1rem;width:85%}.counter__form-input{background-color:#343a40;border:none;color:#fff;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;width:85%}.counter__form-input:focus{outline:2px solid #343a40}.counter__form-btn{background-color:transparent;border:none;cursor:pointer}.counter__form .check{fill:#339af0;height:2rem;width:2rem}.counter__btn-options{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:2.7rem;justify-content:center;transition:all .2s;width:2.7rem}.counter__btn-options:hover .counter__icon{fill:#bac4ce}.counter__icon{fill:#868e96;height:2.2rem;width:2.2rem}.counter__numbers{align-items:center;display:flex;justify-content:center}.counter__value{color:#339af0;font-size:10rem;font-weight:600;line-height:1;margin-left:auto;margin-right:auto}.counter__value--small{font-size:7rem}.counter__value--red{color:#c00}.counter__target{color:#868e96;display:none;font-size:3rem;margin-top:22%}.counter__target--small{font-size:2rem;margin-top:16%}.counter__btns{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:9.5rem 10rem}.counter__btn--primary{align-items:center;background-color:transparent;border:2px solid;color:#868e96;cursor:pointer;display:flex;justify-content:center;padding:2rem 0;transition:all .1s}.counter__btn--primary:first-of-type{border-bottom-left-radius:10px;border-top-left-radius:10px}.counter__btn--primary:nth-of-type(2){border-bottom-right-radius:10px;border-top-right-radius:10px}.counter__btn--primary:hover{color:#bac4ce}.counter__btn-icon{fill:currentColor;height:5rem;pointer-events:none;width:5rem}.counter__btn--secondary{background-color:#495057;border:2px solid;border-radius:50px;box-shadow:4px 4px 18px -7px rgba(0,0,0,.5);color:#bac4ce;cursor:pointer;font-size:2rem;font-weight:600;grid-column:span 2;margin:4rem auto 1rem;padding:1rem 3rem;transition:all .2s}.counter__btn--secondary:hover{background-color:#bac4ce;border:2px solid #bac4ce;color:#343a40}.popup{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.popup--hidden{display:none}.popup__content{background-color:#bac4ce;border-radius:20px;display:flex;flex-direction:column;max-width:576px;padding:2rem;position:absolute;width:90vw}.popup__btn{background-color:transparent;border:none;height:4rem;position:absolute;right:1rem;top:1rem;width:4rem}.popup__icon{fill:#868e96;cursor:pointer;height:100%;transition:all .2s;width:100%}.popup__icon:hover{fill:#495057}.popup__title{color:#339af0;font-size:3rem;font-weight:600;margin:4rem auto 2rem;text-transform:uppercase}@media screen and (min-width:31.25em){.popup__title{font-size:3rem}}.form{align-items:center;display:flex;flex-direction:column;justify-content:center}.form__input{background-color:#fff;border:none;border-radius:20px;color:#343a40;font-size:3rem;font-weight:600;max-width:13rem;padding:1rem}@media screen and (min-width:31.25em){.form__input{max-width:21rem;padding:1.5rem}}.form__input:focus{outline:2px solid #339af0}.form__btn{background-color:#339af0;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:2rem;font-weight:600;letter-spacing:.1rem;margin:3rem auto 1rem;padding:1.1rem 5rem;text-transform:uppercase;transition:all .2s}.form__btn:hover{background-color:#2d87d0}.nav{background-color:#fff;border-radius:7px;box-shadow:4px 4px 18px -7px rgba(0,0,0,.2);display:none;padding:.5rem 0;position:absolute;right:2%;top:12%;z-index:3000}.nav__list{list-style:none}.nav__btn{background-color:transparent;border:none;cursor:pointer;display:block;font-family:inherit;font-size:1.6rem;height:100%;padding:.3rem 1rem;text-decoration:none;transition:.2s;width:100%}.nav__btn:hover{background-color:#e8eff6;color:#343a40}.overlay{height:100vh;left:0;position:fixed;top:0;width:100vw}.overlay--hidden{display:none}
/*# sourceMappingURL=index.bfa05fe0.css.map */