:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}p{margin:0}a{font-weight:500;color:inherit;text-decoration:inherit;height:100%;display:block;text-align:center;padding:.6em 1.2em;box-sizing:border-box;display:flex;align-items:center}a:hover{color:inherit}body{margin:0;display:flex;min-width:320px;min-height:100vh}ul{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:0;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:inherit}button{background-color:#f9f9f9}}#root{width:100%}header{height:64px;background-color:#2196f3;box-shadow:0 4px 4px #0000003d}.navigation{list-style:none;display:flex;padding-left:62px;height:100%;max-width:1920px;box-sizing:border-box;margin:0 auto}.navigation__button{height:100%;background-color:#2196f3;color:#ffffffb2}.navigation__button:hover{height:100%;background-color:#1e88e5;color:#fff}.navigation__button_active-page{background-color:#1e88e5;color:#fff}@media screen and (width <= 445px){.navigation{padding:0 62px;justify-content:space-between}}.card{position:relative;max-width:320px;aspect-ratio:1 / 1;width:100%;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;margin:0}.card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0003;transform-origin:center center}.card-image{width:100%;height:100%;object-fit:cover}.like-button{position:absolute;bottom:10px;right:10px;background:none;border:none;outline:none;cursor:pointer;padding:0}.like-button:focus{border:none;outline:none}.heart-icon{width:24px;height:24px;transition:fill .3s ease}.heart-icon:hover{transition:.2s ease;fill:#f24e1e}.hide{opacity:0}@media (hover: none) and (pointer: coarse){.hide{opacity:1}}.cats{display:grid;padding:48px 62px;grid-template-columns:repeat(5,1fr);gap:48px;max-width:1920px;box-sizing:border-box;margin:0 auto}.more-cats{width:auto;padding:0 62px 31px;margin:0 auto;text-align:center}@media screen and (width <= 1024px){.cats{grid-template-columns:repeat(4,1fr)}}@media screen and (width <= 768px){.cats{grid-template-columns:repeat(3,1fr)}}@media screen and (width <= 576px){.cats{grid-template-columns:repeat(2,1fr)}}@media screen and (width <= 445px){.cats{grid-template-columns:repeat(1,1fr)}}