.screenshot-carousel:where(.astro-so564fbu){--slide-width:60%;--slide-gap:1.5rem;-webkit-user-select:none;user-select:none;margin-block:2rem;position:relative}@media (width<=50rem){.screenshot-carousel:where(.astro-so564fbu){--slide-width:85%;--slide-gap:.75rem}}.track:where(.astro-so564fbu){gap:var(--slide-gap);padding-inline:calc((100% - var(--slide-width)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:.5rem;display:flex;position:relative;overflow-x:auto}.track:where(.astro-so564fbu)::-webkit-scrollbar{display:none}.track:where(.astro-so564fbu):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:4px}.slide:where(.astro-so564fbu){flex:0 0 var(--slide-width);scroll-snap-align:center;border-radius:.5rem;margin:0;transition:filter .3s,opacity .3s,transform .3s;position:relative;overflow:hidden}.slide:where(.astro-so564fbu) img:where(.astro-so564fbu){width:100%;height:auto;display:block}:where(.astro-so564fbu)[data-ready] .slide:where(.astro-so564fbu):not([data-active]){filter:grayscale();opacity:.5;cursor:pointer;transform:scale(.92)}figcaption:where(.astro-so564fbu){inset-inline:0;color:#fff;text-align:center;font-size:var(--sl-text-base);background:linear-gradient(#0000,#000000b3);padding:2rem 1rem .75rem;position:absolute;bottom:0}.arrow:where(.astro-so564fbu){background:var(--sl-color-accent);width:2.75rem;height:2.75rem;color:var(--sl-color-black);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;transition:opacity .3s;display:none;position:absolute;top:50%;translate:0 -50%;box-shadow:0 .25rem .75rem #0000004d}:where(.astro-so564fbu)[data-ready] .arrow:where(.astro-so564fbu){display:grid}.arrow:where(.astro-so564fbu):hover{background:var(--sl-color-accent-high)}.arrow:where(.astro-so564fbu):focus-visible{outline:2px solid var(--sl-color-white);outline-offset:2px}.arrow:where(.astro-so564fbu):disabled{opacity:0;pointer-events:none}.arrow:where(.astro-so564fbu) svg:where(.astro-so564fbu){fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.arrow:where(.astro-so564fbu).prev{left:1rem}.arrow:where(.astro-so564fbu).next{right:1rem}@media (width<=50rem){.arrow:where(.astro-so564fbu){width:2.25rem;height:2.25rem}.arrow:where(.astro-so564fbu).prev{left:.25rem}.arrow:where(.astro-so564fbu).next{right:.25rem}}@media (prefers-reduced-motion:reduce){.slide:where(.astro-so564fbu),.arrow:where(.astro-so564fbu){transition:none}}.demo-video:where(.astro-iwfqfkjb){margin:0}.demo-video:where(.astro-iwfqfkjb) video:where(.astro-iwfqfkjb){border:1px solid var(--sl-color-gray-5);border-radius:.5rem;width:100%;height:auto;display:block;box-shadow:0 .25rem 1rem #00000014}figcaption:where(.astro-iwfqfkjb){text-align:center;font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);padding-block:.5rem}.steps:where(.astro-lcdefpme)>li:where(.astro-lcdefpme)::marker{font-size:var(--sl-text-h2);color:var(--sl-color-white);font-weight:600}.demos:where(.astro-lcdefpme),.features:where(.astro-lcdefpme){flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.demo-row:where(.astro-lcdefpme),.feature-row:where(.astro-lcdefpme){background:var(--sl-color-gray-7);border:1px solid var(--sl-color-gray-6);border-radius:.75rem;align-items:center;gap:2rem;padding:1.5rem 2rem;display:grid}.demo-row:where(.astro-lcdefpme){grid-template-columns:2fr 1fr}.message:where(.astro-lcdefpme){font-size:var(--sl-text-3xl);line-height:var(--sl-line-height-headings);color:var(--sl-color-white);margin:0}.disclaimer:where(.astro-lcdefpme){font-size:var(--sl-text-xl);line-height:var(--sl-line-height-headings);color:var(--sl-color-white);margin:0}.feature-row:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature-row:where(.astro-lcdefpme) .message:where(.astro-lcdefpme){font-size:var(--sl-text-xl)}.shots:where(.astro-lcdefpme){gap:.75rem;min-width:0;display:flex}.shots:where(.astro-lcdefpme) img:where(.astro-lcdefpme){border:1px solid var(--sl-color-gray-5);border-radius:.5rem;flex:1;min-width:0;max-width:100%;height:auto;box-shadow:0 .25rem 1rem #00000014}@media (width>=50rem){.demo-row:where(.astro-lcdefpme):nth-child(2n){grid-template-columns:1fr 2fr}.demo-row:where(.astro-lcdefpme):nth-child(2n) .message:where(.astro-lcdefpme){order:1}}@media (width<=50rem){.demo-row:where(.astro-lcdefpme),.feature-row:where(.astro-lcdefpme){grid-template-columns:1fr;gap:1rem;padding:1.25rem}}