:root{--primary:#00a4e0;--primary-variant:#0d81b3;--background:#eee;--text-default:#272727;--text-accent:#888}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee;background-color:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{height:100%;margin:0 auto;max-width:920px;min-width:320px;padding:0 1rem}.header{background-color:var(--primary);height:25vh;margin-bottom:10vh;width:100%}.header .container h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;height:88%;margin:0}@media only screen and (max-width:600px){.header{margin-bottom:25vh}}.header .container nav .toolbar{align-items:center;background-color:#fff;border-radius:8px;display:flex;height:6vh;justify-content:space-between;padding:.5rem 1rem}@media only screen and (max-width:600px){.header .container nav .toolbar{align-items:flex-start;flex-direction:column;height:25vh;padding:.2rem 2rem}}.searchbar{align-items:center;display:flex;flex:2 1;justify-content:space-between}.searchbar input{border:none;box-sizing:border-box;font-size:1rem;max-height:40px;outline:none;padding:.5rem 1rem;width:100%}@media only screen and (min-width:601px) and (max-width:820px){.searchbar{flex:4 1}}.sort-dropdown{align-self:center;display:flex;flex:1 1;justify-content:center;position:relative}.sort-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;outline:none;padding:0;padding:.1rem 1rem;width:100%}.sort-dropdown:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--text-accent);content:"";height:0;pointer-events:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:0}@media only screen and (min-width:601px) and (max-width:820px){.sort-dropdown{flex:2 1}.sort-dropdown:after{right:0}}@media only screen and (max-width:600px){.sort-dropdown{align-self:flex-start}.sort-dropdown select{padding:0}.sort-dropdown:after{right:1rem}}.checkbox-filter{align-items:center;display:flex;flex:2 1;justify-content:center;width:15%}.checkbox-container{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.checkbox-container input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:var(--background);border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s ease-in-out;width:18px}.checkbox-container input[type=checkbox]:checked{background-color:var(--primary);border-color:var()}.checkbox-container input[type=checkbox]:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity .2s ease-in-out;width:4px}.checkbox-container input[type=checkbox]:checked:after{opacity:1}@media only screen and (min-width:601px) and (max-width:820px){.checkbox-filter{flex:3 1}}@media only screen and (max-width:600px){.checkbox-filter{justify-content:flex-start;width:50%}}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:100%}.card,.card-image-container{overflow:hidden;position:relative}.card-image-container{padding-top:56.25%;width:100%}.card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.author-avatar{align-items:center;background-color:var(--primary);border:1px solid var(--primary);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.card-meta{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem;justify-content:flex-start;margin-bottom:.2rem;padding-top:1.2rem}.card-meta-info{display:flex;flex-direction:column}.author-name{font-weight:700}.author-name,.card-title{color:var(--text-default)}.card-title{font-size:1.2rem;line-height:1.3}.card-footer{justify-content:space-between;margin-top:auto;padding-top:.8rem}.card-footer,.like-button{align-items:center;display:flex}.like-button{background:none;border:none;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;padding:.6rem 1.2rem;transition:color .2s ease-in-out}.likes-count-container{align-items:center;display:flex}.heart-icon{stroke:currentColor;fill:none;height:24px;width:24px}.like-button.liked{background-color:var(--primary);color:#fff}.likes-count{color:#666;font-size:.9rem;margin-left:.5rem}.cards-container{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;padding:1rem}@media (min-width:769px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}}@media (min-width:481px) and (max-width:768px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.cards-container{grid-template-columns:1fr;padding:.5rem}}.error-message,.loading-message,.no-results-message{color:#555;font-size:1.2rem;padding:2rem;text-align:center}.error-message{color:#d9534f}
/*# sourceMappingURL=main.8f20d589.css.map*/