:root{font-family: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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:4.5em;line-height:1.1}.nav{display:flex;justify-content:space-between;align-items:center;gap:2em}button,li{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover,li:hover{border-color:#646cff}button:focus,button:focus-visible,li:focus,li:focus-visible{outline:4px auto -webkit-focus-ring-color}.selector-list-breeds,.selector-list-categories,.selector-list-extension{list-style:none;padding:0;margin-top:2em}.selector-list-breeds{display:grid;grid-template-columns:repeat(5,1fr);column-gap:1.2em;row-gap:.5em}.selector-list-categories{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1.2em;row-gap:.5em}.selector-list-extension{display:flex;justify-content:center;align-items:center;gap:1.2em}.container-cats{display:grid;grid-template-columns:repeat(5,1fr)}img{max-width:100%;border-radius:8px}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.modal-content{position:relative;background:#242424;padding:30px;border-radius:12px;width:90%;max-width:500px;z-index:2;box-shadow:0 10px 25px #0000004d;animation:pop .2s ease-out}.modal-content-btns{display:flex;justify-content:flex-end;margin-bottom:20px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}