.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;container:--main / inline-size;display:grid}.scroll--viewport:where(.astro-xckpjzus){container:--main-scroller / inline-size scroll-state;display:flex;place-items:center start;overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:var(--space-m);scroll-padding-inline:0}@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:none;background-clip: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){display:flex;list-style-type:none;gap:var(--_scroller-gap);margin-block:0;margin-inline:auto;padding-block:var(--space-m)}:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):before,:where(.astro-xckpjzus):is([data-scrolling=forced] .scroll--content):after{content:"";display:block;inline-size:25cqi;flex-shrink:0}@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)>*{container-type:scroll-state;scroll-snap-align:var(--scrollAlign);scroll-margin-inline-start:var(--_inline-scroll-padding);scroll-margin-inline-end:var(--space-m);flex-shrink:0;width:var(--_scroll-item-size)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view(x)){.scroll--content:where(.astro-xckpjzus)>*{animation:linear forwards animate-in,linear forwards animate-out;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%;scale:.8;opacity:.3}}:where(.astro-xckpjzus):is([data-marker] .scroll--viewport)::-webkit-scrollbar{height:0}:where(.astro-xckpjzus):is([data-marker] .scroll--viewport)::-webkit-scrollbar-thumb{background:none;border-radius:1000px}:where(.astro-xckpjzus)[data-marker] .scroll--viewport:where(.astro-xckpjzus)::scroll-marker-group{box-sizing:border-box;width:100%;display:none;gap:var(--space-2xs);justify-content:center;padding-block:var(--space-2xs);height:calc(var(--marker-size) + var(--space-2xs) * 2)}@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:"";display:block;width:var(--marker-size);height:var(--marker-size);background:var(--_scroller-accent-color);border-radius:50%;opacity:.5;transition:all .1s}: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){border:1px solid #e2e8f0;border-radius:8px;padding:2rem;background:#f8fafc}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){margin-bottom:1rem;color:#4a5568}code:where(.astro-m44ie4wd){background:#edf2f7;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#e53e3e}.custom-scroller:where(.astro-m44ie4wd){border:2px dashed #9f7aea;border-radius:12px}.scroller-demos:where(.astro-m44ie4wd) li:where(.astro-m44ie4wd){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin:.5rem 0;min-height:60px;display:flex;align-items:center;justify-content:center;font-weight:500;text-align:center;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s}:where(.astro-m44ie4wd):is(.scroller-demos li):nth-child(2n){background:linear-gradient(135deg,#f093fb,#f5576c)}:where(.astro-m44ie4wd):is(.scroller-demos li):nth-child(3n){background:linear-gradient(135deg,#4facfe,#00f2fe)}:where(.astro-m44ie4wd):is(.scroller-demos li):nth-child(4n){background:linear-gradient(135deg,#43e97b,#38f9d7)}