.scroll--root:where(.astro-xckpjzus){--_scroll-item-size:min(var(--itemMinWidth,80cqi), var(--itemWidth,30rem));--_scroller-accent-color:var(--accentColor,currentColor);--_scroller-gap:var(--gap,2rem);--_inline-scroll-padding:var(--inlineScrollPadding,2rem);--marker-size:1rem;--scrollbar-height:10px;display:grid;container:--main/inline-size}.scroll--viewport:where(.astro-xckpjzus){container:--main-scroller / inline-size scroll-state;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:var(--space-m);place-items:center start;scroll-padding-inline:0;display:flex;overflow:auto hidden}@media (prefers-reduced-motion:no-preference){.scroll--viewport:where(.astro-xckpjzus){scroll-behavior:smooth}}.scroll--viewport:where(.astro-xckpjzus)::-webkit-scrollbar{height:var(--scrollbar-height)}.scroll--viewport:where(.astro-xckpjzus)::-webkit-scrollbar-track{background:padding-box padding-box}.scroll--viewport:where(.astro-xckpjzus)::-webkit-scrollbar-thumb{background:var(--_scroller-accent-color);border-radius:1000px}:where(.astro-xckpjzus)[data-marker] .scroll--viewport:where(.astro-xckpjzus){scroll-marker-group:after}.scroll--content:where(.astro-xckpjzus){gap:var(--_scroller-gap);padding-block:var(--space-m);margin-block:0;margin-inline:auto;list-style-type:none;display:flex}:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):before,:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):after{content:"";flex-shrink:0;inline-size:25cqi;display:block}@container style(--scrollAlign:center){:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):before,:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):after{inline-size:90cqi}}:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):after{inline-size:90cqi}@container style(--scrollAlign:center){:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):before{xinline-size:90cqi}}.scroll--content:where(.astro-xckpjzus)>*{scroll-snap-align:var(--scrollAlign);width:var(--_scroll-item-size);flex-shrink:0;scroll-margin-inline-start:var(--_inline-scroll-padding);scroll-margin-inline-end:var(--space-m);container-type:scroll-state}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view(x)){.scroll--content:where(.astro-xckpjzus)>*{animation-name:animate-in,animate-out;animation-duration:0s,0s;animation-timing-function:linear,linear;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:forwards,forwards;animation-timeline:view(inline);animation-range:entry,exit}}}@keyframes animate-in{0%{transform-origin:0;opacity:.5;scale:.8}to{transform-origin:0;opacity:1}}@keyframes animate-out{0%{transform-origin:100%;opacity:1}to{transform-origin:100%;opacity:.3;scale:.8}}:where(.astro-xckpjzus):is([data-marker] .scroll--viewport)::-webkit-scrollbar{height:0}:where(.astro-xckpjzus):is([data-marker] .scroll--viewport)::-webkit-scrollbar-thumb{background:0 0;border-radius:1000px}:where(.astro-xckpjzus)[data-marker] .scroll--viewport:where(.astro-xckpjzus)::scroll-marker-group{box-sizing:border-box;gap:var(--space-2xs);width:100%;padding-block:var(--space-2xs);height:calc(var(--marker-size) + var(--space-2xs) * 2);justify-content:center;display:none}@container --main-scroller scroll-state(scrollable:inline){:where(.astro-xckpjzus)[data-marker] .scroll--viewport:where(.astro-xckpjzus)::scroll-marker-group{display:flex}}:where(.astro-xckpjzus)[data-marker] .scroll--content:where(.astro-xckpjzus)>li::scroll-marker{content:"";width:var(--marker-size);height:var(--marker-size);background:var(--_scroller-accent-color);opacity:.5;border-radius:50%;transition:all .1s;display:block}:where(.astro-xckpjzus)[data-marker] .scroll--content:where(.astro-xckpjzus)>li:where(.astro-xckpjzus)::scroll-marker:active{opacity:1;transform:scale(.8)}:where(.astro-xckpjzus)[data-marker] .scroll--content:where(.astro-xckpjzus)>li:where(.astro-xckpjzus)::scroll-marker:target-current{opacity:1}section:where(.astro-m44ie4wd){background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:2rem}h1:where(.astro-m44ie4wd){color:#1a202c;margin-bottom:1rem}h2:where(.astro-m44ie4wd){color:#2d3748;margin-bottom:1rem;font-size:1.5rem}h3:where(.astro-m44ie4wd){color:#4a5568;margin-bottom:.5rem;font-size:1.25rem}p:where(.astro-m44ie4wd){color:#4a5568;margin-bottom:1rem}code:where(.astro-m44ie4wd){color:#e53e3e;background:#edf2f7;border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.custom-scroller:where(.astro-m44ie4wd){border:2px dashed #9f7aea;border-radius:12px}.scroller-demos:where(.astro-m44ie4wd) li:where(.astro-m44ie4wd){color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;min-height:60px;margin:.5rem 0;padding:1rem 1.5rem;font-weight:500;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}:where(.astro-m44ie4wd):is(.scroller-demos li):nth-child(2n){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}:where(.astro-m44ie4wd):is(.scroller-demos li):nth-child(3n){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}:where(.astro-m44ie4wd):is(.scroller-demos li):nth-child(4n){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}