.card.svelte-1iffbyg{display:block;position:relative;width:12.5%;aspect-ratio:1 / 2;transition:transform .2s}.card.svelte-1iffbyg .layer:where(.svelte-1iffbyg){position:absolute;left:0;width:100%}.card.svelte-1iffbyg .bg:where(.svelte-1iffbyg),.card.svelte-1iffbyg .portrait:where(.svelte-1iffbyg),.card.svelte-1iffbyg .header:where(.svelte-1iffbyg){top:0}.card.svelte-1iffbyg .bg2:where(.svelte-1iffbyg){bottom:0;height:10%;background-color:#4d4d4d}.card.svelte-1iffbyg .glow:where(.svelte-1iffbyg){bottom:10%}.card.svelte-1iffbyg .banner:where(.svelte-1iffbyg){width:110%;bottom:-2.5%;left:-5%}.card.svelte-1iffbyg .class:where(.svelte-1iffbyg){top:1%;left:2%;width:22%;aspect-ratio:1 / 1}.card.svelte-1iffbyg .subClass:where(.svelte-1iffbyg){top:13%;left:2%;width:22%;aspect-ratio:1 / 1;background-color:#000;display:flex;align-items:center;justify-content:center}.card.svelte-1iffbyg .subClass:where(.svelte-1iffbyg) img:where(.svelte-1iffbyg){width:95%;height:95%;object-fit:contain}.card.svelte-1iffbyg .star:where(.svelte-1iffbyg){top:1%;width:17%}.card.svelte-1iffbyg .name:where(.svelte-1iffbyg){bottom:-3%;font-size:1.5em;font-family:sans-serif;color:#fff;text-align:right}.card.svelte-1iffbyg:hover{transform:scale(1.05)}@media(max-width:600px){.card.svelte-1iffbyg{width:45%}}.classFilter.svelte-iiix7k,.subClassFilter.svelte-iiix7k{position:fixed;top:0;right:0;height:100vh;width:4%;display:flex;flex-direction:column;background-color:#000;justify-content:space-evenly;align-items:center;overflow-y:scroll}.filterButton.svelte-iiix7k{background:none;width:90%;aspect-ratio:1 / 1;border-radius:0;border:none;color:#fff;font-weight:700;font-size:2em;transition:filter .3s}.filterButton.svelte-iiix7k img:where(.svelte-iiix7k){width:100%}.subClassFilter.svelte-iiix7k{border-right:5px solid hsl(200,80%,50%);right:4%}.activeFilter.svelte-iiix7k{filter:invert(50%) sepia(70%) saturate(690%) hue-rotate(159deg) brightness(93%) contrast(94%)}@media(max-width:600px){.classFilter.svelte-iiix7k,.subClassFilter.svelte-iiix7k{flex-direction:row;height:6vh;width:100vw;top:6vh;left:0}.subClassFilter.svelte-iiix7k{top:12vh;border-top:5px solid hsl(200,80%,50%);border-right:none}.filterButton.svelte-iiix7k{width:unset;height:90%;font-size:1.5em}}.filterBox.svelte-1eqmjo9{height:80%;position:absolute;right:12%;display:flex;align-items:center}button.svelte-1eqmjo9{position:relative;background:none;border:none;height:100%;aspect-ratio:1 / 1;padding:0}.reset.svelte-1eqmjo9{height:75%;fill:gray;transition:fill .2s}.reset.svelte-1eqmjo9:hover{fill:red}.star.svelte-1eqmjo9{transform:rotate(15deg);height:100%;transition:fill .5s}.s0.svelte-1eqmjo9{fill:#b3b3b3}.s1.svelte-1eqmjo9{fill:#fff}.s2.svelte-1eqmjo9{fill:#ff0}.s3.svelte-1eqmjo9{fill:#0080ff}.s4.svelte-1eqmjo9{fill:#9d67e4}.s5.svelte-1eqmjo9{fill:#fa0}.s6.svelte-1eqmjo9{fill:#f50}@media(max-width:600px){.filterBox.svelte-1eqmjo9{height:70%;position:static}}.list.svelte-1uha8ag{width:89.7%;height:92%;display:flex;flex-wrap:wrap;gap:2%;row-gap:3%;padding-inline:1%;padding-top:1%;align-content:flex-start;justify-content:flex-start;overflow-y:scroll}.header.svelte-1uha8ag{height:6%;width:100%;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative}.search.svelte-1uha8ag{height:100%;display:flex;align-items:center;gap:10px}.search.svelte-1uha8ag svg:where(.svelte-1uha8ag){height:60%}.search.svelte-1uha8ag input:where(.svelte-1uha8ag){color:#fff;font-size:1.5em;height:80%;background:none;border:none;border-bottom:5px solid white;border-radius:2px}.search.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:#19a1e6;transition:border-color .5s;outline:none}@media(max-width:600px){.header.svelte-1uha8ag{height:6vh;width:100vw;justify-content:space-between;gap:2%}.search.svelte-1uha8ag{width:40%}.search.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;font-size:1em}.list.svelte-1uha8ag{width:95vw;gap:7%;row-gap:3%;padding-top:15vh;padding-left:4%}}