.dropdown[data-v-3e09e784]{background:var(--light-blue);cursor:pointer;height:50px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:250px}@media only screen and (min-width:992px){.dropdown[data-v-3e09e784]{height:60px;width:350px}}@media(hover:hover)and (pointer:fine){.dropdown[data-v-3e09e784]:hover{background:var(--light-blue-highlight)}}@media(hover:none){.dropdown[data-v-3e09e784]:active{background:var(--light-blue-highlight)}}.dropdown.small[data-v-3e09e784]{height:45px;width:200px}.dropdown.small .option.current[data-v-3e09e784]{padding:0 10px}.dropdown.small .option .option-content[data-v-3e09e784]{font-size:18px;line-height:18px}.dropdown .options[data-v-3e09e784]{background:var(--gray);display:flex;flex-direction:column;left:0;max-height:70vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:15}@supports (height:100dvh){.dropdown .options[data-v-3e09e784]{max-height:70dvh}}@supports not selector(::-webkit-scrollbar){.dropdown .options[data-v-3e09e784]{scrollbar-color:var(--light-blue) var(--gray);scrollbar-width:thin}}.dropdown .options[data-v-3e09e784]::-webkit-scrollbar{background:transparent;height:5px;width:5px}.dropdown .options[data-v-3e09e784]::-webkit-scrollbar-track{background:var(--gray)}.dropdown .options[data-v-3e09e784]::-webkit-scrollbar-thumb{background:var(--light-blue)}.dropdown .options[data-v-3e09e784]::-webkit-scrollbar-thumb:active{background:var(--blue)}.dropdown .options[data-v-3e09e784]::-webkit-scrollbar-thumb:window-inactive{background:var(--light-blue)}@media only screen and (min-width:992px){.dropdown .options[data-v-3e09e784]{max-height:600px}}.dropdown .options .option[data-v-3e09e784]{flex-shrink:0;height:auto!important;min-height:60px;position:relative}@media(hover:hover)and (pointer:fine){.dropdown .options .option[data-v-3e09e784]:hover{background:var(--tex-dropdownHover) no-repeat;background-size:100% 100%}}@media(hover:none){.dropdown .options .option[data-v-3e09e784]:active{background:var(--tex-dropdownHover) no-repeat;background-size:100% 100%}}.dropdown .options .option[data-v-3e09e784]:not(:last-of-type):before{border:2px solid var(--light-blue-highlight);bottom:0;content:"";height:0;left:50%;position:absolute;transform:translate(-50%,1px);width:calc(100% - 20px)}@media only screen and (min-width:992px){.dropdown .options .option[data-v-3e09e784]:not(:last-of-type):before{width:calc(100% - 40px)}}.dropdown .options .separator[data-v-3e09e784]{cursor:default;flex-shrink:0;min-height:15px;padding:5px 10px;position:relative;width:100%}@media only screen and (min-width:992px){.dropdown .options .separator[data-v-3e09e784]{padding:10px 20px}}.dropdown .options .separator[data-v-3e09e784]:not(:first-of-type){padding-top:20px}.dropdown .options .separator[data-v-3e09e784]:before{border:2px solid var(--light-blue-highlight);bottom:0;content:"";height:0;left:50%;position:absolute;transform:translate(-50%,1px);width:100%}.dropdown .options .separator span[data-v-3e09e784]{color:var(--light-blue-highlight);font-size:16px}.dropdown .option[data-v-3e09e784]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:5px 10px;width:100%}@media only screen and (min-width:992px){.dropdown .option[data-v-3e09e784]{height:60px;padding:10px 20px}}.dropdown .option.selected .option-content[data-v-3e09e784]{color:var(--color)}.dropdown .option.selected .checkmark[data-v-3e09e784]{display:block}.dropdown .option.selected .icon[data-v-3e09e784],.dropdown .option.selected[data-v-3e09e784] .icon{background:var(--img-bg,var(--color));background-position:50%;background-size:100%}.dropdown .option.selected .icon img[data-v-3e09e784],.dropdown .option.selected[data-v-3e09e784] .icon img{display:none}.dropdown .option.current[data-v-3e09e784]{align-items:center;height:100%;padding:0 20px}.dropdown .option .option-content[data-v-3e09e784]{align-items:center;color:var(--light);display:flex;font-family:MRBody;font-size:18px;gap:15px}@media only screen and (min-width:992px){.dropdown .option .option-content[data-v-3e09e784]{font-size:22px}}.dropdown .option .option-content[data-v-3e09e784] img{height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.dropdown .option .icon[data-v-3e09e784],.dropdown .option[data-v-3e09e784] .icon{background:var(--img-bg,#fff);background-position:50%;background-size:100%;flex-shrink:0;height:var(--height,var(--width,40px));-webkit-mask:var(--img) no-repeat;mask:var(--img) no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100%;mask-size:100%;width:var(--width,40px)}.dropdown .option .checkmark[data-v-3e09e784]{display:none;flex-shrink:0;height:30px;width:30px}.hero-card[data-v-f9078353]{--bg-color:$color;display:block;display:grid;grid-template-columns:100%;grid-template-rows:1fr min-content;height:300px;position:relative;transition:transform .1s ease-out;width:200px;will-change:transform}@media(hover:hover)and (pointer:fine){.hero-card[data-v-f9078353]:hover{transform:scale(1.1) translateZ(0);z-index:2}.hero-card[data-v-f9078353]:hover:before{background:var(--bg-color);-webkit-mask:var(--tex-heroCardMask) no-repeat;mask:var(--tex-heroCardMask) no-repeat;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 90%;mask-size:100% 90%}.hero-card[data-v-f9078353]:hover:after{background:var(--tex-heroCardBackground-hover) no-repeat;background-size:100% 100%;content:"";inset:-15px -8px;position:absolute;z-index:-1}.hero-card:hover .hero-image .stroke[data-v-f9078353]{left:-16px}.hero-card:hover .hero-image .stroke[data-v-f9078353]:after{background:var(--color);left:8px}.hero-card:hover .info[data-v-f9078353]{background:#fff;color:var(--dark)}.hero-card:hover .info .classes img[data-v-f9078353]{filter:invert(1)}}@media(hover:none){.hero-card[data-v-f9078353]:active{transform:scale(1.1) translateZ(0);z-index:2}.hero-card[data-v-f9078353]:active:before{background:var(--bg-color);-webkit-mask:var(--tex-heroCardMask) no-repeat;mask:var(--tex-heroCardMask) no-repeat;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 90%;mask-size:100% 90%}.hero-card[data-v-f9078353]:active:after{background:var(--tex-heroCardBackground-hover) no-repeat;background-size:100% 100%;content:"";inset:-15px -8px;position:absolute;z-index:-1}.hero-card:active .hero-image .stroke[data-v-f9078353]{left:-16px}.hero-card:active .hero-image .stroke[data-v-f9078353]:after{background:var(--color);left:8px}.hero-card:active .info[data-v-f9078353]{background:#fff;color:var(--dark)}.hero-card:active .info .classes img[data-v-f9078353]{filter:invert(1)}}.hero-card[data-v-f9078353]:before{content:"";inset:0;position:absolute;z-index:1}.hero-card.favourite .favourite-bg[data-v-f9078353]{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-card.favourite .favourite-check[data-v-f9078353]{display:block;position:absolute;right:0;top:0;z-index:2}.hero-card.favourite .info[data-v-f9078353]{background:transparent;color:var(--dark);z-index:3}.hero-card.favourite .info .classes img[data-v-f9078353]{filter:invert(1)}.hero-card .favourite-bg[data-v-f9078353],.hero-card .favourite-check[data-v-f9078353]{display:none}.hero-card .bg[data-v-f9078353]{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.hero-card .hero-image[data-v-f9078353]{height:100%;overflow:hidden;position:relative;width:100%;z-index:2}.hero-card .hero-image .stroke[data-v-f9078353]{height:100%;left:-8px;position:absolute;transition:left .05s ease-out;width:100%}.hero-card .hero-image .stroke[data-v-f9078353]:before{background:#fff;left:0;top:0}.hero-card .hero-image .stroke[data-v-f9078353]:after,.hero-card .hero-image .stroke[data-v-f9078353]:before{content:"";height:100%;-webkit-mask-image:var(--hero-image);mask-image:var(--hero-image);-webkit-mask-position:top;mask-position:top;-webkit-mask-size:cover;mask-size:cover;position:absolute;width:100%}.hero-card .hero-image .stroke[data-v-f9078353]:after{background:var(--hero-color);left:4px;transition:background .1s ease-out,left .05s ease-out}.hero-card .hero-image img[data-v-f9078353]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;position:relative;width:100%;z-index:2}.hero-card .info[data-v-f9078353]{align-items:center;background:var(--dark);color:var(--light);display:flex;justify-content:space-between;min-height:50px;padding:5px 8px;width:100%;z-index:2}.hero-card .info .name[data-v-f9078353]{align-items:center;display:flex;gap:10px}.hero-card .info .name .rank-icon-wrapper[data-v-f9078353]{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.hero-card .info .name .rank-icon-wrapper img[data-v-f9078353]{width:40px}.hero-card .info .name h3[data-v-f9078353]{font-family:MarvelRivalsBold;font-size:19px;font-weight:400;line-height:19px;text-transform:uppercase}.hero-card .info .classes[data-v-f9078353]{display:flex;max-width:100%}.hero-card .info .classes img[data-v-f9078353]{height:28px}.hero-list[data-v-12c1e5a9]{align-items:center;flex-direction:column;gap:20px;justify-content:center}.hero-list[data-v-12c1e5a9],.hero-list .view-bar[data-v-12c1e5a9]{display:flex;position:relative;width:100%}.hero-list .view-bar[data-v-12c1e5a9]{height:60px;justify-content:end}@media only screen and (max-width:992px){.hero-list .view-bar[data-v-12c1e5a9]{justify-content:center}}.hero-list .view-bar ul[data-v-12c1e5a9]{display:flex;z-index:2}.hero-list .view-bar ul li[data-v-12c1e5a9]{align-items:center;color:var(--light);cursor:pointer;display:flex;font-family:MarvelRivalsBold;font-size:24px;gap:7px;justify-content:center;padding:0 0 0 30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:325px){.hero-list .view-bar ul li .view-label[data-v-12c1e5a9]{display:none}}.hero-list .view-bar ul li[data-v-12c1e5a9]:not(:last-of-type){padding:0 30px 0 0;position:relative}.hero-list .view-bar ul li[data-v-12c1e5a9]:not(:last-of-type):after{background:var(--tex-panelTabSeparator) no-repeat;background-position:50%;background-size:contain;content:"";height:100%;position:absolute;right:0;top:0;transform:translate(50%);width:9px}@media(hover:hover)and (pointer:fine){.hero-list .view-bar ul li[data-v-12c1e5a9]:hover{color:#fff}}@media(hover:none){.hero-list .view-bar ul li[data-v-12c1e5a9]:active{color:#fff}}.hero-list .view-bar ul li.selected[data-v-12c1e5a9]{color:var(--color)}.hero-list .tools[data-v-12c1e5a9]{display:flex;justify-content:space-between;position:sticky;top:10px;width:100%;z-index:10}@media only screen and (max-width:992px){.hero-list .tools[data-v-12c1e5a9]{flex-direction:column;gap:20px}}.hero-list .tools.sticky.mobile[data-v-12c1e5a9]{transform:translateY(calc(-100% - 20px));transition:transform .2s ease}.hero-list .tools.sticky.mobile.sticky-mobile-show[data-v-12c1e5a9]{transform:translateY(0)}.hero-list .tools.sticky[data-v-12c1e5a9]:before{background:var(--blue);content:"";inset:-10px -20px;position:absolute;z-index:-1}@media only screen and (min-width:992px){.hero-list .tools.sticky[data-v-12c1e5a9]:before{left:-50px;right:-50px}.hero-list .tools.sticky .back-button[data-v-12c1e5a9]{align-items:center;display:flex;justify-content:center;margin-right:20px}}.hero-list .tools .back-button[data-v-12c1e5a9]{display:none}.hero-list .tools .search[data-v-12c1e5a9]{position:relative}.hero-list .tools .search input[data-v-12c1e5a9]{background:#d6dcee;border:3px solid var(--light-blue-highlight);font-family:MRBody;font-size:20px;height:60px;outline:none;padding:10px 60px 10px 20px;width:100%}@media only screen and (min-width:992px){.hero-list .tools .search input[data-v-12c1e5a9]{width:320px}}@media only screen and (min-width:1200px){.hero-list .tools .search input[data-v-12c1e5a9]{width:450px}}.hero-list .tools .search input[data-v-12c1e5a9]::-moz-placeholder{color:var(--light-blue-highlight)}.hero-list .tools .search input[data-v-12c1e5a9]::placeholder{color:var(--light-blue-highlight)}.hero-list .tools .search input[data-v-12c1e5a9]:focus{border:3px solid #fff}.hero-list .tools .search .search-icon-wrapper[data-v-12c1e5a9]{align-items:center;display:flex;height:60px;justify-content:center;position:absolute;right:0;top:0;width:60px}.hero-list .tools .search .search-icon-wrapper.hoverable[data-v-12c1e5a9]{cursor:pointer}@media(hover:hover)and (pointer:fine){.hero-list .tools .search .search-icon-wrapper.hoverable:hover .texture[data-v-12c1e5a9]{--tex-color:var(--blue)!important}}@media(hover:none){.hero-list .tools .search .search-icon-wrapper.hoverable:active .texture[data-v-12c1e5a9]{--tex-color:var(--blue)!important}}.hero-list .tools .filters[data-v-12c1e5a9]{align-items:center;display:flex;gap:10px;justify-content:end;width:100%}@media only screen and (max-width:992px){.hero-list .tools .filters[data-v-12c1e5a9]{flex-wrap:wrap-reverse;justify-content:center}}.hero-list .tools .filters .checkbox[data-v-12c1e5a9]{height:-moz-fit-content;height:fit-content}.hero-list .featured-hero[data-v-12c1e5a9]{--width:300px;--prestige-left:-100px;--spacing-left:143px;align-items:center;cursor:pointer;display:flex;height:320px;margin-bottom:30px;padding-left:var(--spacing-left);padding-top:140px;position:relative;transition:transform .1s ease-out;width:var(--width);will-change:transform}@media only screen and (min-width:768px){.hero-list .featured-hero[data-v-12c1e5a9]{--width:400px;--prestige-left:-40px;--spacing-left:calc(283px + var(--prestige-left))}}@media only screen and (min-width:992px){.hero-list .featured-hero[data-v-12c1e5a9]{--width:600px}}@media(hover:hover)and (pointer:fine){.hero-list .featured-hero[data-v-12c1e5a9]:hover{transform:scale(1.05) translate3d(0,-20px,0)}.hero-list .featured-hero[data-v-12c1e5a9]:hover:after{background:var(--tex-heroCardFeatured-hover) no-repeat;background-size:100% 100%;content:"";inset:125px -8px -15px;position:absolute;z-index:-1}.hero-list .featured-hero:hover .color-mask[data-v-12c1e5a9]:before{background:var(--hero-color);-webkit-mask:var(--tex-heroFeaturedMask) no-repeat;mask:var(--tex-heroFeaturedMask) no-repeat;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 90%;mask-size:100% 90%}.hero-list .featured-hero:hover .prestige .stroke[data-v-12c1e5a9]{left:-12px}.hero-list .featured-hero:hover .prestige .stroke[data-v-12c1e5a9]:after{background:var(--color);left:6px}.hero-list .featured-hero:hover .new[data-v-12c1e5a9]{color:var(--blue);filter:brightness(1.5)}.hero-list .featured-hero:hover .info .name[data-v-12c1e5a9]{color:color-mix(in srgb,var(--hero-color),var(--color) 70%)}.hero-list .featured-hero:hover .bar[data-v-12c1e5a9]{background:#fff}.hero-list .featured-hero:hover .bar .role[data-v-12c1e5a9]{color:var(--light-blue)}.hero-list .featured-hero:hover .bar .role .texture[data-v-12c1e5a9]{--tex-color:var(--light-blue)!important}}@media(hover:none){.hero-list .featured-hero[data-v-12c1e5a9]:active{transform:scale(1.05) translate3d(0,-20px,0)}.hero-list .featured-hero[data-v-12c1e5a9]:active:after{background:var(--tex-heroCardFeatured-hover) no-repeat;background-size:100% 100%;content:"";inset:125px -8px -15px;position:absolute;z-index:-1}.hero-list .featured-hero:active .color-mask[data-v-12c1e5a9]:before{background:var(--hero-color);-webkit-mask:var(--tex-heroFeaturedMask) no-repeat;mask:var(--tex-heroFeaturedMask) no-repeat;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 90%;mask-size:100% 90%}.hero-list .featured-hero:active .prestige .stroke[data-v-12c1e5a9]{left:-12px}.hero-list .featured-hero:active .prestige .stroke[data-v-12c1e5a9]:after{background:var(--color);left:6px}.hero-list .featured-hero:active .new[data-v-12c1e5a9]{color:var(--blue);filter:brightness(1.5)}.hero-list .featured-hero:active .info .name[data-v-12c1e5a9]{color:color-mix(in srgb,var(--hero-color),var(--color) 70%)}.hero-list .featured-hero:active .bar[data-v-12c1e5a9]{background:#fff}.hero-list .featured-hero:active .bar .role[data-v-12c1e5a9]{color:var(--light-blue)}.hero-list .featured-hero:active .bar .role .texture[data-v-12c1e5a9]{--tex-color:var(--light-blue)!important}}.hero-list .featured-hero[data-v-12c1e5a9]:before{background:var(--tex-heroCardFeatured) no-repeat;background-position:50%;background-size:100% 100%;bottom:0;content:"";height:180px;left:0;position:absolute;width:var(--width)}.hero-list .featured-hero .color-mask[data-v-12c1e5a9]{bottom:0;height:180px;left:0;-webkit-mask:var(--tex-heroCardFeatured) no-repeat;mask:var(--tex-heroCardFeatured) no-repeat;-webkit-mask-position:top;mask-position:top;-webkit-mask-size:var(--width) 180px;mask-size:var(--width) 180px;position:absolute;width:var(--width);z-index:1}.hero-list .featured-hero .color-mask[data-v-12c1e5a9]:before{content:"";inset:0;position:absolute}.hero-list .featured-hero[data-v-12c1e5a9]>:not(.color-mask){z-index:2}.hero-list .featured-hero .prestige[data-v-12c1e5a9]{height:320px;left:var(--prestige-left);position:absolute;top:0;width:283px}.hero-list .featured-hero .prestige .stroke[data-v-12c1e5a9]{height:100%;left:-6px;-webkit-mask-image:var(--tex-heroPrestigeMask);mask-image:var(--tex-heroPrestigeMask);-webkit-mask-position:50% 10%;mask-position:50% 10%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:105%;mask-size:105%;position:absolute;transition:left .05s ease-out;width:100%}.hero-list .featured-hero .prestige .stroke[data-v-12c1e5a9]:before{background:#fff;left:0;top:0}.hero-list .featured-hero .prestige .stroke[data-v-12c1e5a9]:after,.hero-list .featured-hero .prestige .stroke[data-v-12c1e5a9]:before{content:"";height:100%;-webkit-mask-image:var(--prestige-image);mask-image:var(--prestige-image);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;width:100%}.hero-list .featured-hero .prestige .stroke[data-v-12c1e5a9]:after{background:var(--hero-color);left:3px;transition:background .1s ease-out,left .05s ease-out}.hero-list .featured-hero .prestige img[data-v-12c1e5a9]{display:block;height:100%;-webkit-mask-image:var(--tex-heroPrestigeMask);mask-image:var(--tex-heroPrestigeMask);-webkit-mask-position:50% 10%;mask-position:50% 10%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:105%;mask-size:105%;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-list .featured-hero .new[data-v-12c1e5a9]{align-items:center;background:var(--tex-tab-active);background-size:100% 100%;color:var(--text-color);display:flex;font-family:MarvelRivalsHeavy;font-size:30px;justify-content:center;padding:10px 30px;position:absolute;right:-18px;top:70px;transform:translateY(-25%);z-index:2}@media only screen and (max-width:768px){.hero-list .featured-hero .new[data-v-12c1e5a9]{font-size:24px;padding:5px 10px;right:-10px;top:93.3333333333px}}.hero-list .featured-hero .info[data-v-12c1e5a9]{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding-bottom:50px;padding-right:40px;position:relative;width:100%}@media only screen and (max-width:768px){.hero-list .featured-hero .info[data-v-12c1e5a9]{gap:3px}}.hero-list .featured-hero .info .name[data-v-12c1e5a9]{color:var(--blue);font-size:28px;font-style:italic;line-height:24px;text-align:center;text-transform:uppercase}@media only screen and (min-width:992px){.hero-list .featured-hero .info .name[data-v-12c1e5a9]{font-size:38px;line-height:32px}}@media only screen and (min-width:1200px){.hero-list .featured-hero .info .name[data-v-12c1e5a9]{font-size:58px;line-height:52px}}.hero-list .featured-hero .check[data-v-12c1e5a9]{position:absolute;right:5.5px;top:140px}.hero-list .featured-hero .check .check-tex[data-v-12c1e5a9]{transform:skew(-8deg)}.hero-list .featured-hero .bar[data-v-12c1e5a9]{align-items:center;background:var(--dark);bottom:0;display:flex;height:50px;justify-content:space-between;left:0;-webkit-mask:var(--tex-heroCardFeatured) no-repeat;mask:var(--tex-heroCardFeatured) no-repeat;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:var(--width) 180px;mask-size:var(--width) 180px;-webkit-mask-size:calc(var(--width) + 2px) 180px;mask-size:calc(var(--width) + 2px) 180px;padding:0 40px 0 20px;position:absolute;width:100%}@media only screen and (max-width:992px){.hero-list .featured-hero .bar[data-v-12c1e5a9]{padding:0 30px 0 20px}}.hero-list .featured-hero .bar .role[data-v-12c1e5a9]{align-items:center;color:#fff;display:flex;font-family:MarvelRivalsHeavy;font-size:28px;gap:10px;text-transform:uppercase}@media only screen and (max-width:768px){.hero-list .featured-hero .bar .role[data-v-12c1e5a9]{font-size:17px}}.hero-list .featured-hero .bar .rank-icon-wrapper[data-v-12c1e5a9]{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.hero-list .featured-hero .bar .rank-icon-wrapper img[data-v-12c1e5a9]{width:50px}.hero-list .list[data-v-12c1e5a9]{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;width:100%}@media only screen and (min-width:768px){.hero-list .list[data-v-12c1e5a9]{align-items:start;flex-direction:row;flex-wrap:wrap;justify-content:center}}.hero-list .table-wrapper[data-v-12c1e5a9]{overflow-x:auto;width:100%}@supports not selector(::-webkit-scrollbar){.hero-list .table-wrapper[data-v-12c1e5a9]{scrollbar-color:var(--light-blue) transparent;scrollbar-width:auto}}.hero-list .table-wrapper[data-v-12c1e5a9]::-webkit-scrollbar{background:transparent;height:10px;width:10px}.hero-list .table-wrapper[data-v-12c1e5a9]::-webkit-scrollbar-track{background:transparent}.hero-list .table-wrapper[data-v-12c1e5a9]::-webkit-scrollbar-thumb{background:var(--light-blue)}.hero-list .table-wrapper[data-v-12c1e5a9]::-webkit-scrollbar-thumb:active{background:var(--color)}.hero-list .table-wrapper[data-v-12c1e5a9]::-webkit-scrollbar-thumb:window-inactive{background:var(--light-blue)}.hero-list .table-wrapper table[data-v-12c1e5a9]{border-collapse:collapse;width:100%}.hero-list .table-wrapper table thead[data-v-12c1e5a9]{border-collapse:collapse;position:sticky;top:0;z-index:2}.hero-list .table-wrapper table thead th[data-v-12c1e5a9]{background:var(--blue);border-bottom:2px solid var(--color);color:var(--light);font-family:MarvelRivalsBold;font-size:20px;font-weight:400;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.hero-list .table-wrapper table thead th.num[data-v-12c1e5a9]{text-align:right}.hero-list .table-wrapper table thead th.center[data-v-12c1e5a9]{text-align:center}.hero-list .table-wrapper table thead th.sortable[data-v-12c1e5a9]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.hero-list .table-wrapper table thead th.sortable[data-v-12c1e5a9]:hover{color:#fff}}@media(hover:none){.hero-list .table-wrapper table thead th.sortable[data-v-12c1e5a9]:active{color:#fff}}.hero-list .table-wrapper table thead th.no-left-pad[data-v-12c1e5a9]{padding-left:0}.hero-list .table-wrapper table thead th .caret[data-v-12c1e5a9]{font-size:12px;margin-left:6px}.hero-list .table-wrapper table .hero-row[data-v-12c1e5a9]{background-color:#00000040;border-bottom:1px solid hsla(0,0%,100%,.06);border-left:4px solid var(--rank-color);cursor:pointer;transition:background .1s}.hero-list .table-wrapper table .hero-row.favourite[data-v-12c1e5a9]{background-color:#ffff000d}@media(hover:hover)and (pointer:fine){.hero-list .table-wrapper table .hero-row[data-v-12c1e5a9]:hover{background:#ffffff0f}}@media(hover:hover)and (pointer:fine)and (hover:hover)and (pointer:fine){.hero-list .table-wrapper table .hero-row:hover .name-cell:hover a[data-v-12c1e5a9]{color:var(--color)}}@media(hover:hover)and (pointer:fine)and (hover:none){.hero-list .table-wrapper table .hero-row:hover .name-cell:active a[data-v-12c1e5a9]{color:var(--color)}}@media(hover:none){.hero-list .table-wrapper table .hero-row[data-v-12c1e5a9]:active{background:#ffffff0f}}@media(hover:none)and (hover:hover)and (pointer:fine){.hero-list .table-wrapper table .hero-row:active .name-cell:hover a[data-v-12c1e5a9]{color:var(--color)}}@media(hover:none)and (hover:none){.hero-list .table-wrapper table .hero-row:active .name-cell:active a[data-v-12c1e5a9]{color:var(--color)}}.hero-list .table-wrapper table .hero-row td[data-v-12c1e5a9]{padding:0 20px 0 0;vertical-align:middle}.hero-list .table-wrapper table .hero-row td.num-cell[data-v-12c1e5a9],.hero-list .table-wrapper table .hero-row td.rank-cell[data-v-12c1e5a9],.hero-list .table-wrapper table .hero-row td.role-cell[data-v-12c1e5a9]{padding:0 20px}.hero-list .table-wrapper table .name-cell[data-v-12c1e5a9]{align-items:center;display:flex;gap:16px;min-width:220px;position:relative}.hero-list .table-wrapper table .name-cell .favourite-check[data-v-12c1e5a9]{left:0;position:absolute;top:0;z-index:2}.hero-list .table-wrapper table .name-cell .portrait[data-v-12c1e5a9]{flex-shrink:0;height:80px;-webkit-mask-image:linear-gradient(to bottom left,#000 20%,transparent 95%);mask-image:linear-gradient(to bottom left,#000 20%,transparent 95%);-o-object-fit:contain;object-fit:contain;transform:scaleX(-1);width:auto}.hero-list .table-wrapper table .name-cell a[data-v-12c1e5a9]{color:var(--light);font-family:MarvelRivalsBold;font-size:24px;text-decoration:none;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.hero-list .table-wrapper table .name-cell a[data-v-12c1e5a9]:hover{color:var(--color)}}@media(hover:none){.hero-list .table-wrapper table .name-cell a[data-v-12c1e5a9]:active{color:var(--color)}}.hero-list .table-wrapper table .role-cell div[data-v-12c1e5a9]{align-items:center;display:flex;height:100%;justify-content:center}.hero-list .table-wrapper table .role-cell .role-icon[data-v-12c1e5a9]{filter:brightness(0) invert(1);height:44px;-o-object-fit:contain;object-fit:contain;width:44px}.hero-list .table-wrapper table .rank-cell div[data-v-12c1e5a9]{align-items:center;display:flex;gap:0;height:100%;justify-content:center;white-space:nowrap}.hero-list .table-wrapper table .rank-cell .rank-icon[data-v-12c1e5a9]{filter:brightness(1.4);height:56px;-o-object-fit:contain;object-fit:contain;width:56px}.hero-list .table-wrapper table .rank-cell span[data-v-12c1e5a9]{color:color-mix(in srgb,var(--rank-color),#fff 60%);font-family:MarvelRivalsBold;font-size:20px;text-transform:uppercase}.hero-list .table-wrapper table .num-cell[data-v-12c1e5a9]{color:color-mix(in srgb,var(--rank-color),#fff 60%);font-family:MarvelRivalsBold;font-size:26px;text-align:center;white-space:nowrap}.hero-list .table-wrapper table .num-cell.xp[data-v-12c1e5a9]{color:color-mix(in srgb,var(--rank-color),#fff 20%);font-family:MRBody;font-size:20px;text-align:right}.hero-list .table-wrapper table .progress-cell[data-v-12c1e5a9]{width:25%}.hero-list .table-wrapper table .progress-cell .progress-bar[data-v-12c1e5a9]{background:#ffffff1a;height:30px;position:relative;width:100%}.hero-list .table-wrapper table .progress-cell .progress-bar .fill[data-v-12c1e5a9]{background:var(--rank-color);filter:saturate(1.2) brightness(1);height:100%;left:0;position:absolute;top:0}.hero-list .table-wrapper table .progress-cell .progress-bar .xp-label[data-v-12c1e5a9]{color:#fff;font-family:MRBody;font-size:12px;left:50%;opacity:1;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.8);top:50%;transform:translate(-50%,-50%);transition:opacity .15s;white-space:nowrap}@media(hover:hover)and (pointer:fine){.hero-list .table-wrapper table .hero-row:hover .progress-cell .xp-label[data-v-12c1e5a9]{opacity:1}}@media(hover:none){.hero-list .table-wrapper table .hero-row:active .progress-cell .xp-label[data-v-12c1e5a9]{opacity:1}}@media only screen and (max-width:1150px){.hero-list .table-wrapper table[data-v-12c1e5a9]{display:none}}.hero-list .hero-cards[data-v-12c1e5a9]{display:none;width:100%}@media only screen and (max-width:1150px){.hero-list .hero-cards[data-v-12c1e5a9]{display:flex;flex-direction:column;gap:4px}}.hero-list .hero-cards .cards-controls[data-v-12c1e5a9]{display:flex;flex-direction:column;gap:6px}.hero-list .hero-cards .cards-controls .sort-label[data-v-12c1e5a9]{color:var(--light);font-family:MarvelRivalsBold;font-size:24px}.hero-list .hero-cards .cards-controls .sort-row[data-v-12c1e5a9]{align-items:center;display:flex;gap:10px}.hero-list .hero-cards .cards-controls .sort-row[data-v-12c1e5a9] .dropdown{flex:1}.hero-list .hero-cards .cards-controls .dir-toggle[data-v-12c1e5a9]{align-self:stretch;background:transparent;border:3px solid var(--light-blue-highlight);color:var(--light);cursor:pointer;flex-shrink:0;font-family:MRBody;font-size:18px;outline:none;padding:0 16px;white-space:nowrap}@media(hover:hover)and (pointer:fine){.hero-list .hero-cards .cards-controls .dir-toggle[data-v-12c1e5a9]:hover{background:#ffffff0f;color:#fff}}@media(hover:none){.hero-list .hero-cards .cards-controls .dir-toggle[data-v-12c1e5a9]:active{background:#ffffff0f;color:#fff}}.hero-list .hero-cards .hero-card[data-v-12c1e5a9]{background-color:#00000040;border-bottom:1px solid hsla(0,0%,100%,.06);border-left:4px solid var(--rank-color);cursor:pointer;padding:10px 12px;transition:background .1s}.hero-list .hero-cards .hero-card.favourite[data-v-12c1e5a9]{background-color:#ffff000d}@media(hover:hover)and (pointer:fine){.hero-list .hero-cards .hero-card[data-v-12c1e5a9]:hover{background:#ffffff0f}}@media(hover:none){.hero-list .hero-cards .hero-card[data-v-12c1e5a9]:active{background:#ffffff0f}}.hero-list .hero-cards .hero-card .card-top[data-v-12c1e5a9]{align-items:center;display:flex;gap:10px;margin-bottom:8px}.hero-list .hero-cards .hero-card .card-top .portrait[data-v-12c1e5a9]{flex-shrink:0;height:52px;-o-object-fit:cover;object-fit:cover;-o-object-position:75%;object-position:75%;width:56px}.hero-list .hero-cards .hero-card .card-top .card-identity[data-v-12c1e5a9]{display:flex;flex:1;flex-direction:column;gap:2px}.hero-list .hero-cards .hero-card .card-top .card-identity a[data-v-12c1e5a9]{color:var(--light);font-family:MarvelRivalsBold;font-size:18px;text-decoration:none;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.hero-list .hero-cards .hero-card .card-top .card-identity a[data-v-12c1e5a9]:hover{color:var(--color)}}@media(hover:none){.hero-list .hero-cards .hero-card .card-top .card-identity a[data-v-12c1e5a9]:active{color:var(--color)}}.hero-list .hero-cards .hero-card .card-top .card-identity .card-role[data-v-12c1e5a9]{align-items:center;display:flex}.hero-list .hero-cards .hero-card .card-top .card-identity .card-role .role-icon[data-v-12c1e5a9]{filter:brightness(0) invert(1);height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.hero-list .hero-cards .hero-card .card-top .card-rank[data-v-12c1e5a9]{align-items:center;display:flex}.hero-list .hero-cards .hero-card .card-top .card-rank .rank-icon[data-v-12c1e5a9]{filter:brightness(1.4);height:52px;-o-object-fit:contain;object-fit:contain;width:52px}@media only screen and (max-width:470px){.hero-list .hero-cards .hero-card .card-top .card-rank .rank-icon[data-v-12c1e5a9]{height:32px;width:32px}}.hero-list .hero-cards .hero-card .card-top .card-rank span[data-v-12c1e5a9]{color:color-mix(in srgb,var(--rank-color),#fff 60%);font-family:MarvelRivalsBold;font-size:16px;text-transform:uppercase}@media only screen and (max-width:470px){.hero-list .hero-cards .hero-card .card-top .card-rank span[data-v-12c1e5a9]{font-size:13px}}.hero-list .hero-cards .hero-card .progress-bar[data-v-12c1e5a9]{background:#ffffff1a;height:22px;margin-bottom:6px;position:relative;width:100%}.hero-list .hero-cards .hero-card .progress-bar .fill[data-v-12c1e5a9]{background:var(--rank-color);filter:saturate(1.2) brightness(1);height:100%;left:0;position:absolute;top:0}.hero-list .hero-cards .hero-card .progress-bar .xp-label[data-v-12c1e5a9]{color:#fff;font-family:MRBody;font-size:11px;left:50%;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.8);top:50%;transform:translate(-50%,-50%);white-space:nowrap}.hero-list .hero-cards .hero-card .card-stats[data-v-12c1e5a9]{display:flex;justify-content:space-between}.hero-list .hero-cards .hero-card .card-stats .level[data-v-12c1e5a9]{color:color-mix(in srgb,var(--rank-color),#fff 60%);font-family:MarvelRivalsBold;font-size:15px}.hero-list .hero-cards .hero-card .card-stats .xp[data-v-12c1e5a9]{color:color-mix(in srgb,var(--rank-color),#fff 20%);font-family:MRBody;font-size:13px}.hero-list .no-results[data-v-12c1e5a9]{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding-top:80px}@supports (-webkit-touch-callout:none){.hero-list .no-results[data-v-12c1e5a9]{padding-bottom:env(safe-area-inset-bottom)}}.hero-list .no-results p[data-v-12c1e5a9]{color:var(--light);font-family:MarvelRivalsHeavy;font-size:20px;text-transform:uppercase}