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