.imageupload{display:flex;flex-direction:column;width:100%;margin:10px auto;border-top:1px solid #d3d3d3;background-color:#f3f3f3;justify-content:center;align-items:center;min-height:330px;position:relative}.imageupload__progress{width:100%;padding:10px 0}.imageupload__clear{position:absolute;top:0;right:0;width:45px;height:45px}.imageupload__button{height:300px;width:100%;z-index:10;opacity:0;cursor:pointer}.imageupload__button_cover{background-color:#f3f3f3;width:100%;position:absolute;text-align:center}.imageupload__preview{background-color:#fff;height:300px;object-fit:contain;position:absolute;text-align:center}.newRecipe__modal{width:80%;border:1px solid #eee;padding:16px 32px 24px;overflow:auto;position:absolute;max-width:600px;top:50%;left:50%;transform:translate(-50%,-50%);max-height:93vh;background-color:#fff}.newRecipe__title{margin-right:10px}Button.newRecipe__submit{background-color:#1fbe73;color:#fff}.btn-box{padding:0 0 20px}.card{padding:20px;min-width:300px;position:relative}@media (max-width:480px){.card{width:100%;max-width:none}}.card__title{padding:15px 0}.tr{display:flex;justify-content:space-between}.td{padding:10px}.card__steps{counter-reset:li}.card__step{position:relative;list-style:none;padding:10px}.card__step:before{content:counter(li);counter-increment:li;position:absolute;top:0;left:-30px;font-size:30px;line-height:1.3;font-weight:700;color:#1fbe73}.newRecipe__formBlock{display:flex}.newRecipe__form{display:flex;flex-direction:column}Button.newRecipe__button{background-color:#1fbe73;color:#fff}Button.newRecipe__button:hover{background-color:#1fbe73}.app__signin,.app__signup{display:flex;flex-direction:column}.app__signin input,.app__signup input{padding:10px 0;margin:10px}.app{font-family:sans-serif;text-align:center}*{margin:0}.cards{display:flex;flex-wrap:wrap}.cards__header{display:flex;justify-content:space-between;background-color:#fff}.cards__header_block{display:flex;padding:20px}.app__headerImage{object-fit:contain}.app__posts{padding:20px}
/*# sourceMappingURL=main.3d4eca21.chunk.css.map */