.Card-Item{position:relative;display:flex;flex-direction:column;width:100%;max-width:300px;height:500px;padding:.5rem;background-color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2394a3b8' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border:1px solid #475569;border-radius:1rem;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:transform .3s,box-shadow .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#1e293b}@media(min-width:1024px){.Card-Item:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.3)}}.Card-Title{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem;min-height:60px;font-size:1.6rem;font-weight:700;border-bottom:1px solid #e2e8f0;flex-shrink:0}.Card-Title span:first-child{border-radius:50%;background-color:#e2e8f0;color:#475569;height:40px;width:40px;line-height:40px;text-align:center;font-size:1.1rem}.Card-Title span:nth-child(2){text-align:center;white-space:normal;line-height:1.2}.Card-Title span:nth-child(2).first-upper:first-letter{text-transform:uppercase}.Card-Title .heart-container{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.Card-Title .heart-container .heart-shine{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(#c084fc,#f43f5e,#c084fc);opacity:0;transition:opacity .3s;animation:border-spin 2s linear infinite}.Card-Title .heart-container .heart{position:relative;z-index:2;font-size:2rem;color:#cbd5e1;text-shadow:1px 1px 3px rgba(0,0,0,.2);cursor:pointer;transition:color .2s,transform .2s}.Card-Title .heart-container .heart:hover{transform:scale(1.2)}.Card-Title .heart-container .heart.favorite{color:#f43f5e}.Card-Title .heart-container .heart.favorite+.heart-shine{opacity:1}.Card-Image{position:relative;height:250px;margin:.5rem 0;flex-shrink:0}.Card-Types{display:flex;gap:.5rem;margin-top:.5rem;flex-shrink:0}.Card-Types .type{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem;background-color:#e2e8f0;border-radius:.5rem}.Card-Types .type .type-img{height:20px;width:20px}.Card-Types .type .type-name{width:100%;text-align:center;font-weight:500;font-size:.8rem;text-transform:capitalize}.Card-Abilities{flex-grow:1;overflow-y:auto;color:#334155;margin-top:.5rem}.Card-Abilities .abilities-content-wrapper{padding:.4rem}.Card-Abilities .ability-name{font-weight:700;display:block;text-align:center;background-color:#e2e8f0;border-radius:.4rem;padding:.2rem;font-size:.8rem;text-transform:capitalize;color:#1e293b}.Card-Abilities .ability-description{display:block;text-align:justify;font-size:.8rem;padding:.5rem .2rem;line-height:1.4}.Card-List{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;max-width:1400px;padding:2rem 1rem;margin:0 auto}@media(max-width:480px){.Card-List{gap:1rem;padding:1rem .5rem}}.pokemon-loader-container{display:flex;justify-content:center;align-items:center;padding:5rem;width:100%}.pokemon-loader-container .pokemon{position:relative;height:100px;width:100px;background:linear-gradient(180deg,#F43F5E 50%,#F1F5F9 0);border-radius:50%;border:8px solid #0f172a;animation:spin 1s linear infinite}.pokemon-loader-container .pokemon:before{content:"";position:absolute;height:8px;width:100%;background:#0f172a;top:50%;transform:translateY(-50%);left:0}.pokemon-loader-container .pokemon:after{content:"";position:absolute;height:38px;width:38px;border-radius:50%;background:#f1f5f9;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #0f172a,inset 0 0 0 10px #f1f5f9,inset 0 0 0 12px #0f172a}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}