ul[data-v-1bbc6e00]{display:flex;height:300px;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;anchor-name:--my-carousel;scroll-marker-group:after}ul[data-v-1bbc6e00]::-webkit-scrollbar{display:none}li[data-v-1bbc6e00]{flex:0 0 100%;list-style-type:none;scroll-snap-align:center}ul[data-v-1bbc6e00]::scroll-button(*){background:#f2f4f6;border:0;border-radius:4px;color:#000000bf;cursor:pointer;font-size:1rem;opacity:.9;padding:1rem .25rem;position:absolute;position-anchor:--my-carousel;visibility:hidden}ul[data-v-1bbc6e00]:hover::scroll-button(*){visibility:visible}ul[data-v-1bbc6e00]::scroll-button(*):focus,ul[data-v-1bbc6e00]::scroll-button(*):hover{opacity:1}ul[data-v-1bbc6e00]::scroll-button(*):active{translate:1px 1px}ul[data-v-1bbc6e00]::scroll-button(*):disabled{cursor:unset;opacity:.5}ul[data-v-1bbc6e00]::scroll-button(left){bottom:calc(anchor(center) - 1rem);content:"🡰";right:calc(anchor(left) - 2rem)}ul[data-v-1bbc6e00]::scroll-button(right){bottom:calc(anchor(center) - 1rem);content:"🡲";left:calc(anchor(right) - 2rem)}ul[data-v-1bbc6e00]::scroll-marker-group{position:absolute;position-anchor:--my-carousel;background-color:#000;border-radius:1.5rem;display:flex;gap:8px;justify-content:center;justify-self:anchor-center;padding:6px 8px;top:calc(anchor(top) + .75rem)}li[data-v-1bbc6e00]::scroll-marker{background-color:#a3a3a3;border-radius:50%;content:"";height:8px;width:8px}li[data-v-1bbc6e00]::scroll-marker:hover{background-color:#d4d4d4}li[data-v-1bbc6e00]::scroll-marker:target-current{background-color:#fff;border-radius:8px;width:16px}