.media-row{--media-row-height:clamp(15rem, 42svh, 22rem);--media-row-inset:1rem;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:var(--media-row-inset);scroll-padding-inline:var(--media-row-inset);overflow-x:auto}@media (min-width:40rem){.media-row{--media-row-inset:2rem}}@media (min-width:48rem){.media-row{--media-row-height:clamp(20rem, 60svh, 34rem)}}@media (min-width:64rem){.media-row{--media-row-inset:calc(2.75rem + max(0px, (100% - 75rem) / 2))}}.media-row-track{width:max-content;height:var(--media-row-height);display:flex}.media-row-set{align-items:flex-start;gap:1rem;display:flex}.media-row-set[data-copy]{display:none}.media-row-tile{height:calc(var(--media-row-height) * var(--tile-share));margin-top:calc(var(--media-row-height) * var(--tile-offset));aspect-ratio:var(--tile-aspect)}.media-row-toggle{display:none}@media (hover:hover) and (pointer:fine) and (min-width:48rem) and (prefers-reduced-motion:no-preference){.media-row{scroll-snap-type:none;overflow-x:clip}.media-row-set{padding-inline-end:1rem}.media-row-set[data-copy]{display:flex}.media-row-track{animation:media-row-drift calc(var(--media-row-pace) * var(--media-row-count)) linear infinite}.media-row-track:hover,.media-row[data-paused] .media-row-track,.media-row[data-offscreen] .media-row-track{animation-play-state:paused}.media-row-toggle{display:flex}}@keyframes media-row-drift{to{translate:calc(-100% / var(--media-row-copies)) 0}}
