.trait-shield.svelte-1tq8wam{display:block;width:100%;height:100%;padding:var(--spacing-xsmall);background-size:contain;background-repeat:no-repeat}.trait-shield[data-faction=Mighty].svelte-1tq8wam{background-image:url(../../../images/faction-mighty.png)}.trait-shield[data-faction=Agile].svelte-1tq8wam{background-image:url(../../../images/faction-agile.png)}.trait-shield[data-faction=Tactical].svelte-1tq8wam{background-image:url(../../../images/faction-tactical.png)}.trait-shield.svelte-1tq8wam:after{content:"";display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat}.trait-shield[data-trait=DPS].svelte-1tq8wam:after{background-image:url(../../../images/class-dps.png)}.trait-shield[data-trait=Tank].svelte-1tq8wam:after{background-image:url(../../../images/class-tank.png)}.trait-shield[data-trait=Support].svelte-1tq8wam:after{background-image:url(../../../images/class-support.png)}.rarity-notch.svelte-mctcvw{z-index:2;position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:space-around;overflow:hidden}.rarity-notch.legendary.svelte-mctcvw:before{content:"";position:absolute;top:0;left:10%;width:50%;height:100%;background:linear-gradient(to right,#fff0 20%,#fffffffa,#fff0 80%);animation:svelte-mctcvw-sheen 3s infinite;pointer-events:none;z-index:3;opacity:0}@keyframes svelte-mctcvw-sheen{0%{left:-10%;opacity:0}12.5%{opacity:1}25%{opacity:0}30%{left:60%}to{left:60%}}.rarity-notch.legendary.svelte-mctcvw svg:where(.svelte-mctcvw) path:where(.svelte-mctcvw){fill:var(--legendary-color)}.rarity-notch.epic.svelte-mctcvw svg:where(.svelte-mctcvw) path:where(.svelte-mctcvw){fill:var(--epic-color)}.rarity-notch.elite.svelte-mctcvw svg:where(.svelte-mctcvw) path:where(.svelte-mctcvw){fill:var(--elite-color)}.rarity-notch.rare.svelte-mctcvw svg:where(.svelte-mctcvw) path:where(.svelte-mctcvw){fill:var(--rare-color)}.rarity-notch.uncommon.svelte-mctcvw svg:where(.svelte-mctcvw) path:where(.svelte-mctcvw){fill:var(--uncommon-color)}.character-card.svelte-1x6l9a0{container-type:inline-size;aspect-ratio:.59;margin-top:var(--spacing-small)}.interaction.svelte-1x6l9a0{display:block;height:100%;width:100%;position:relative;text-transform:uppercase;font-weight:400;text-align:center}.interaction.svelte-1x6l9a0 .toggle:where(.svelte-1x6l9a0){position:absolute;top:calc(0px - var(--spacing-small));right:calc(0px - var(--spacing-small))}.interaction.svelte-1x6l9a0 .name:where(.svelte-1x6l9a0){font-style:italic;font-size:9.5cqi;font-family:var(--font-family-header);line-height:.8;margin-bottom:var(--spacing-xsmall)}.interaction.svelte-1x6l9a0 .trait:where(.svelte-1x6l9a0){font-size:7.5cqi;color:var(--faint-text-color)}.interaction.svelte-1x6l9a0:hover,.interaction.svelte-1x6l9a0:focus{background-color:var(--light-background)}.character-card.in-team.svelte-1x6l9a0 .interaction:where(.svelte-1x6l9a0)>*:not(.toggle){filter:brightness(.5)}.interaction.svelte-1x6l9a0:hover .toggle:where(.svelte-1x6l9a0),.interaction.svelte-1x6l9a0:focus .toggle:where(.svelte-1x6l9a0){background-color:var(--brand-color-primary-6)}.interaction.svelte-1x6l9a0:hover .image:where(.svelte-1x6l9a0) img:where(.svelte-1x6l9a0),.interaction.svelte-1x6l9a0:focus .image:where(.svelte-1x6l9a0) img:where(.svelte-1x6l9a0){transform:scale(1.1)}.image.svelte-1x6l9a0,.info.svelte-1x6l9a0{position:absolute;overflow:hidden}.image.svelte-1x6l9a0{background-color:var(--brand-color-primary-6);top:0;height:76%;width:100%;clip-path:polygon(0 0,100% 0,100% 87%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 87%,0 100%);transition:clip-path .3s ease,-webkit-clip-path .3s ease;position:relative}.image.svelte-1x6l9a0:before{content:"";position:absolute;top:100%;left:0;width:100%;height:110%;z-index:0;transition:all .3s ease-in;clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}.interaction.svelte-1x6l9a0:hover .image:where(.svelte-1x6l9a0):before,.interaction.svelte-1x6l9a0:focus .image:where(.svelte-1x6l9a0):before{top:-10%}.image.svelte-1x6l9a0 img:where(.svelte-1x6l9a0){position:absolute;top:0;left:0;width:100%;transition:opacity .3s ease,transform .3s ease;opacity:1;z-index:1}.image.svelte-1x6l9a0 img.hidden:where(.svelte-1x6l9a0){opacity:0}.image.svelte-1x6l9a0 svg.pattern:where(.svelte-1x6l9a0){z-index:0;bottom:0;position:absolute;left:0;right:0;width:100%}.info.svelte-1x6l9a0{z-index:1;bottom:0;background-color:var(--brand-color-primary-4);background-image:url(../../../images/WHIRLWIND_SECONDARY_BLUE.png);background-size:cover;height:30%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:5cqi;padding-bottom:0;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);transition:clip-path .3s ease,-webkit-clip-path .3s ease}.trait-shield.svelte-1x6l9a0{z-index:2;position:absolute;top:5cqi;right:2.5cqi;width:30cqi;height:30cqi}.character-card.team-builder-open.svelte-1x6l9a0{aspect-ratio:.775}.character-card.team-builder-open.svelte-1x6l9a0 .image:where(.svelte-1x6l9a0){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:70%}.character-card.team-builder-open.svelte-1x6l9a0 .info:where(.svelte-1x6l9a0){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:30%;padding-top:0}.character-card.team-builder-open.svelte-1x6l9a0 .trait-shield:where(.svelte-1x6l9a0){top:58%;width:25cqi;height:25cqi}.character-card.svelte-1x6l9a0.legendary .interaction:hover svg.pattern path,.character-card.svelte-1x6l9a0.legendary .interaction:focus svg.pattern path{fill:#f9d43f}.character-card.svelte-1x6l9a0.epic .interaction:hover svg.pattern path,.character-card.svelte-1x6l9a0.epic .interaction:focus svg.pattern path{fill:#e3bc22}.character-card.svelte-1x6l9a0.elite .interaction:hover svg.pattern path,.character-card.svelte-1x6l9a0.elite .interaction:focus svg.pattern path{fill:#d968f4}.character-card.svelte-1x6l9a0.rare .interaction:hover svg.pattern path,.character-card.svelte-1x6l9a0.rare .interaction:focus svg.pattern path{fill:#1bacec}.character-card.svelte-1x6l9a0.uncommon .interaction:hover svg.pattern path,.character-card.svelte-1x6l9a0.uncommon .interaction:focus svg.pattern path{fill:#57bd9b}.character-card.svelte-1x6l9a0.legendary .image:before{background:linear-gradient(to top,var(--legendary-color) 0%,var(--legendary-color) 100%)}.character-card.svelte-1x6l9a0.epic .image:before{background:linear-gradient(to top,var(--epic-color) 0%,var(--epic-color) 100%)}.character-card.svelte-1x6l9a0.elite .image:before{background:linear-gradient(to top,var(--elite-color) 0%,var(--elite-color) 100%)}.character-card.svelte-1x6l9a0.rare .image:before{background:linear-gradient(to top,var(--rare-color) 0%,var(--rare-color) 100%)}.character-card.svelte-1x6l9a0.uncommon .image:before{background:linear-gradient(to top,var(--uncommon-color) 0%,var(--uncommon-color) 100%)}.new.svelte-1x6l9a0{font-family:var(--font-family-header);font-style:italic;position:absolute;font-weight:700;top:0;left:0;background-color:var(--interactive-text-color);color:var(--dark-text-color);padding:1cqi 15cqi 2cqi 10cqi;font-size:9cqi;z-index:2;background-image:url(../../../images/bg-yellow-dotted.png);background-size:cover;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.horizontal-scroller.svelte-kj4wgz{width:100%}.content.svelte-kj4wgz{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.content.svelte-kj4wgz::-webkit-scrollbar{display:none}.slider-container.svelte-kj4wgz{position:relative;height:6px;background-color:var(--brand-color-primary-4);border-radius:3px;margin:var(--spacing) 0}.slider-container.hidden.svelte-kj4wgz{display:none}.slider-thumb.svelte-kj4wgz{position:absolute;height:100%;width:20%;background-color:var(--brand-color-primary-1);border-radius:3px;cursor:pointer;transition:background-color .2s ease}.slider-thumb.svelte-kj4wgz:hover{background-color:var(--interactive-text-color)}