.mcard.svelte-1tcthvq{display:block;width:100%}.art.svelte-1tcthvq{position:relative;border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;transition:border-color .18s ease}.mcard.svelte-1tcthvq:hover .art:where(.svelte-1tcthvq){border-color:var(--accent)}.rate.svelte-1tcthvq{position:absolute;top:8px;left:8px;background:#080809eb;color:var(--accent);font-size:.74rem;font-weight:700;padding:3px 7px;border:1px solid var(--line);border-radius:var(--radius-sm)}.hover.svelte-1tcthvq{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(to top,rgba(5,5,6,.9),transparent 55%);opacity:0;transition:opacity .18s ease}.mcard.svelte-1tcthvq:hover .hover:where(.svelte-1tcthvq){opacity:1}.play.svelte-1tcthvq{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.meta.svelte-1tcthvq{padding:10px 2px 0}.titlewrap.svelte-1tcthvq{overflow:hidden}.mtitle.svelte-1tcthvq{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtitle.marquee.svelte-1tcthvq{overflow:visible;text-overflow:clip;will-change:transform;animation:svelte-1tcthvq-marquee var(--md) ease-in-out infinite alternate}@keyframes svelte-1tcthvq-marquee{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--mx))}}.year.svelte-1tcthvq{font-size:.78rem;color:var(--text-3)}