@import url(https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap);#app,#root,body,html{font-family:Oxygen,sans-serif;height:100%;margin:15px}#app{color:#141c3a;display:flex;flex-direction:column}#search-container{padding:33px 36px 0;position:relative}#search{background-color:#fff;border:1px solid #141c3a;border-radius:16.5px;box-sizing:border-box;outline:none;padding:9px 25px 9px 40px;width:100%}#search-icon{left:53px;opacity:.5;position:absolute;top:42px}#search::placeholder{color:#8a8e9d;font-size:14px;font-weight:700}#search-clear-button{align-items:center;background:none;border:0;border-radius:100px;bottom:3px;color:#141c3a;cursor:pointer;display:flex;margin:0;padding:0 10px;position:absolute;right:42px;top:36px;z-index:2}.header{color:#141c3a;font-size:32px;font-weight:700;margin:0 0 16px}.recipe{background-color:none;border:1px solid #141c3a;border-radius:6px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding:16px 13px 16px 14px;text-align:left}.recipe:focus,.recipe:focus-within,.recipe:hover{background:#141c3a;color:#fff}.recipe:focus-within>.favorite-button,.recipe:focus>.favorite-button,.recipe:hover>.favorite-button{display:flex}.recipe:focus .recipe-image,.recipe:focus-within .recipe-image,.recipe:hover .recipe-image{opacity:.7}.recipe-name{font-size:20px;font-weight:700;margin:0 0 8px}.recipes-container{grid-column-gap:12px;grid-row-gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.recipe-container{grid-column-start:1;grid-row-start:1}#recipes-wrapper{display:flex;flex-direction:column;flex-grow:1}.recipes-section{padding:32px 36px}#favorite-recipes{background-color:#f2f2f2;flex-grow:1}.favorite-button{align-items:center;background-color:#efd9ca;border:none;border-radius:4px;color:#141c3a;cursor:pointer;display:none;font-size:12px;font-weight:700;grid-column-start:1;grid-row-start:1;margin:auto;padding:5px 7px;z-index:1}.heart-icon{color:#fd4d3f;margin-right:5px}.spinner{animation:rotation 2s linear infinite;display:block;margin:0 auto}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}#error-wrapper{text-align:center}.image-container{height:72px;overflow:hidden;width:100%}.recipe-image{width:100%}
/*# sourceMappingURL=main.30c6966b.css.map*/