.hero-card[data-v-a5ce84e1]{--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-a5ce84e1]:focus,.hero-card[data-v-a5ce84e1]:hover{transform:scale(1.1) translateZ(0);z-index:2}.hero-card[data-v-a5ce84e1]:focus:before,.hero-card[data-v-a5ce84e1]: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-a5ce84e1]:focus:after,.hero-card[data-v-a5ce84e1]:hover:after{background:var(--tex-heroCardBackground-hover) no-repeat;background-size:100% 100%;content:"";inset:-15px -8px;position:absolute;z-index:-1}.hero-card:focus .hero-image .stroke[data-v-a5ce84e1],.hero-card:hover .hero-image .stroke[data-v-a5ce84e1]{left:-16px}.hero-card:focus .hero-image .stroke[data-v-a5ce84e1]:after,.hero-card:hover .hero-image .stroke[data-v-a5ce84e1]:after{background:var(--color);left:8px}.hero-card:focus .info[data-v-a5ce84e1],.hero-card:hover .info[data-v-a5ce84e1]{background:#fff;color:var(--dark)}.hero-card:focus .info .classes img[data-v-a5ce84e1],.hero-card:hover .info .classes img[data-v-a5ce84e1]{filter:invert(1)}}@media(hover:none){.hero-card[data-v-a5ce84e1]:active{transform:scale(1.1) translateZ(0);z-index:2}.hero-card[data-v-a5ce84e1]: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-a5ce84e1]: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-a5ce84e1]{left:-16px}.hero-card:active .hero-image .stroke[data-v-a5ce84e1]:after{background:var(--color);left:8px}.hero-card:active .info[data-v-a5ce84e1]{background:#fff;color:var(--dark)}.hero-card:active .info .classes img[data-v-a5ce84e1]{filter:invert(1)}}.hero-card[data-v-a5ce84e1]:before{content:"";inset:0;position:absolute;z-index:1}.hero-card.favourite .favourite-bg[data-v-a5ce84e1]{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-card.favourite .favourite-check[data-v-a5ce84e1]{display:block;position:absolute;right:0;top:0;z-index:2}.hero-card.favourite .info[data-v-a5ce84e1]{background:transparent;color:var(--dark);z-index:3}.hero-card.favourite .info .classes img[data-v-a5ce84e1]{filter:invert(1)}.hero-card .favourite-bg[data-v-a5ce84e1],.hero-card .favourite-check[data-v-a5ce84e1]{display:none}.hero-card .bg[data-v-a5ce84e1]{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.hero-card .hero-image[data-v-a5ce84e1]{height:100%;overflow:hidden;position:relative;width:100%;z-index:2}.hero-card .hero-image .stroke[data-v-a5ce84e1]{content-visibility:auto;height:100%;left:-8px;position:absolute;transition:left .05s ease-out;width:100%}.hero-card .hero-image .stroke[data-v-a5ce84e1]:before{background:#fff;left:0;top:0}.hero-card .hero-image .stroke[data-v-a5ce84e1]:after,.hero-card .hero-image .stroke[data-v-a5ce84e1]: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-a5ce84e1]:after{background:var(--hero-color);left:4px;transition:background .1s ease-out,left .05s ease-out}.hero-card .hero-image img[data-v-a5ce84e1]{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-a5ce84e1]{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-a5ce84e1]{align-items:center;display:flex;gap:10px}.hero-card .info .name .rank-icon-wrapper[data-v-a5ce84e1]{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.hero-card .info .name .rank-icon-wrapper img[data-v-a5ce84e1]{width:40px}.hero-card .info .name h3[data-v-a5ce84e1]{font-family:MarvelRivalsBold,sans-serif;font-size:19px;font-weight:400;line-height:19px;text-transform:uppercase}.hero-card .info .classes[data-v-a5ce84e1]{display:flex;max-width:100%}.hero-card .info .classes img[data-v-a5ce84e1]{height:28px}.hero-card[data-v-a5ce84e1]{box-shadow:0 4px 20px #00000073}@media(hover:hover)and (pointer:fine){.hero-card[data-v-a5ce84e1]:focus,.hero-card[data-v-a5ce84e1]:hover{box-shadow:0 8px 32px #000000a6}}@media(hover:none){.hero-card[data-v-a5ce84e1]:active{box-shadow:0 8px 32px #000000a6}}.hero-card .check-corner[data-v-a5ce84e1]{position:absolute;right:0;top:0;z-index:2}.hero-card .hero-image[data-v-a5ce84e1]{overflow:hidden}.hero-card .hero-image img[data-v-a5ce84e1]{-o-object-position:center;object-position:center}.hero-card .hero-image.rarity-epic[data-v-a5ce84e1]:after,.hero-card .hero-image.rarity-legendary[data-v-a5ce84e1]:after,.hero-card .hero-image.rarity-rare[data-v-a5ce84e1]:after{bottom:0;content:"";height:8px;left:0;pointer-events:none;position:absolute;transform:skew(88.5deg) scaleX(5) translate(-50%);width:100%;z-index:3}.hero-card .hero-image.rarity-rare[data-v-a5ce84e1]:after{background:#65afe3}.hero-card .hero-image.rarity-epic[data-v-a5ce84e1]:after{background:#be85ef}.hero-card .hero-image.rarity-legendary[data-v-a5ce84e1]:after{background:#ffa72e}