.Card-Item{-webkit-user-select:none;user-select:none;color:#1e293b;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;flex-direction:column;width:100%;max-width:300px;height:500px;padding:.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 20px #0003}@media (min-width:1024px){.Card-Item:hover{transform:translateY(-10px)scale(1.03);box-shadow:0 20px 40px #0000004d}}.Card-Title{border-bottom:1px solid #e2e8f0;flex-shrink:0;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:.5rem;min-height:60px;padding:.5rem;font-size:1.6rem;font-weight:700;display:grid}.Card-Title span:first-child{color:#475569;text-align:center;background-color:#e2e8f0;border-radius:50%;width:40px;height:40px;font-size:1.1rem;line-height:40px}.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{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.Card-Title .heart-container .heart-shine{opacity:0;background:conic-gradient(#c084fc,#f43f5e,#c084fc);border-radius:50%;width:100%;height:100%;transition:opacity .3s;animation:2s linear infinite border-spin;position:absolute}.Card-Title .heart-container .heart{z-index:2;color:#cbd5e1;text-shadow:1px 1px 3px #0003;cursor:pointer;font-size:2rem;transition:color .2s,transform .2s;position:relative}.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{flex-shrink:0;height:250px;margin:.5rem 0;position:relative}.Card-Types{flex-shrink:0;gap:.5rem;margin-top:.5rem;display:flex}.Card-Types .type{background-color:#e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;padding:.4rem;display:flex}.Card-Types .type .type-img{width:20px;height:20px}.Card-Types .type .type-name{text-align:center;text-transform:capitalize;width:100%;font-size:.8rem;font-weight:500}.Card-Abilities{color:#334155;flex-grow:1;margin-top:.5rem;overflow-y:auto}.Card-Abilities .abilities-content-wrapper{padding:.4rem}.Card-Abilities .ability-name{text-align:center;text-transform:capitalize;color:#1e293b;background-color:#e2e8f0;border-radius:.4rem;padding:.2rem;font-size:.8rem;font-weight:700;display:block}.Card-Abilities .ability-description{text-align:justify;padding:.5rem .2rem;font-size:.8rem;line-height:1.4;display:block}
.Card-List{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1rem;display:flex}@media (max-width:480px){.Card-List{gap:1rem;padding:1rem .5rem}}
.pokemon-loader-container{justify-content:center;align-items:center;width:100%;padding:5rem;display:flex}.pokemon-loader-container .pokemon{background:linear-gradient(#f43f5e 50%,#f1f5f9 50%);border:8px solid #0f172a;border-radius:50%;width:100px;height:100px;animation:1s linear infinite spin;position:relative}.pokemon-loader-container .pokemon:before{content:"";background:#0f172a;width:100%;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pokemon-loader-container .pokemon:after{content:"";background:#f1f5f9;border-radius:50%;width:38px;height:38px;position:absolute;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(0)}to{transform:rotate(360deg)}}