.c5424f3fd{--color-accent-surface:color-mix(in srgb, var(--color-soft-blue) 45%, var(--color-paper));--stack-columns:var(--split-columns);--stack-alignment:center;--stack-space-before:var(--section-gap);--stack-space-after:0px}.c39d7265b{z-index:1}.c703b10ff{z-index:2}.c3ca1ca2a{width:100%;max-width:var(--frame-width);margin-inline:auto}.c60a2b90c{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-raise)}.ca790bbed{margin-block-start:var(--section-gap)}.cc220e9b6{padding-inline:var(--section-gutter,var(--page-gutter))}.c911c80ea{padding-top:calc(var(--site-nav-height) + var(--document-top-space));padding-bottom:var(--section-gap)}.cee8ee4f5{grid-template-columns:var(--split-columns);gap:var(--split-row-gap,var(--split-gap)) var(--split-gap);align-items:center;display:grid}.cafb76ace{border-radius:var(--section-radius,calc(var(--radius-showcase) * 2));position:relative}.cafb76ace:before{content:"";z-index:-2;border-radius:inherit;background:var(--feature-ground,color-mix(in srgb, var(--color-soft-blue) 24%, var(--color-surface)));position:absolute;inset:0}.c4b5100bf{padding:var(--space-9) var(--section-gutter) var(--space-8)}@media (width<=760px){.c4b5100bf{padding-block:var(--space-8) var(--space-7)}}.cf69a13a6{--feature-ground:var(--color-dark);--color-text:var(--color-paper);--color-text-muted:var(--color-text-muted-inverse);--color-surface:var(--color-dark);--color-hover:var(--color-hover-inverse);--color-border-strong:var(--color-border-strong-inverse);--color-focus:var(--color-focus-inverse);--color-border:var(--color-border-inverse);--color-accent-text:var(--color-light-green);--assurance-color:var(--color-light-green);--color-accent-surface:var(--color-forest);color:var(--color-text)}.cc4e31f5a{--feature-ground:#e2ebd9;--color-accent-surface:#c4d5b6}.c392d4e7a{--feature-ground:#eeebe2;--color-accent-surface:#d7dccf}.cd5dfb0b5{--feature-ground:#294331;--color-text:#f6f5f0;--color-text-muted:#dce6d6;--color-focus:var(--color-focus-inverse);--color-accent-surface:#587454}.c6a2f4e1d[data-hold]:after{content:"";height:calc(var(--tab-count) * 75svh);display:block}.c6a2f4e1d[data-hold]>.c16bed142{top:max(var(--space-5), calc((100svh - var(--tabs-height)) / 2));position:sticky}.c16bed142{--demo-height:clamp(480px, calc(100svh - 300px), 600px);--split-row-gap:0;--tab-progress:0;grid-template-rows:auto 1fr auto;min-width:0}.c16bed142>h2{margin-bottom:var(--space-5);color:var(--color-text-muted);grid-area:1/1}.c5115685d,.c1c2f47a9{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;min-width:0;display:grid}.c1c2f47a9>:first-child{grid-area:2/1;align-self:start}.c1c2f47a9>:last-child{grid-area:1/2/-1;align-self:center}.c1c2f47a9>:last-child:has([data-screenshot]){justify-self:center;max-width:100%}.c4e4ec0d6{z-index:1;min-width:0;margin-top:var(--space-7);scrollbar-width:none;align-self:end;gap:var(--space-5);grid-area:3/1;display:flex;position:relative;overflow-x:auto}.c4e4ec0d6::-webkit-scrollbar{display:none}.c4e4ec0d6 img{object-fit:contain;width:22px;height:22px}.cebee41ac{transform-origin:0;background:var(--color-accent-text);width:100%;height:2px;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.c4e4ec0d6 [aria-selected=true] .cebee41ac{transform:scaleX(var(--tab-progress))}.c1c2f47a9{transition:opacity var(--duration-overlay) var(--ease-out-cubic) var(--duration-hover)}.c1c2f47a9[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-hover) ease-in, visibility 0s var(--duration-hover)}@media (width<=1100px){.c16bed142{grid-template-rows:auto auto auto}.c16bed142>h2{display:none}.c4e4ec0d6{grid-area:1/1/2/-1;margin:0}.c5115685d{margin-top:var(--space-6);grid-area:2/1/-1/-1}.c1c2f47a9>:first-child{grid-area:1/1/2/-1}.c1c2f47a9>:last-child{margin-top:var(--space-7);grid-area:2/1/3/-1;align-self:start}}@media (width<=760px){.c16bed142{--demo-height:480px}}@media (width<=800px){.c4e4ec0d6{margin-right:calc(-1 * var(--section-gutter,var(--page-gutter)));padding-right:var(--section-gutter,var(--page-gutter))}}@media (prefers-reduced-motion:reduce){.c1c2f47a9,.c1c2f47a9[aria-hidden=true]{transition:none;transform:none}}.cc8b71d3f{white-space:nowrap}.cc8b71d3f img{vertical-align:-.04em;width:.8em;height:.8em;margin-right:.18em;display:inline-block}.c23a623e0{gap:var(--space-3);height:var(--demo-height);perspective:1000px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cca29011d{min-width:0}.ca2e22ef5{height:100%}.ca2e22ef5[hidden]{display:none}.cdbb895f6{--showcase-bleed-top:0px;--showcase-bleed-bottom:0px;height:var(--demo-height)}.cdbb895f6>:last-child{place-items:center;height:100%;display:grid}.cdbb895f6 .c9772720b{translate:0 -2%}.c9772720b{--verification-play-state:paused;width:min(100%, 720px, calc(var(--stack-visual-height,650px) * 720 / 650));margin:0;justify-self:center;height:auto;margin-inline:auto;display:block;position:relative;overflow:visible}.cbb0629a7{width:100%;height:auto;display:block}.c9772720b[data-running]:not([data-paused]){--verification-play-state:running}.c731011af{opacity:0;stroke-dasharray:10 190;stroke-dashoffset:14px}.c9772720b[data-motion-ready] .c358354eb{animation:cf9bf12f9 1.1s var(--ease-out-cubic) .25s both;animation-play-state:var(--verification-play-state)}.c9772720b[data-motion-ready] .cd5a4ffff{animation:c416589f0 1.1s var(--ease-out-cubic) .25s both;animation-play-state:var(--verification-play-state)}.c9772720b[data-motion-ready] .c731011af{animation:5.2s linear 1.35s infinite both c711b329a;animation-play-state:var(--verification-play-state)}.c9772720b[data-motion-ready] .cb6ce54a7{animation-name:c42fa1f9a}@keyframes cf9bf12f9{0%{transform:translateY(208px)}to{transform:translateY(0)}}@keyframes c416589f0{0%{transform:scaleY(.11)}to{transform:scaleY(1)}}@keyframes c711b329a{0%{opacity:0;stroke-dashoffset:14px}5%{opacity:.8}40%{opacity:.8}46%,to{opacity:0;stroke-dashoffset:-114px}}@keyframes c42fa1f9a{0%,46%{opacity:0;stroke-dashoffset:14px}51%{opacity:.8}78%{opacity:.8}84%,to{opacity:0;stroke-dashoffset:-114px}}@media (prefers-reduced-motion:reduce){.c9772720b[data-motion-ready] :is(.c358354eb,.cd5a4ffff,.c731011af){animation:none}.c731011af{display:none}}