:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;max-height:100vh;color-scheme:light dark;color:#ffffffde;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;overflow:hidden;min-height:100vh}::-webkit-scrollbar{display:none}h1{margin:0;font-size:40px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100vw;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;max-height:100vh}.card{padding:2em}.read-the-docs{color:#888}.card-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 3rem;flex:1;overflow:hidden}.poke-list{width:30%;max-height:100%;overflow-y:scroll;transition:all 1s ease-in-out}.poke-grid{overflow-y:scroll;transition:all 1s ease-in-out;display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:1rem;grid-auto-rows:max-content}.poke-grid input,.card-grid input,.poke-list input{grid-column:1 / span 5;margin:0 auto;background:none;border:none;border-bottom:1px solid white;border-radius:0;color:#fff;transition:all 1s ease-in-out;text-align:center}.poke-list input{text-align:left;background-color:#121212}.poke-filter{width:90%;max-height:40px;padding:1rem}.poke-list-filter{position:sticky;top:0;z-index:2;width:90%;height:2rem;border-radius:2rem;padding-left:10px;border:5px solid #fff;background-color:#fff;color:#000}.poke-list-filter:focus{outline:none}.poke-data{flex:1}.load-more-btn{grid-column:1 / span 5;width:100%}.pokeball-icon{position:absolute;right:0;top:0;z-index:-1}.button-tile{height:50px;width:100%;text-transform:capitalize;display:flex;background-color:#313131;border-radius:25px;align-items:center;gap:.6rem;justify-content:center;font-weight:600;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.search-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0 3rem;overflow-y:auto}.search-level-grid svg{width:auto!important;height:40px!important}.search-bar{display:flex;justify-content:space-evenly;padding:.5rem}.search-bar button{width:15rem}.card-content{text-align:center;text-transform:capitalize;cursor:pointer;margin:auto 0 auto 10px}.card-content h3{display:flex;justify-content:left;padding-left:1rem;gap:10px;align-items:center}.pokemon-details{background-color:transparent;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 0 10px #fff;height:65vh;width:100%;margin:.5rem .5rem 0;overflow:hidden;position:relative;z-index:0;border-radius:50px;text-transform:capitalize}.loading{background:#212121ab;height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.poke-data{max-width:60%}.circular-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:inherit;height:50px;width:50px;border-radius:50%;border:3px solid grey;border-top-color:#00f;animation:spin 1s linear infinite}.circular-pokeball{position:absolute;top:50%;left:50%;height:50px;width:50px;animation:spin 1s linear infinite}.circular-pokeball svg{font-size:50px;color:#00f}.circular-img-pokeball svg{text-align:center;height:50px;width:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pokemon-data{display:grid;grid-template-columns:2fr 1fr 1fr;position:absolute;width:100%}.parent-other{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:8px;text-transform:capitalize;text-align:left;padding:1rem 3rem}.parent-other .div2{grid-column-start:1;grid-row-start:2}.parent-other .div3{grid-column-start:1;grid-row-start:3}.parent-other .div4{grid-column-start:1;grid-row-start:4}.parent-other .div5{grid-column-start:2;grid-row-start:1}.parent-other .div6{grid-column-start:2;grid-row-start:2}.parent-other .div7{grid-column-start:2;grid-row-start:3}.parent-other p{display:flex;gap:10px;font-weight:bolder}.parent-pokemon{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.parent-pokemon .div1{grid-column:span 2 / span 2;grid-row:span 4 / span 4;display:flex;justify-content:center}.parent-pokemon .div2{grid-column-start:3}.parent-pokemon .div3{grid-column-start:4}.parent-pokemon .div4{grid-column-start:3;grid-row-start:2}.parent-pokemon .div5{grid-column-start:4;grid-row-start:2}.parent-pokemon .div6{grid-row:span 2 / span 2;grid-column-start:3;grid-row-start:3}.parent-pokemon .div7{grid-row:span 2 / span 2;grid-column-start:4;grid-row-start:3}