.card.svelte-1udyrqm{display:block;position:relative;width:12.5%;aspect-ratio:1 / 2;transition:transform .2s}.card.svelte-1udyrqm .layer:where(.svelte-1udyrqm){position:absolute;left:0;width:100%}.card.svelte-1udyrqm .stars:where(.svelte-1udyrqm){height:2.5em;left:24%;width:unset}.card.svelte-1udyrqm .bg:where(.svelte-1udyrqm),.card.svelte-1udyrqm .portrait:where(.svelte-1udyrqm),.card.svelte-1udyrqm .header:where(.svelte-1udyrqm){top:0}.card.svelte-1udyrqm .bg2:where(.svelte-1udyrqm){bottom:0;height:10%;background-color:var(--rarity-0)}.card.svelte-1udyrqm .header:where(.svelte-1udyrqm){width:50%}.card.svelte-1udyrqm .glow:where(.svelte-1udyrqm){bottom:10%}.card.svelte-1udyrqm .banner:where(.svelte-1udyrqm){width:110%;bottom:-2.5%;left:-5%}.card.svelte-1udyrqm .subClass:where(.svelte-1udyrqm),.card.svelte-1udyrqm .class:where(.svelte-1udyrqm){top:13%;left:2%;width:22%;aspect-ratio:1 / 1;background-color:#000;display:flex;align-items:center;justify-content:center}:is(.card.svelte-1udyrqm .subClass:where(.svelte-1udyrqm),.card.svelte-1udyrqm .class:where(.svelte-1udyrqm)) img:where(.svelte-1udyrqm){width:95%;height:95%;object-fit:contain}.card.svelte-1udyrqm .class:where(.svelte-1udyrqm){top:1%;left:2%;width:22%}.card.svelte-1udyrqm .name:where(.svelte-1udyrqm){bottom:-3%;font-size:1.5em;font-family:sans-serif;color:var(--text-primary);text-align:right}.card.svelte-1udyrqm:hover{transform:scale(1.05)}@media(max-width:600px){.card.svelte-1udyrqm{width:45%}.card.svelte-1udyrqm .stars:where(.svelte-1udyrqm){top:.3em;height:2.2em}}.classFilter.svelte-9j0zg6,.subClassFilter.svelte-9j0zg6{position:fixed;z-index:1;top:0;right:0;height:100vh;width:4%;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px;align-items:center;background-color:var(--bg-header);overflow-y:scroll}.filterButton.svelte-9j0zg6{background:none;padding:0;width:90%;aspect-ratio:1;border-radius:0;border:none;color:var(--text-primary);font-weight:700;font-size:2em;transition:filter .3s;display:flex;align-items:center;justify-content:center}.filterButton.svelte-9j0zg6 img:where(.svelte-9j0zg6){object-fit:contain;max-width:100%;max-height:100%}.subClassFilter.svelte-9j0zg6{border-right:5px solid var(--color-accent);right:4%}.activeFilter.svelte-9j0zg6{filter:invert(50%) sepia(70%) saturate(690%) hue-rotate(159deg) brightness(93%) contrast(94%)}@media(max-width:600px){.classFilter.svelte-9j0zg6,.subClassFilter.svelte-9j0zg6{flex-direction:row;height:6vh;width:100vw;top:6vh;left:0}.subClassFilter.svelte-9j0zg6{top:12vh;border-top:2px solid var(--color-accent);border-right:none}.filterButton.svelte-9j0zg6{width:unset;height:90%;font-size:1.5em}}.filterBox.svelte-1s4b69n{height:100%;display:flex;align-items:center;padding:0 10px}button.svelte-1s4b69n{position:relative;background:none;border:none;height:80%;aspect-ratio:1 / 1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.reset.svelte-1s4b69n{height:70%;fill:gray;transition:fill .2s}.reset.svelte-1s4b69n:hover{fill:red}.star-btn.svelte-1s4b69n{margin-left:-5px}.star.svelte-1s4b69n{position:relative;transform:rotate(15deg);height:100%;transition:fill .2s;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.s0.svelte-1s4b69n{fill:var(--rarity-0)}.s1.svelte-1s4b69n{fill:var(--rarity-1)}.s2.svelte-1s4b69n{fill:var(--rarity-2)}.s3.svelte-1s4b69n{fill:var(--rarity-3)}.s4.svelte-1s4b69n{fill:var(--rarity-4)}.s5.svelte-1s4b69n{fill:var(--rarity-5)}.s6.svelte-1s4b69n{fill:var(--rarity-6)}@media(max-width:600px){.filterBox.svelte-1s4b69n{height:100%;width:50%;padding-inline:0}.star-btn.svelte-1s4b69n{margin-left:-5px}}html,body{margin:0;padding:0;height:100%;background-color:var(--bg-main);font-family:sans-serif}.page-container.svelte-1uha8ag{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.header.svelte-1uha8ag{height:6vh;min-height:50px;background-color:var(--bg-header);display:flex;justify-content:center;align-items:center;gap:20px;position:relative;width:100%}.search.svelte-1uha8ag{display:flex;align-items:center;gap:10px;padding:5px 0;height:38px;border-bottom:2px solid var(--text-primary);transition:all .2s ease}.search.svelte-1uha8ag:focus-within{border-color:var(--color-accent)}.search.svelte-1uha8ag svg:where(.svelte-1uha8ag){height:24px;width:24px;opacity:1}.search.svelte-1uha8ag input:where(.svelte-1uha8ag){color:var(--text-primary);font-size:1.5rem;background:none;border:none;outline:none;width:250px;font-family:sans-serif}.search.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder{color:#ffffff80;font-size:1rem;vertical-align:middle}.list.svelte-1uha8ag{flex:1;width:96%;display:flex;flex-wrap:wrap;gap:2%;row-gap:3%;padding:1% 5% 1% 1%;align-content:flex-start;justify-content:flex-start;overflow-y:auto;box-sizing:border-box;position:relative}@media(max-width:600px){.page-container.svelte-1uha8ag{height:100dvh}.header.svelte-1uha8ag{height:auto;min-height:6vh;justify-content:start;padding:0 5%;box-sizing:border-box}.search.svelte-1uha8ag{width:40%;height:auto}.search.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;font-size:1.2rem}.list.svelte-1uha8ag{width:100%;padding:5%;padding-top:14vh;gap:5%;justify-content:center}}