/* Only the component's own nodes are styled here. */
.pixel-scroll { position: relative; margin: 0 auto; width: 100%; max-width: var(--pixel-max-width, none); aspect-ratio: var(--pixel-aspect, 1440 / 851); overflow: hidden; overflow: clip; background: var(--pixel-gray, #C6C6C6); }
.pixel-scroll__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: translate3d(0, 0, 0); }
.pixel-scroll__mask { position: absolute; inset: auto 0 0; display: block; width: 100%; height: auto; pointer-events: none; fill: var(--pixel-gray, #C6C6C6); }
@media (prefers-reduced-motion: reduce) { .pixel-scroll__image { transform: none !important; } }