.film-screen.svelte-lc92hv{aspect-ratio:4/3;border:1px solid var(--border);background:var(--background);box-shadow:0 24px 64px -32px color-mix(in oklab, var(--foreground) 18%, transparent);border-radius:.75rem;position:relative;overflow:hidden}video.svelte-lc92hv,.film-poster.svelte-lc92hv{object-fit:cover;background:var(--background);width:100%;height:100%;display:block}.film-poster.svelte-lc92hv{position:absolute;inset:0}.film-poster[hidden].svelte-lc92hv{display:none}.film-play.svelte-lc92hv{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.film-play[hidden].svelte-lc92hv{display:none}.film-play.svelte-lc92hv:focus-visible{outline:none}.film-pill.svelte-lc92hv{border:1px solid var(--dark);background:var(--dark);color:var(--light);white-space:nowrap;box-shadow:0 18px 40px -18px color-mix(in oklab, var(--foreground) 40%, transparent);border-radius:9999px;align-items:center;gap:1rem;padding:.625rem 1.75rem .625rem .625rem;font-size:1.125rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.film-play.svelte-lc92hv:hover .film-pill:where(.svelte-lc92hv){transform:scale(1.03)}.film-play.svelte-lc92hv:focus-visible .film-pill:where(.svelte-lc92hv){outline:2px solid var(--ring);outline-offset:3px}.film-pill-icon.svelte-lc92hv{background:var(--brand);width:3.25rem;height:3.25rem;color:var(--brand-foreground);border-radius:9999px;flex:none;place-items:center;display:grid}.film-pill-icon.svelte-lc92hv svg{margin-left:2px}.film-pill-duration.svelte-lc92hv{color:color-mix(in oklab, var(--light) 65%, transparent);font-weight:500}@media (prefers-reduced-motion:reduce){.film-pill.svelte-lc92hv{transition:none}}@media (width<=767px){.film-pill.svelte-lc92hv{gap:.75rem;padding:.5rem 1.25rem .5rem .5rem;font-size:1rem}.film-pill-icon.svelte-lc92hv{width:2.75rem;height:2.75rem}}@media (width>=768px){.product-film.svelte-lc92hv{border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);background:color-mix(in oklab, var(--foreground) 10%, transparent);box-shadow:0 24px 60px -28px color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:30px;padding:8px 10px;position:relative}.product-film.svelte-lc92hv:before{content:"";background:color-mix(in oklab, var(--foreground) 20%, transparent);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:3px}.film-screen.svelte-lc92hv{box-shadow:none;border:0;border-radius:20px}}