.horizontal-media-scroller{--size:150px;gap:calc(var(--gap)/2);overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-left:var(--gap);scroll-padding-right:var(--gap);scroll-padding-inline:var(--gap);grid-auto-flow:column;margin:0;padding-block-start:calc(var(--gap)/2);padding-block-end:calc(var(--gap)/2);padding-inline-start:var(--gap);padding-inline-end:var(--gap);display:grid;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.horizontal-media-scroller{scroll-behavior:smooth}}.horizontal-media-scroller>li{display:inline-block}.horizontal-media-scroller>li:last-of-type figure{position:relative}.horizontal-media-scroller>li:last-of-type figure:after{content:"";inline-size:var(--gap);block-size:100%;position:absolute;inset-block-start:0;inset-inline-end:calc(var(--gap)*-1)}.horizontal-media-scroller figure{scroll-snap-align:start}.horizontal-media-scroller a{color:inherit;outline-offset:12px;text-decoration:none;display:inline-block}.horizontal-media-scroller a:focus{outline-offset:7px}@media (prefers-reduced-motion:no-preference){.horizontal-media-scroller a{transition:outline-offset .25s}}