@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);@import url(https://fonts.googleapis.com/css?family=Anton);.Navbar{position:relative;width:100%;height:var(--nav-height);background-color:var(--lightdark-clr);padding:0 1.6rem}.Navbar__container{height:100%;display:flex;justify-content:space-between;align-items:center;margin:0 auto;white-space:nowrap}.Navbar__link{color:var(--light-clr);text-decoration:none}.Navbar__link.logo{height:100%;display:flex;align-items:center}.Navbar__link.logo span:first-of-type{margin-right:.5rem}.Navbar__logo{min-width:6rem;height:100%;margin-right:1rem}.Navbar__logo img{width:100%;height:100%;object-fit:contain}.Navbar__menu{position:fixed;z-index:20;top:0;right:-100%;width:20.5rem;height:100vh;display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:2rem 0;background-color:var(--lightdark-clr);transition:right .3s}.Navbar__menu.active{right:0}.Navbar__item{width:inherit;height:inherit;display:inherit;align-items:inherit;justify-content:flex-end;color:var(--light-clr);text-decoration:none;font-size:var(--ft-size-m);-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:font-weight .3s}.Navbar__item-container{width:100%;height:auto;display:flex;align-items:center;list-style-type:none;padding:1rem 2rem}.Navbar__item-container.close{margin-bottom:2rem}.Navbar__item:hover{font-weight:700}.Navbar__item span{margin-left:1rem}.Navbar__toggle{background:var(--lightdark-clr);padding:.5rem;cursor:pointer;border:none;border-radius:.5rem;outline:none;color:var(--white-clr)}.Navbar__toggle-icon{font-size:2.2rem}.Navbar__toggle:active,.Navbar__toggle:focus{border:.1rem solid var(--white-clr)}.Home{height:calc(100vh - var(--nav-height));padding:0 1.6rem;background-color:var(--black-clr);background-image:url(/static/media/stars.1d17360a.svg);background-position:50%;background-size:cover;background-repeat:no-repeat;color:var(--light-clr)}.Home__container{max-width:65rem;width:100%;height:100%;display:flex;margin:0 auto;flex-direction:column;align-items:center;justify-content:center}.Home__info{margin-bottom:3rem;text-align:center}.Home__title{margin-bottom:.3em;font-family:"Anton";text-transform:uppercase}.Home__description{margin:0 0 1.6rem}.Home__image{margin:0 auto}.Home__image-info{width:var(--platziconf-width)}.Home__image-astronauts{width:var(--astronauts-width)}.Home__image img{width:100%;object-fit:cover}.BadgeHero{width:100%;background-color:var(--black-clr);background-image:url(/static/media/stars.1d17360a.svg);background-position:50%;background-size:cover;background-repeat:no-repeat}.BadgeHero__container{width:var(--platziconf-width);padding:2rem 0;margin:0 auto;text-align:center}.BadgeHero__container img{width:100%;object-fit:cover}.SearchBadge{display:flex;align-items:center;height:100%;padding:.8rem}.SearchBadge__container{width:100%;display:grid;grid-template-columns:1fr 8rem;margin-bottom:1.5rem;overflow:hidden;border-radius:.5rem;background:var(--white-clr);border:.1rem solid var(--blue-clr)}.SearchBadge__input{display:inline-block;width:calc(100% - var(--search-size));height:100%;margin:0;padding:0 1rem;border:0;outline:0;color:var(--gray-clr)}.SearchBadge__icon{width:var(--search-size)}.SearchBadge #search-input::-webkit-input-placeholder{color:var(--gray-clr)}.SearchBadge #search-input:-ms-input-placeholder{color:var(--gray-clr)}.SearchBadge #search-input::-ms-input-placeholder{color:var(--gray-clr)}.SearchBadge #search-input::placeholder{color:var(--gray-clr)}.SearchBadge__button{background:var(--lightblue-clr);color:var(--white-clr);outline:none;margin:0;border:.1rem solid var(--lightblue-clr)}.SearchBadge__button:active,.SearchBadge__button:focus{border:.2rem solid var(--lightblue-clr)}.BadgeItem{padding:1.6rem;margin-bottom:1.6rem;background:var(--white-clr);border-radius:.6rem;box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.5)}.BadgeItem__container{display:flex;width:100%;height:100%;align-items:center;justify-content:flex-start;text-decoration:none;color:var(--dark-clr)}.BadgeItem__avatar{width:var(--avatar-size);height:var(--avatar-size);margin-right:2rem;border-radius:50%;background-color:var(--lightgray-clr)}.BadgeItem__name{margin:0 0 .8rem}.BadgeItem__twitter{display:flex;align-items:center}.BadgeItem__twitter-logo{width:var(--twitter-size);height:var(--twitter-size);margin-right:.4rem}.BadgeItem__twitter-user{color:var(--lightblue-clr)}.BadgeItem__job{margin:.5rem 0 0}.BadgeItem:last-of-type{margin-bottom:0}.BadgeList__container{list-style-type:none;padding:3rem 0;margin:0}.BadgeList__empty{width:100%;min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.BadgeList__empty-message{margin:0 0 1.6rem}.BadgeList__empty-image{width:100%;max-width:var(--empty-size)}.Error{width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.Error-title{margin:0 0 .5rem}.Error-message{margin:0 0 1.6rem}.Error-image{width:100%;max-width:var(--error-size)}.Loading{text-align:center}.Loading__container{min-height:50vh;display:flex;align-items:center;justify-content:center}.Loading__dot{display:inline-block;height:var(--loading-size);width:var(--loading-size);margin:.8rem;border-radius:50%;-webkit-animation:loading 2s var(--animation-timing) infinite;animation:loading 2s var(--animation-timing) infinite}@-webkit-keyframes loading{0%{transform:translateY(calc(var(--loading-size)*-1));background-color:var(--green-clr)}50%{transform:translateY(var(--loading-size));background-color:var(--lightdark-clr)}to{transform:translateY(calc(var(--loading-size)*-1));background-color:var(--green-clr)}}@keyframes loading{0%{transform:translateY(calc(var(--loading-size)*-1));background-color:var(--green-clr)}50%{transform:translateY(var(--loading-size));background-color:var(--lightdark-clr)}to{transform:translateY(calc(var(--loading-size)*-1));background-color:var(--green-clr)}}.Loading div:first-child{-webkit-animation-delay:.3s;animation-delay:.3s}.Loading div:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}.Loading div:nth-child(3){-webkit-animation-delay:.9s;animation-delay:.9s}.Badges__buttons{display:flex;justify-content:flex-end}.FormError{position:relative;margin-bottom:1.5rem;padding:1rem;background-color:var(--red-clr);color:var(--white-clr)}.FormError__info{margin:0;text-align:center}.FormError__info:first-of-type{margin-bottom:.5rem}.FormError__icon{position:absolute;width:1.2rem;top:10%}.FormError.remove{display:none}.BadgeForm{padding:1.5rem;border-radius:.5rem;overflow:hidden;box-shadow:0 .4rem 1rem 0 rgba(0,0,0,.3);-webkit-box-shadow:0 .4rem 1rem 0 rgba(0,0,0,.3);-moz-box-shadow:0 .4rem 1rem 0 rgba(0,0,0,.3);background:var(--white-clr)}.BadgeForm__group{width:100%;margin-bottom:1.5rem}.BadgeForm__input,.BadgeForm__label,.BadgeForm__submit{display:inline-block;width:100%}.BadgeForm__label{margin-bottom:.8rem;color:var(--darkgray-clr)}.BadgeForm__input{padding:.7rem 1.4rem;background:var(--lightgray-clr);border-radius:.5rem;border:.1rem solid var(--slategray-clr);outline:none}.BadgeForm__input,.BadgeForm__input-option{color:var(--lightblack-clr)}.BadgeForm__input:active,.BadgeForm__input:focus{border-color:var(--darkgray-clr)}.BadgeForm__submit{max-width:20rem}.BadgeForm__submit-container{display:flex;justify-content:center}.BadgeCard{border-radius:.5rem;overflow:hidden;box-shadow:0 .4rem 1rem 0 rgba(0,0,0,.3);-webkit-box-shadow:0 .4rem 1rem 0 rgba(0,0,0,.3);-moz-box-shadow:0 .4rem 1rem 0 rgba(0,0,0,.3)}.BadgeCard__header{height:6rem;display:flex;justify-content:center;padding:1rem 0;background:var(--black-clr)}.BadgeCard__header img{object-fit:contain}.BadgeCard__body{padding:.6rem 1rem}.BadgeCard__body-main{display:flex;justify-content:center;align-items:center;background:var(--white-clr)}.BadgeCard__body-info{text-align:center}.BadgeCard__body-info p{margin:0}.BadgeCard__avatar{width:var(--avatar-size);height:var(--avatar-size);margin-right:2rem;border-radius:50%;background-color:var(--lightgray-clr)}.BadgeCard__fullname{text-transform:uppercase;margin:0}.BadgeCard__twitter{display:flex;align-items:center;justify-content:center;margin-top:.5rem}.BadgeCard__twitter-logo{width:var(--twitter-size);height:var(--twitter-size);margin-right:.4rem}.BadgeCard__twitter-user{color:var(--lightblue-clr)}.BadgeCard__footer{padding:1.5rem 0;background:var(--white-clr);text-align:center;color:var(--green-clr)}.BadgeCard__footer p{margin:0}.BadgeNew__container{padding:1rem 0}.BadgeNew__wrapper{display:flex;flex-direction:column;align-items:center}.BadgeNew__node{width:100%}.BadgeNew__node:first-of-type{margin-bottom:2rem}.Modal__background{width:100%;height:100%;position:fixed;top:0;left:0;align-items:center;background:rgba(0,0,0,.8)}.Modal__background,.Modal__wrapper{display:flex;justify-content:center}.Modal__wrapper{position:relative;z-index:10;flex-direction:column;width:30rem;height:20rem;padding:1rem 1.5rem;box-shadow:0 .5rem 1.6rem rgba(0,0,0,.2);background:var(--white-clr);color:var(--black-clr);border-radius:1rem}.Modal__message,.Modal__title{text-align:center}.Modal__title{margin:0}.Modal__message{margin:1.2em 0}.Modal__button-container{display:flex;align-items:center;justify-content:center}.Modal__button.delete{margin-right:1.6rem;border-color:var(--lightred-clr);background-color:var(--lightred-clr)}.Modal__button.delete:active,.Modal__button.delete:focus{border-width:.2rem;border-color:var(--lightred-clr)}.BadgeDetails__container{padding:1rem 0}.BadgeDetails__wrapper{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start}.BadgeDetails__node:first-of-type{width:100%;flex:1 1 100%}.BadgeDetails__node:last-of-type{min-width:19rem;flex:1 1 auto;margin-bottom:1rem}.BadgeDetails__button{font-size:var(--ft-size-n)}.BadgeDetails__button-title{margin:0 0 1rem}.BadgeDetails__button.danger{margin-left:1rem;border-color:var(--lightred-clr);background-color:var(--lightred-clr)}.BadgeDetails__button.danger:active,.BadgeDetails__button.danger:focus{border-width:.2rem;border-color:var(--lightred-clr)}.BadgeEdit__container{padding:1rem 0}.BadgeEdit__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.BadgeEdit__node{width:100%}.BadgeEdit__node:first-of-type{margin-bottom:2rem}*,:after,:before{box-sizing:border-box}:root{--black-clr:#1b1b25;--lightblack-clr:#656565;--dark-clr:#223354;--lightdark-clr:#1c3643;--light-clr:#eee;--darkgray-clr:#4b4d50;--gray-clr:#a0a4a5;--lightgray-clr:#f4f4f7;--white-clr:#fff;--slategray-clr:#ceced1;--darkgreen-clr:#76a700;--green-clr:#7dcd40;--blue-clr:#1097d7;--lightblue-clr:#0792e7;--red-clr:#bd3134;--lightred-clr:#cd4040;--ft-family:"Lato";--ft-size-s:1.3rem;--ft-size-n:1.4rem;--ft-size-m:1.8rem;--ft-size-lg:2.8rem;--nav-height:6rem;--platziconf-width:18rem;--astronauts-width:24rem;--avatar-size:7rem;--twitter-size:2rem;--empty-size:35rem;--error-size:35rem;--search-size:2rem;--loading-size:3rem;--animation-timing:cubic-bezier(0.45,0,0.55,1)}html{font-size:62.5%}body{font-family:"Lato";font-family:var(--ft-family);background-color:#f4f4f7;background-color:var(--lightgray-clr);font-size:1.4rem;font-size:var(--ft-size-n);color:#223354;color:var(--dark-clr)}body,figure{margin:0;padding:0}.container{max-width:65rem;padding:1rem 1.6rem;margin:0 auto}.fw-light{font-weight:300}.fw-bold{font-weight:700}.fs-small{font-size:1.3rem;font-size:var(--ft-size-s)}.fs-normal{font-size:1.4rem;font-size:var(--ft-size-n)}.fs-medium{font-size:1.8rem;font-size:var(--ft-size-m)}.fs-large{font-size:2.8rem;font-size:var(--ft-size-lg)}.btn{font-family:"Lato";font-family:var(--ft-family);display:inline-block;padding:.8rem 1.6rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:.5rem;border:.1rem solid #7dcd40;border:.1rem solid var(--green-clr);text-decoration:none;background:#7dcd40;background:var(--green-clr);color:#fff;color:var(--white-clr);outline:none;cursor:pointer}.btn:active,.btn:focus{border-width:.2rem;border-color:#76a700;border-color:var(--darkgreen-clr)}@media screen and (min-width:540px){:root{--ft-size-s:1.5rem;--ft-size-n:1.6rem;--ft-size-m:2rem;--ft-size-lg:3rem}}@media screen and (min-width:768px){:root{--nav-height:8rem;--astronauts-width:50rem;--platziconf-width:20rem}.Navbar{padding:1rem 1.6rem}.Navbar__logo{min-width:9rem}.Navbar__menu{position:static;height:inherit;width:auto;padding:.5rem 0;flex-direction:row}.Navbar__item{font-size:1.4rem;font-size:var(--ft-size-n)}.Navbar__item-container{height:inherit;padding:.5rem 1rem}.Navbar__item-container.close,.Navbar__toggle{display:none}.Home__container{flex-direction:row}.Home__info{margin-bottom:0;margin-right:1rem}.Home__image-astronauts{margin:0}.BadgeDetails__container,.BadgeEdit__container,.BadgeNew__container{padding:2rem 0}.BadgeDetails__wrapper{flex-direction:row;justify-content:flex-start}.BadgeDetails__node:last-of-type{margin-bottom:0;margin-left:4rem}}@media screen and (min-width:1024px){:root{--ft-size-m:2.2rem;--ft-size-lg:3.4rem;--astronauts-width:60rem;--platziconf-width:25rem}.container,.Home__container{max-width:70rem}.BadgeEdit__wrapper,.BadgeNew__wrapper{flex-direction:row;align-items:flex-start}.BadgeEdit__node:first-of-type,.BadgeNew__node:first-of-type{margin-bottom:0;margin-right:2rem}.Modal__wrapper{width:40rem}}
/*# sourceMappingURL=main.126a2e39.chunk.css.map */