*{box-sizing:border-box;margin:0;padding:0}body{background-color:tomato;font-family:Arial,sans-serif}.normal{background-color:#b7b7aa}.fire{background-color:#ff6f52}.water{background-color:#42a1ff}.electric{background-color:#fecc33}.grass{background-color:#78cc55}.ice{background-color:#66ccfe}.fighting{background-color:#d3887e}.poison{background-color:#c68bb7}.ground{background-color:#dfba52}.flying{background-color:#89f}.psychic{background-color:#ff66a3}.bug{background-color:#aabb23}.rock{background-color:#baaa66}.ghost{background-color:#9995d0}.dragon{background-color:#9e93f1}.dark{background-color:#b59682}.steel{background-color:#abaabb}.fairy{background-color:#ed99ed}.loader[data-v-10db4c2e]{position:relative;width:154px;height:154px;border-radius:10px;top:200px}.loader div[data-v-10db4c2e]{width:8%;height:24%;background:#fff;position:absolute;left:50%;top:30%;opacity:0;border-radius:50px;box-shadow:0 0 3px #0003;animation:fade458-10db4c2e 1s linear infinite}@keyframes fade458-10db4c2e{0%{opacity:1}to{opacity:.25}}.loader .bar1[data-v-10db4c2e]{transform:rotate(0) translateY(-130%);animation-delay:0s}.loader .bar2[data-v-10db4c2e]{transform:rotate(30deg) translateY(-130%);animation-delay:-1.1s}.loader .bar3[data-v-10db4c2e]{transform:rotate(60deg) translateY(-130%);animation-delay:-1s}.loader .bar4[data-v-10db4c2e]{transform:rotate(90deg) translateY(-130%);animation-delay:-.9s}.loader .bar5[data-v-10db4c2e]{transform:rotate(120deg) translateY(-130%);animation-delay:-.8s}.loader .bar6[data-v-10db4c2e]{transform:rotate(150deg) translateY(-130%);animation-delay:-.7s}.loader .bar7[data-v-10db4c2e]{transform:rotate(180deg) translateY(-130%);animation-delay:-.6s}.loader .bar8[data-v-10db4c2e]{transform:rotate(210deg) translateY(-130%);animation-delay:-.5s}.loader .bar9[data-v-10db4c2e]{transform:rotate(240deg) translateY(-130%);animation-delay:-.4s}.loader .bar10[data-v-10db4c2e]{transform:rotate(270deg) translateY(-130%);animation-delay:-.3s}.loader .bar11[data-v-10db4c2e]{transform:rotate(300deg) translateY(-130%);animation-delay:-.2s}.loader .bar12[data-v-10db4c2e]{transform:rotate(330deg) translateY(-130%);animation-delay:-.1s}.card[data-v-908499fe]{margin:20px auto;padding:var(--padding-card, 15px);max-width:var(--max-width-card, 300px);border-radius:8px;background:#fafafae6}.header h2[data-v-908499fe],p[data-v-908499fe]{color:#5c5b5b;text-transform:capitalize;margin:5px}.card-img[data-v-908499fe]{max-width:var(--max-width-img, 200px);height:auto;display:block;border-radius:50%;margin:10px auto;background-color:#fff}.types[data-v-908499fe]{text-transform:capitalize;font-weight:700;text-align:center;margin:var(--margin, 20px)}.details[data-v-908499fe]{display:flex;justify-content:space-around;margin:var(--margin, 10px 0)}.details p[data-v-908499fe]{padding:5px;border:1px solid #ccc;border-radius:8px;background:#fafafa;width:var(--width-details, 100px);font-size:var(--font-size, 1rem);text-align:center;font-weight:700;box-shadow:2px 2px 5px #0000001a}.add-button[data-v-908499fe]{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:16px;padding:10px 20px;border:0;color:#fff;background-color:#42b883;border-radius:20px;display:block;margin:20px auto 10px;cursor:pointer;transition:background-color .3s ease}.add-button[data-v-908499fe]:hover{background-color:#369870}.remove-button[data-v-908499fe]{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:var(--font-size, 1rem);padding:10px 20px;border:0;background-color:#b22222;border-radius:20px;color:#fff;display:block;margin:var(--margin, 20px auto 10px auto);cursor:pointer;transition:background-color .3s ease}.remove-button[data-v-908499fe]:hover{background-color:#8b0000}nav[data-v-33ab8440]{margin:20px auto;padding:15px;max-width:800px;border:1px solid #ccc;border-radius:8px;background:#fafafae6;text-align:center}form input[data-v-33ab8440]{padding:10px;border:1px solid #ccc;border-radius:20px;width:70%;margin-right:10px}form button[data-v-33ab8440]{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:14px;padding:10px 15px;border:0;color:#fff;margin:10px 0;background-color:#42b883;border-radius:20px;cursor:pointer;transition:background-color .3s ease}form button[data-v-33ab8440]:hover{background-color:#369870}figure[data-v-ab449012]{width:100px;height:100px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fafafa;margin:10px}img[data-v-ab449012]{width:100%;height:100%}p[data-v-ab449012]{font-size:.8rem;color:#666}section[data-v-db271237]{margin:20px auto;padding:20px;max-width:800px;border:1px solid #ccc;border-radius:8px;background:#fafafae6;color:#5c5b5b}div[data-v-db271237]{display:flex;justify-content:center}section[data-v-b3a9b7c1]{margin:20px auto;padding:20px;max-width:800px;width:90%;border:1px solid #ccc;border-radius:8px;background:#fafafae6;color:#5c5b5b}.container[data-v-b3a9b7c1]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}div[data-v-b3a9b7c1]{display:flex;justify-content:center}.clear-button[data-v-b3a9b7c1]{margin:20px auto;padding:10px 20px;font-size:16px;background-color:tomato;color:#fff;border:none;border-radius:4px;cursor:pointer}.clear-button[data-v-b3a9b7c1]:hover{background-color:#f84f31}nav[data-v-57e5e5dd]{display:flex;justify-content:center}.RouterLink[data-v-57e5e5dd]{margin:10px;text-decoration:none;color:#fff;font-weight:700}h1{text-align:center;color:#fff}span{color:#fff}.button{padding:10px 20px;font-size:16px;background-color:tomato;color:#fff;border:none;border-radius:4px;cursor:pointer}