.dept-loop{block-size:clamp(7.5rem,5rem + 7vw,11.5rem);margin:var(--space-3) 0 0;border-radius:var(--radius-lg);background:var(--film-black);color:var(--film-muted);place-items:center;display:grid;position:relative;overflow:hidden}@media (max-width:1023px){.dept-loop[data-filtered]{display:none}}.dept-loop .dept-loop__media{aspect-ratio:2;background:var(--film-black);block-size:100%;max-inline-size:100%;display:block;position:relative;inset:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.dept-loop__media :is(.loop__poster,.loop__video){object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.dept-loop__media .loop__video{opacity:0;transition:opacity .6s linear}.dept-loop__media[data-playing] .loop__video{opacity:1}.dept-loop__note{font-size:var(--text-2xs);letter-spacing:.02em;position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-3)}@media (prefers-reduced-motion:reduce){.dept-loop__media .loop__video{display:none}}.node-chip--still{padding-inline-start:var(--space-1)}.node-chip__still{aspect-ratio:16/9;object-fit:cover;background:var(--film-black);border-radius:999px;flex:none;block-size:auto;inline-size:3.5rem}.node-chips:has(.node-chips__note){flex-wrap:wrap}.node-chips__note{color:var(--muted);font-size:var(--text-xs);flex-basis:100%;margin:0}
