:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#222;background-color:#f0f0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.25rem}*{margin:0;padding:0;box-sizing:border-box;font-family:"Jersey 10"}#root{margin:0 auto;padding:2rem 0;text-align:center}@media only screen and (max-width: 600px){form{gap:1rem}}button{padding:.5rem .75rem;border:none;border-radius:.25rem;cursor:pointer}.card{box-shadow:0 0 #0000;background-color:#fff;padding:.5rem;position:relative;color:#000;flex:0 1 0;aspect-ratio:2/3;min-width:240px;border-radius:1rem;overflow:hidden;transition:.15s cubic-bezier(.68,-.01,.34,1)}.card .shine{z-index:1000;position:absolute;top:30px;left:20px;transform:rotate(45deg);opacity:0;width:500px;height:50px;transition:.6s cubic-bezier(.68,-.01,.34,1);background-image:linear-gradient(#fff0,#fff,#fff0)}.card .img-container{display:grid;place-content:center;margin-top:2rem;image-rendering:pixelated;height:50%}.card img{transform:scale(2);transition:.6s ease-in-out}.card h2{font-family:"Jersey 10";color:#fff;font-size:2rem}.card span{padding:.25rem .5rem;background:gray;font-size:.625rem;color:#fff;border-radius:.25rem;margin-right:.25rem;font-weight:600;outline:.5px solid white}.card .pokemon-no{position:absolute;top:0;right:-3px;background-color:inherit;color:#ffffffa9;font-size:.875rem;outline:0px solid white}.card:hover{transform:scale(1.05);box-shadow:0 3px 2px 2px #0000001a}.card:hover .shine{opacity:1;left:-310px;top:300px}.card:hover img{transform:scale(2.4)}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.5rem}.input-container{z-index:100;position:sticky;padding:2rem 3rem .5rem;top:0rem;margin:0 auto;width:100vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0rem;margin-bottom:1.5rem;background-color:#f0f0f0;transition:.3s ease-in-out}.sticky-bar{padding:2rem 3rem .5rem;gap:1rem;box-shadow:0 2px 2px 2px #0000000d}.pokeball{font-size:2rem;position:absolute;opacity:0;transform:scale(0);transition:.3s}.visible{position:relative;transform:scale(1);opacity:1}.input-label-container{position:relative;width:80%;flex:1;display:flex}.search-icon{color:#303030;position:absolute;top:.375rem;left:.75rem;width:16px}label{margin-right:.25rem}input{flex:1;background-color:inherit;border:none;outline:1px solid rgb(201,201,201);padding:.5rem 2.25rem;color:#303030;background:#f0f0f0;border-radius:.25rem;transition:.2s}input:focus{outline:1px solid rgb(105,105,105)}.pokemon{margin:1rem auto;position:relative;aspect-ratio:1 / 1;width:25px;background:linear-gradient(to bottom,#f83232 50%,#fff 50%);border-radius:50%;border:2px solid black;animation:spin .75s ease infinite}.pokemon:before{content:"";position:absolute;height:8%;width:100%;background:#222;top:50%;left:0;transform:translatey(-50%)}.pokemon:after{content:"";position:absolute;height:45%;width:45%;border-radius:50%;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #222,inset 0 0 0 2.5px #fff,inset 0 0 0 3.3px #222}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:4rem;font-family:"Jersey 10";margin-bottom:1rem}button.scroll-to-top-button{width:80px;font-size:1rem;aspect-ratio:1 / 1;border-radius:50%;position:fixed;bottom:2rem;right:2rem;box-shadow:0 2px 3px 3px #00000014}header{display:flex;align-items:center;justify-content:center;gap:1rem}header h1{margin:0;padding:0}header img{aspect-ratio:1 / 1;width:3.075rem}