.media-card[data-v-1b3652ac]{background-color:#0000004d;border-radius:6px;cursor:pointer;line-height:0;overflow:hidden;position:relative}.media-card[data-v-1b3652ac]:before{background:linear-gradient(180deg,rgba(255,188,19,0) 30%,var(--Yellow,#ffbc13) 100%);border:2px solid var(--color-yellow);border-radius:6px;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-1b3652ac]{aspect-ratio:450/253}.media-card.size-m[data-v-1b3652ac]{aspect-ratio:450/311}.media-card.size-s[data-v-1b3652ac]{aspect-ratio:450/651}.media-card i[data-v-1b3652ac]{align-items:center;aspect-ratio:1/1;background:var(--color-white);border-radius:100%;display:flex;height:auto;justify-content:center;left:50%;max-width:86px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--animation-duration) var(--animation-timing);width:23%;z-index:1}.media-card i svg[data-v-1b3652ac]{color:var(--color-black);display:block;height:100%;width:100%}.media-card img[data-v-1b3652ac]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--animation-duration) var(--animation-timing);width:100%}@media(hover:hover)and (pointer:fine){.media-card[data-v-1b3652ac]:hover:before{opacity:1}.media-card:hover i[data-v-1b3652ac]{background:var(--color-yellow);max-width:100px;width:27%}.media-card:hover img[data-v-1b3652ac]{transform:scale(1.1)}}