.filter-container.svelte-lbl6am{position:relative;margin-bottom:var(--spacing)}.filter-toggle.svelte-lbl6am{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-medium);padding:var(--spacing);width:100%;background-color:var(--brand-color-primary-5);font-family:var(--font-family-body);font-size:var(--font-size-body-lg);font-weight:400}.filter-toggle.hidden.svelte-lbl6am{display:none}.filters.svelte-lbl6am{background-color:var(--brand-color-primary-4);padding:var(--spacing);margin-bottom:var(--spacing-medium);overflow:hidden}.filters.svelte-lbl6am form:where(.svelte-lbl6am){display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing);align-items:center}.filter-actions.svelte-lbl6am{display:flex;gap:var(--spacing);justify-content:space-between;width:100%}.filter-group.svelte-lbl6am{display:flex;flex-direction:column;gap:var(--spacing-xsmall);width:100%;position:relative}.filter-group.svelte-lbl6am label:where(.svelte-lbl6am),button.svelte-lbl6am{flex-shrink:0}.filter-group.svelte-lbl6am label:where(.svelte-lbl6am){width:6rem}.filter-group.svelte-lbl6am:has(select:where(.svelte-lbl6am)):after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0_671_28402)'%3E%3Cpath d='M8.79966 14.3447L9.50591 13.6384L15.5059 7.63843L16.2153 6.92905L14.7997 5.51343L14.0934 6.21968L8.79966 11.5134L3.50591 6.2228L2.79966 5.51343L1.38403 6.92905L2.09028 7.6353L8.09028 13.6353L8.79966 14.3447Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_671_28402'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.800049 0.928955)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");position:absolute;right:var(--spacing);pointer-events:none;bottom:.5rem}.filter-group.svelte-lbl6am:has(input:where(.svelte-lbl6am)):after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg clip-path='url(%23clip0_671_28417)'%3E%3Cpath d='M13.8 7.42895C13.8 8.86333 13.3344 10.1883 12.55 11.2633L16.0063 14.7227L16.7157 15.429L15.3 16.8446L14.5938 16.1383L11.1344 12.679C10.0594 13.4665 8.73442 13.929 7.30005 13.929C3.70942 13.929 0.800049 11.0196 0.800049 7.42895C0.800049 3.83833 3.70942 0.928955 7.30005 0.928955C10.8907 0.928955 13.8 3.83833 13.8 7.42895ZM7.30005 11.929C7.891 11.929 8.47616 11.8126 9.02212 11.5864C9.56809 11.3603 10.0642 11.0288 10.482 10.6109C10.8999 10.1931 11.2314 9.69699 11.4575 9.15103C11.6837 8.60506 11.8 8.0199 11.8 7.42895C11.8 6.83801 11.6837 6.25284 11.4575 5.70688C11.2314 5.16091 10.8999 4.66484 10.482 4.24697C10.0642 3.82911 9.56809 3.49764 9.02212 3.2715C8.47616 3.04535 7.891 2.92895 7.30005 2.92895C6.7091 2.92895 6.12394 3.04535 5.57797 3.2715C5.03201 3.49764 4.53593 3.82911 4.11807 4.24697C3.7002 4.66484 3.36874 5.16091 3.14259 5.70688C2.91644 6.25284 2.80005 6.83801 2.80005 7.42895C2.80005 8.0199 2.91644 8.60506 3.14259 9.15103C3.36874 9.69699 3.7002 10.1931 4.11807 10.6109C4.53593 11.0288 5.03201 11.3603 5.57797 11.5864C6.12394 11.8126 6.7091 11.929 7.30005 11.929Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_671_28417'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.800049 0.928955)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");position:absolute;right:var(--spacing);pointer-events:none;bottom:.5rem}@media (min-width: 480px){.filter-group.svelte-lbl6am{flex-direction:row;align-items:center;gap:var(--spacing);flex-wrap:nowrap}}@media (min-width: 760px){.filters.svelte-lbl6am{display:block;background-color:transparent;margin-top:var(--spacing-medium);padding:0;overflow:visible}.filter-actions.svelte-lbl6am{width:auto;justify-content:flex-end}.filters.svelte-lbl6am form:where(.svelte-lbl6am){flex-direction:row;gap:var(--spacing);flex-wrap:wrap;margin-top:var(--spacing-large);justify-content:flex-end}.filter-group.svelte-lbl6am{width:calc(25% - var(--spacing));flex-direction:column;align-items:flex-start;gap:var(--spacing-xsmall)}.filter-group.svelte-lbl6am:nth-child(4){width:25%}.filter-group.svelte-lbl6am label:where(.svelte-lbl6am){width:auto}}@media (min-width: 1200px){.filters.svelte-lbl6am form:where(.svelte-lbl6am){flex-wrap:nowrap}.filter-group.svelte-lbl6am{width:100%;flex-direction:row;gap:var(--spacing);flex-wrap:nowrap;align-items:center;justify-content:space-between}.filter-group.svelte-lbl6am:nth-child(4){width:100%}}.character-listings.svelte-5bw4hu{margin-top:var(--spacing-medium);display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--spacing-small)}.pagination-controls.svelte-5bw4hu{margin-top:var(--spacing-large);display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:var(--spacing)}button.svelte-5bw4hu{width:2rem;height:2.5rem;padding:0;background-color:var(--brand-color-primary-5);color:var(--text-color);border:none;cursor:pointer;transition:background-color .2s}button.svelte-5bw4hu:hover:not(:disabled,.active){background-color:var(--brand-color-primary-6)}button.svelte-5bw4hu:disabled{opacity:.5;cursor:default}button.active.svelte-5bw4hu{background-color:transparent;cursor:default}.page-buttons.svelte-5bw4hu{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-button.svelte-5bw4hu{padding:0;background-color:transparent;transform:scale(1);transition:transform .3s}.pagination-button.svelte-5bw4hu:hover:not(:disabled){background-color:transparent;transform:scale(1.1)}.pagination-button.svelte-5bw4hu img:where(.svelte-5bw4hu){width:100%;height:100%}.pagination-button.next.svelte-5bw4hu{transform:rotate(180deg)}.pagination-button.next.svelte-5bw4hu:hover:not(:disabled){background-color:transparent;transform:rotate(180deg) scale(1.1)}dialog.svelte-dyu3sn{background-color:transparent;border:none;width:calc(100% - var(--spacing-large));padding:0;overflow:visible}dialog.svelte-dyu3sn .content:where(.svelte-dyu3sn){background-image:url(../../../images/WHIRLWIND_SECONDARY_RED.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;max-width:263px;width:100%;aspect-ratio:.74;padding:var(--spacing);margin-left:auto;margin-right:auto}dialog.svelte-dyu3sn:before{content:"";pointer-events:none;background-image:var(--dialog-image-mobile, url(../../../images/modal-superman.png));background-size:contain;background-position:center;background-repeat:no-repeat;display:block;max-width:210px;width:100%;height:100%;position:absolute;left:50%;top:calc(50% - 5rem);transform:translate(-50%,-50%)}dialog.svelte-dyu3sn{font-size:var(--font-size-body-md);font-style:italic;text-align:center}dialog.svelte-dyu3sn .title:where(.svelte-dyu3sn){color:#fff;text-align:center;text-shadow:0px 2.209px 2.209px rgba(0,0,0,.25),2.209px 4.419px 0px var(--Brand-Colors-primary-4, #00375a);font-family:CCUltimatum;font-size:2.5rem;font-style:italic;font-weight:900;line-height:90%;letter-spacing:-1.28px;text-transform:uppercase;margin-top:calc(0px - var(--spacing-slightly-medium))}dialog.svelte-dyu3sn .content:where(.svelte-dyu3sn) :where(.svelte-dyu3sn){z-index:2;position:relative}dialog.svelte-dyu3sn::backdrop{background-color:#000000b3}@media (min-width: 1024px){dialog.svelte-dyu3sn:before{background-image:var(--dialog-image-desktop, url(../../../images/modal-team.png));max-width:860px}dialog.svelte-dyu3sn .content:where(.svelte-dyu3sn){max-width:491px;aspect-ratio:.946}dialog.svelte-dyu3sn .title:where(.svelte-dyu3sn){font-size:4rem}}.power-calculator.svelte-1drko7{position:fixed;bottom:0;left:0;right:0;background:var(--brand-color-primary-4);padding:var(--spacing-small) var(--spacing-slightly-medium) var(--spacing) var(--spacing-slightly-medium);z-index:9;box-shadow:0 0 4px 8px #0000001a}.power-header.svelte-1drko7{display:flex;justify-content:space-between;align-items:center}.details-toggle.svelte-1drko7{background:none;border:none;cursor:pointer;padding:var(--spacing-small);margin-right:calc(0px - var(--spacing-small));display:flex;align-items:center;justify-content:center}.details-toggle.svelte-1drko7 svg:where(.svelte-1drko7){transition:transform .3s ease}.details-toggle.svelte-1drko7 svg.rotate:where(.svelte-1drko7){transform:rotate(180deg)}.power-calculator.svelte-1drko7 p:where(.svelte-1drko7){margin:0;text-transform:uppercase;display:flex;justify-content:flex-start;align-items:center;font-family:var(--font-family-compact);width:100%;justify-content:space-between}.power-calculator.svelte-1drko7 span:where(.svelte-1drko7){font-weight:700;font-size:var(--font-size-headline-xxl);margin-left:.5rem;font-style:italic;font-family:var(--font-family-header);color:var(--brand-color-secondary-2)}.details.svelte-1drko7{margin-top:var(--spacing-small)}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7){font-weight:500;font-size:var(--font-size-body-lg);margin:0;padding:0;list-style:none}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7) li:where(.svelte-1drko7){display:flex;justify-content:space-between;position:relative;padding-left:2rem;margin-top:var(--spacing-small)}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7) span:where(.svelte-1drko7){font-size:var(--font-size-body-lg);font-family:var(--font-family-compact);font-style:normal;font-weight:400}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7) li:where(.svelte-1drko7):before{content:"";width:1.875rem;height:1.875rem;background-size:contain;background-repeat:no-repeat;display:block;position:absolute;left:0;top:-3px}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7) li.atk:where(.svelte-1drko7):before{background-image:url(../../../images/atk.png)}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7) li.def:where(.svelte-1drko7):before{background-image:url(../../../images/def.png)}.power-calculator.svelte-1drko7 ul:where(.svelte-1drko7) li.hp:where(.svelte-1drko7):before{background-image:url(../../../images/hp.png)}@media (min-width: 1104px){.power-calculator.svelte-1drko7{position:static;box-shadow:none;min-width:19.5rem;margin-top:var(--spacing-small);padding:var(--spacing) var(--spacing-slightly-medium)}.power-calculator.svelte-1drko7 p:where(.svelte-1drko7){flex-direction:column;align-items:flex-start}.power-calculator.svelte-1drko7 span:where(.svelte-1drko7){margin-left:0}}.range.svelte-u1e7ry{position:relative;flex:1;cursor:pointer;transition:none}.range.svelte-u1e7ry *{transition:none}.range__wrapper.svelte-u1e7ry{min-width:100%;position:relative;padding:.5rem;box-sizing:border-box;outline:none}.range__wrapper.svelte-u1e7ry:focus-visible>.range__track:where(.svelte-u1e7ry){box-shadow:0 0 0 3px var(--brand-color-primary-6)}.range__track.svelte-u1e7ry{height:8px;background-color:var(--brand-color-primary-3);border-radius:var(--border-radius)}.range__track--highlighted.svelte-u1e7ry{background-color:var(--brand-color-secondary-2);width:0;height:8px;position:absolute;border-radius:var(--border-radius)}.range__thumb.svelte-u1e7ry{display:flex;align-items:center;justify-content:center;position:absolute;width:15px;height:24px;margin-top:-8px;margin-left:-7.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background-image:url(../../../images/slider.png)}.range__tooltip.svelte-u1e7ry{pointer-events:none;position:absolute;top:-33px;color:var(--tooltip-text, white);width:38px;padding:4px 0;border-radius:4px;text-align:center;background-color:var(--brand-color-primary-6)}.range__tooltip.svelte-u1e7ry:after{content:"";display:block;position:absolute;height:7px;width:7px;background-color:var(--brand-color-primary-6);bottom:-3px;left:calc(50% - 3px);clip-path:polygon(0% 0%,100% 100%,0% 100%);transform:rotate(-45deg);border-radius:0 0 0 3px}.character.svelte-3mgwa3{display:flex;gap:var(--spacing-medium);margin-top:var(--spacing-medium)}.image.svelte-3mgwa3{display:none;background-color:var(--brand-color-primary-4);color:var(--text-color);text-align:center;flex-shrink:0;height:100%;aspect-ratio:1;overflow:hidden;position:relative}.image.svelte-3mgwa3 img:where(.svelte-3mgwa3){width:100%;object-fit:contain;z-index:1;position:relative}.image.svelte-3mgwa3 svg.pattern:where(.svelte-3mgwa3){z-index:0;bottom:0;position:absolute;left:0;right:0;width:100%}.image.legendary.svelte-3mgwa3 svg.pattern:where(.svelte-3mgwa3) path:where(.svelte-3mgwa3){fill:#f9d43f}.image.epic.svelte-3mgwa3 svg.pattern:where(.svelte-3mgwa3) path:where(.svelte-3mgwa3){fill:#e3bc22}.image.elite.svelte-3mgwa3 svg.pattern:where(.svelte-3mgwa3) path:where(.svelte-3mgwa3){fill:#d968f4}.image.rare.svelte-3mgwa3 svg.pattern:where(.svelte-3mgwa3) path:where(.svelte-3mgwa3){fill:#1bacec}.image.uncommon.svelte-3mgwa3 svg.pattern:where(.svelte-3mgwa3) path:where(.svelte-3mgwa3){fill:#57bd9b}.image.svelte-3mgwa3 .trait-shield{width:3.5rem;height:3.5rem;position:absolute;top:var(--spacing);right:var(--spacing-small)}.image.legendary.svelte-3mgwa3{background-color:var(--legendary-color)}.image.epic.svelte-3mgwa3{background-color:var(--epic-color)}.image.elite.svelte-3mgwa3{background-color:var(--elite-color)}.image.rare.svelte-3mgwa3{background-color:var(--rare-color)}.image.uncommon.svelte-3mgwa3{background-color:var(--uncommon-color)}.name.svelte-3mgwa3{font-size:var(--font-size-headline-xl);font-family:var(--font-family-header);font-weight:700;font-style:italic;text-transform:uppercase;margin-bottom:var(--spacing);display:block;line-height:.8}.info.svelte-3mgwa3{display:flex;justify-content:space-between;align-items:center}.trait.svelte-3mgwa3{font-size:var(--font-size-label-lg);color:var(--faint-text-color);text-transform:uppercase}.stars.svelte-3mgwa3{display:flex;gap:var(--spacing-small)}.stars.svelte-3mgwa3 img:where(.svelte-3mgwa3){width:1.5rem;height:1.5rem}form.svelte-3mgwa3{width:100%}fieldset.svelte-3mgwa3{border:none;padding:0;margin:0}.field.svelte-3mgwa3{margin-top:var(--spacing-xsmall)}.select-prompt.svelte-3mgwa3{color:#666;font-style:italic;text-align:center;padding:1rem}label.svelte-3mgwa3{display:flex;justify-content:space-between;font-size:1rem;align-items:flex-end;margin-bottom:.5rem;font-weight:400}label.svelte-3mgwa3 span:where(.svelte-3mgwa3){font-size:var(--font-size-headline-lg);font-family:var(--font-family-header);font-weight:700}@media (min-width: 760px){.image.svelte-3mgwa3{display:block;max-height:15.75rem}.info.svelte-3mgwa3,fieldset.svelte-3mgwa3{max-width:20rem}}.copyurl.svelte-12yhh6b{width:100%;cursor:pointer;font-size:var(--font-size-label-md);margin-bottom:var(--spacing);background-color:var(--brand-color-primary-6);border:1px solid var(--brand-color-secondary-2);border-radius:var(--border-radius);color:#fff;padding:var(--spacing-small);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyurl.svelte-12yhh6b:focus{outline:none;border-color:var(--brand-color-secondary-1);box-shadow:0 0 0 2px var(--brand-color-secondary-2)}.slots.svelte-12yhh6b{display:flex;gap:1rem;padding-top:var(--spacing);padding-bottom:8px;margin-top:calc(0px - var(--spacing-small))}.slot.svelte-12yhh6b{aspect-ratio:1;border:2px solid var(--brand-color-primary-4);background-color:var(--brand-color-primary-4);position:relative;width:100%;min-width:7.5rem;max-width:10.25rem;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.slot.svelte-12yhh6b img:where(.svelte-12yhh6b){width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.slot.selected.svelte-12yhh6b{border-color:#fff;background-color:var(--brand-color-primary-6)}.slot.svelte-12yhh6b button.select:where(.svelte-12yhh6b),.slot.svelte-12yhh6b button.add:where(.svelte-12yhh6b){position:absolute;top:0;right:0;left:0;bottom:0;padding:0}.slot.svelte-12yhh6b button.select:where(.svelte-12yhh6b):hover{background-color:var(--light-background)}.slot.svelte-12yhh6b button.select:where(.svelte-12yhh6b):after{content:"";background:linear-gradient(to top,#000c,#0000);position:absolute;top:70%;right:0;bottom:0;left:0;border-radius:var(--border-radius)}.slot.svelte-12yhh6b button.toggle:where(.svelte-12yhh6b){position:absolute;top:calc(0px - var(--spacing-small));right:-2px}.slot.svelte-12yhh6b button.toggle:where(.svelte-12yhh6b):hover{background-color:var(--brand-color-primary-6)}.slot.svelte-12yhh6b .trait-shield:where(.svelte-12yhh6b){position:absolute;right:var(--spacing-xsmall);bottom:var(--spacing-small);width:1.6rem;height:1.6rem;z-index:1}.actions.svelte-12yhh6b{margin-top:var(--spacing);display:flex;justify-content:space-between;gap:var(--spacing)}.actions.svelte-12yhh6b :where(.svelte-12yhh6b):last-child{padding-right:0}.reset.svelte-12yhh6b svg:where(.svelte-12yhh6b){height:1rem}.team-builder.svelte-7ax2y3{padding:var(--spacing-medium);background-color:var(--brand-color-primary-5)}.team-builder.svelte-7ax2y3 .bar:where(.svelte-7ax2y3){display:flex;flex-direction:column;gap:var(--spacing);align-items:flex-start}.team-builder.svelte-7ax2y3 .bar:where(.svelte-7ax2y3) .heading:where(.svelte-7ax2y3){display:flex;flex-direction:row;gap:var(--spacing);flex-wrap:wrap;align-items:center}h2.svelte-7ax2y3{margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xsmall)}h2.svelte-7ax2y3 svg:where(.svelte-7ax2y3){width:var(--font-size-headline-lg);height:var(--font-size-headline-lg);transform:scale(1.1)}.team-builder.svelte-7ax2y3 .content:where(.svelte-7ax2y3){display:flex;gap:var(--spacing);flex-wrap:wrap;margin-top:var(--spacing)}.team-builder.svelte-7ax2y3 .customization:where(.svelte-7ax2y3){display:flex;gap:var(--spacing);flex-direction:column;width:100%;max-width:884px}.team-builder.svelte-7ax2y3 .calculator:where(.svelte-7ax2y3){flex-shrink:0}@media (min-width: 780px){.team-builder.svelte-7ax2y3 .bar:where(.svelte-7ax2y3){flex-direction:row;justify-content:space-between}.team-builder.svelte-7ax2y3 .bar:where(.svelte-7ax2y3) button:where(.svelte-7ax2y3){margin-top:calc(var(--spacing-xsmall) + 2px)}.team-builder.svelte-7ax2y3 .content:where(.svelte-7ax2y3){flex-wrap:nowrap;justify-content:space-between}}h1.svelte-ugd5m5,.intro.svelte-ugd5m5 p:where(.svelte-ugd5m5){text-align:center;max-width:940px;margin-left:auto;margin-right:auto}.intro.svelte-ugd5m5 p:where(.svelte-ugd5m5){font-size:var(--font-size-body-lg)}h1.svelte-ugd5m5{text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}h1.svelte-ugd5m5 svg:where(.svelte-ugd5m5){width:3.75rem;height:3.75rem}.team-builder-open.svelte-ugd5m5{padding-bottom:9rem}@media (min-width: 1080px){.team-builder-open.svelte-ugd5m5{padding-bottom:var(--spacing-medium)}}