section{timeline-scope:--carousel}.markers li:first-child{--i:1}.markers li:nth-child(2){--i:2}.markers li:nth-child(3){--i:3}.markers li:nth-child(4){--i:4}.slider{scroll-timeline:--carousel x;aspect-ratio:16/9;scroll-snap-type:x mandatory;overscroll-behavior:contain;scroll-behavior:smooth;border-radius:4px;flex-direction:row;width:100%;display:flex;overflow:hidden;box-shadow:0 0 50px 10px #ffffff1a}.markers button{aspect-ratio:1;opacity:.7;width:16px;animation:linear activate;animation-timeline:--carousel;animation-range:calc((var(--i) - 1) * 25%) calc(var(--i) * 25% + 1px);background:#7877c64d;border-radius:50%;display:block}@keyframes activate{0%,to{opacity:1;background:#09f}}.slider a{scroll-snap-align:center;flex:0 0 100%;width:100%}.slider img{object-fit:contain;width:100%;height:100%}.markers{flex-direction:row;gap:.25em;font-size:2em;list-style:none;display:flex;position:absolute;bottom:-1.5rem;left:50%;translate:-55%}