body .product-preview.home-preview{--preview-gutter:24px;min-width:0;min-block-size:min-content;padding:var(--preview-gutter);margin:0;border:0;border-radius:0;background:var(--poster-bg);color:var(--poster-ink);box-shadow:none;align-self:stretch;width:100%;max-width:360px;justify-self:center;aspect-ratio:9/16;display:flex;flex-direction:column;scroll-margin-top:24px;position:relative;overflow:hidden;isolation:isolate;container-type:inline-size}.home-preview>*{flex-shrink:0;min-width:0}.home-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;color:var(--poster-ink)}.home-demo-tag{padding:4px 6px;background:var(--poster-ink);color:var(--poster-bg);font-size:10px;line-height:1.3}body .platform-home .home-preview h2{font-family:var(--sans);color:var(--poster-ink);font-size:19cqw;font-weight:900;line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere;margin:20px 0 8px}body .platform-home .home-preview-source{color:var(--poster-ink);font-size:11px;line-height:1.5;margin:0 0 20px}.home-preview-cutout{display:block;width:calc(100% + 2 * var(--preview-gutter));max-width:none;height:30cqw;margin-inline:calc(-1 * var(--preview-gutter));background:var(--poster-secondary);fill:var(--poster-graphic)}.home-preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 calc(-1 * var(--preview-gutter))}.home-preview-metric{min-width:0;display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:18px 10px 20px;border:0;border-radius:0;background:var(--poster-ink);color:var(--poster-bg);overflow-wrap:anywhere}.home-preview-metric:nth-child(2){padding-inline-start:var(--preview-gutter)}.home-preview-metric:last-child{padding-inline-end:var(--preview-gutter)}.home-preview-metric:first-child{grid-column:1/-1;padding:20px var(--preview-gutter) 24px;background:var(--poster-bg);color:var(--poster-ink)}.home-preview-metric:first-child dt{font-size:14px;font-weight:800}.home-preview-metric:first-child dd{font-size:35cqw;line-height:1;letter-spacing:-.065em;margin-bottom:8px}.home-wrapped{margin-block:24px 40px;scroll-margin-top:24px}.home-wrapped-example{display:flex;justify-content:center}[data-wrapped-entry]{scroll-margin-top:24px}.home-preview-metric dt{font-size:11px;font-weight:500;line-height:1.5;color:inherit}.home-preview-metric dd{margin:0 0 8px;font-family:var(--sans);font-size:11cqw;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.05;color:inherit}body .platform-home .home-preview-note{min-height:0;margin:auto 0 0;padding-top:18px;color:var(--poster-ink);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.home-preview:dir(rtl) .home-preview-metric dd,body .platform-home .home-preview:dir(rtl) h2{letter-spacing:normal}.home-preview:dir(rtl) .home-preview-cutout{transform:scaleX(-1)}@media (max-width:700px){body .product-preview.home-preview{--preview-gutter:20px}}.public-example-summary{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.public-example-summary>div{flex:1 1 120px;padding:18px;background:var(--surface-raised);border-radius:var(--radius-panel)}.public-example-summary dt{font-size:.9rem;color:var(--muted)}.public-example-summary dd{margin:8px 0 0;font-size:1.8rem;font-weight:600}.home-rendered-story{display:block;width:min(100%,270px);height:auto;margin:12px auto;border-radius:6px}.home-preview:has(.home-rendered-story) .home-preview-cutout{display:none}.home-preview-facts{margin-block:12px}.home-preview-facts summary{cursor:pointer;font-weight:600}.home-preview-facts .home-preview-metrics{padding-block:16px}