demo-container { display: block; border: 2px solid rgb(189, 189, 189); padding: 25px 10px; border-radius: 4px; width: 300px; }
demo-object { display: flex; gap: 10px; padding-left: 0px; margin: 32px 0px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; background-color: rgb(224, 255, 253); }
block-block { background-color: rgb(238, 238, 238); flex: 0 0 25%; scroll-snap-align: start; text-align: center; line-height: 55px; }
block-block::scroll-marker { content: " "; border: 1px solid rgb(0, 0, 255); height: 15px; width: 15px; }
.element { scroll-marker-group: before; }
::scroll-marker-group { display: flex; gap: 3px; }
::scroll-marker:target-current { background-color: rgb(0, 0, 255); }