.media-card[data-v-84c2f6ed]{background-color:#0000004d;cursor:pointer;line-height:0;overflow:hidden;position:relative}.media-card[data-v-84c2f6ed]:before{background:linear-gradient(180deg,rgba(255,188,19,0) 30%,var(--Orange,#ff6a00) 100%);border:2px solid var(--color-orange);box-sizing:border-box;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--animation-duration) var(--animation-timing);width:100%;z-index:1}.media-card.size-l[data-v-84c2f6ed]{aspect-ratio:450/253}.media-card.size-m[data-v-84c2f6ed]{aspect-ratio:450/311}.media-card.size-s[data-v-84c2f6ed]{aspect-ratio:450/651}.media-card i[data-v-84c2f6ed]{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all var(--animation-duration) var(--animation-timing);width:100%;z-index:1}.media-card i svg[data-v-84c2f6ed]{color:var(--color-white);display:block;width:30%}.media-card img[data-v-84c2f6ed]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration) var(--animation-timing);width:100%}.media-card div[data-v-84c2f6ed]{align-items:center;bottom:25px;color:#fff;display:flex;font-size:15px;font-weight:500;gap:10px;left:21px;line-height:1;opacity:0;position:absolute;transition:all var(--animation-duration) var(--animation-timing);width:calc(100% - 42px);z-index:1}@media (max-width:479px){.media-card div[data-v-84c2f6ed]{bottom:10px;gap:5px;left:10px;width:calc(100% - 20px)}}.media-card div svg[data-v-84c2f6ed]{flex-shrink:0}.media-card div span[data-v-84c2f6ed]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover) and (pointer:fine){.media-card[data-v-84c2f6ed]:hover:before{opacity:1}.media-card:hover i[data-v-84c2f6ed]{background-color:transparent}.media-card:hover i svg[data-v-84c2f6ed]{color:var(--color-orange)}.media-card:hover img[data-v-84c2f6ed]{transform:scale(1.1)}.media-card:hover div[data-v-84c2f6ed]{opacity:1}}