.scroll-snap-x{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}.scroll-smooth{scroll-behavior:smooth}.image-block-with-dots:after{content:"";pointer-events:none;width:6px;height:6px;transform:translateX(var(--image-block-active-dot-left));background-color:#1d242f;border-radius:100%;transition:transform .15s ease-in;position:absolute;bottom:10px;left:0}.image-block-with-dots:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#6c717833 2px,#0000 2.5px);background-position:var(--image-block-dots-offset) center;background-repeat:repeat-x;background-size:6px 6px;width:18px;height:6px;transition:background-position .15s ease-in;position:absolute;bottom:10px;left:0;overflow:hidden}.image-block-with-dots-right:before{left:auto;right:10px}.image-block-with-dots-right:after{right:calc(22px - var(--image-block-active-dot-left));left:auto}