.rating.svelte-ybec56{display:flex;align-items:center;gap:.5em}.stars.svelte-ybec56{display:inline-block;height:1em;aspect-ratio:5 / 1}.stroke.svelte-ybec56,.fill.svelte-ybec56{position:absolute;width:100%;height:100%}.stroke.svelte-ybec56{background:url(./star-outline.02aab819.svg)}.fill.svelte-ybec56{background:url(./star.bda4d3e4.svg);clip-path:inset(0 calc(100% - (var(--rating) * 10%)) 0 0)}.featured.svelte-p5kmgp.svelte-p5kmgp{position:relative;display:grid;background:black}.backdrop.svelte-p5kmgp img.svelte-p5kmgp{width:100%;display:block}.backdrop.svelte-p5kmgp.svelte-p5kmgp:after{content:"";position:absolute;width:100%;height:8rem;left:0;bottom:0;background:linear-gradient(to top,black,transparent)}.info.svelte-p5kmgp.svelte-p5kmgp{display:flex;flex-direction:column;bottom:0;width:100%;padding:var(--side);margin-top:-4rem;gap:1rem}.info.svelte-p5kmgp h1.svelte-p5kmgp,.info.svelte-p5kmgp p.svelte-p5kmgp{margin:0}.info.svelte-p5kmgp p.svelte-p5kmgp{max-width:40ch}button.svelte-p5kmgp.svelte-p5kmgp{background:var(--accent);border:none;color:#000;padding:1rem}button.svelte-p5kmgp.svelte-p5kmgp:active{filter:brightness(.9)}@media (min-width: 80em){.featured.svelte-p5kmgp.svelte-p5kmgp{grid-template-columns:1fr 80em;grid-template-rows:auto}.info.svelte-p5kmgp.svelte-p5kmgp{position:absolute;justify-content:center;top:0;left:0;width:40em;height:100%;grid-column:1/2;margin:0}.backdrop.svelte-p5kmgp.svelte-p5kmgp{grid-column:2/3}.backdrop.svelte-p5kmgp.svelte-p5kmgp:after{width:15rem;height:100%;left:100px;left:0;bottom:0;background:linear-gradient(to right,black,transparent)}}.grid.svelte-1am2x26{display:grid;max-width:var(--column);margin:2em auto;gap:2em}iframe.svelte-1am2x26{aspect-ratio:16 / 9;width:100%}.data.svelte-1am2x26{display:grid;grid-template-columns:max-content 1fr;gap:1em}dt.svelte-1am2x26,dd.svelte-1am2x26{line-height:1}dt.svelte-1am2x26{text-transform:uppercase;font-size:.8rem;top:.2rem;opacity:.8}dd.svelte-1am2x26{margin:0}.genres.svelte-1am2x26{grid-column:2/5}@media (min-width: 45em){.data.svelte-1am2x26{display:grid;grid-template-columns:max-content 1fr max-content 1fr;gap:1em}}@media (min-width: 60em){.grid.svelte-1am2x26{grid-template-columns:1fr 1fr}.data.svelte-1am2x26{height:0}}