.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}}