.mcard.svelte-1tcthvq{display:block;width:100%}.art.svelte-1tcthvq{position:relative;border:1px solid var(--line-soft);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:#0a0a0bd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent);font-size:.74rem;font-weight:700;padding:3px 7px;border:1px solid var(--line)}.flag.svelte-1tcthvq{position:absolute;top:8px;right:8px;background:#0a0a0bd1;color:var(--text-3);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px}.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}.meta.svelte-1tcthvq h3:where(.svelte-1tcthvq){font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year.svelte-1tcthvq{font-size:.78rem;color:var(--text-3)}