html{color-scheme:dark;font-family:system-ui}.carousel[data-astro-cid-mhcmuvdi]{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;scroll-marker-group:after;grid-auto-flow:column;overflow-x:auto;&::scroll-marker-group{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;gap:10px;padding:5px;scroll-padding:15px;display:flex;position:absolute;bottom:2px;overflow:auto;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}& li{scroll-snap-align:center;scroll-snap-stop:always;flex-shrink:0;&:target-current{transform:scale(.5)}&::scroll-marker{content:" ";outline-offset:4px;-webkit-tap-highlight-color:transparent;scroll-snap-align:center;opacity:.2;border:1px solid light-dark(#000,#fff);border-radius:50%;width:8px;height:8px;transition:width .5s}&::scroll-marker:is(:hover,:focus-visible){border-color:light-dark(#000,#fff)}&::scroll-marker:target-current{opacity:1;background:light-dark(#000,#fff)}}&::scroll-button(*){z-index:2;cursor:pointer;backdrop-filter:blur(3px);background:#ffffff59;border:1px solid light-dark(#00000026,#ffffff4f);border-radius:50%;place-items:center;width:40px;height:40px;margin:0;padding:0;line-height:0;transition:opacity .25s,background .5s;display:grid;position:absolute}&::scroll-button(*):hover{background:#ffffffb3}&::scroll-button(*):disabled{opacity:0;cursor:default;pointer-events:none}&::scroll-button(right){content:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' id='arrow'%3E%3Cpath d='M8.29289 2.29289C8.68342 1.90237 9.31658 1.90237 9.70711 2.29289L14.2071 6.79289C14.5976 7.18342 14.5976 7.81658 14.2071 8.20711L9.70711 12.7071C9.31658 13.0976 8.68342 13.0976 8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L11 8.5H1.5C0.947715 8.5 0.5 8.05228 0.5 7.5C0.5 6.94772 0.947715 6.5 1.5 6.5H11L8.29289 3.70711C7.90237 3.31658 7.90237 2.68342 8.29289 2.29289Z'/%3E%3C/svg%3E");right:4px}&::scroll-button(left){content:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' id='arrow'%3E%3Cpath transform='matrix(-1 0 0 1 15 0)' d='M8.29289 2.29289C8.68342 1.90237 9.31658 1.90237 9.70711 2.29289L14.2071 6.79289C14.5976 7.18342 14.5976 7.81658 14.2071 8.20711L9.70711 12.7071C9.31658 13.0976 8.68342 13.0976 8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L11 8.5H1.5C0.947715 8.5 0.5 8.05228 0.5 7.5C0.5 6.94772 0.947715 6.5 1.5 6.5H11L8.29289 3.70711C7.90237 3.31658 7.90237 2.68342 8.29289 2.29289Z'/%3E%3C/svg%3E");left:4px}}@supports not selector(::scroll-button(*)){.carousel[data-astro-cid-mhcmuvdi]{display:none}p[data-astro-cid-mhcmuvdi]{text-align:center}p[data-astro-cid-mhcmuvdi]:before{content:"This browser doesn't support ::scroll-button. This demo requires CSS carousel features available in Chrome 135 and Edge 135.";color:light-dark(#000,#fff);padding-inline:5px;font-size:1.5rem;font-weight:100;@media (width<=1024px){font-size:1rem}}}