.ds-example:where(.astro-ssri6nte){border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);background:var(--cp-bg);color:var(--cp-fg);font-family:var(--cp-font-sans);letter-spacing:var(--cp-tracking-body);margin:1.5rem 0;font-size:.8125rem;line-height:1.5;overflow:hidden}.ds-example-body:where(.astro-ssri6nte){padding:1.25rem}.ds-example:where(.astro-ssri6nte) p:where(.astro-ssri6nte){margin:0}.ds-example:where(.astro-ssri6nte) strong:where(.astro-ssri6nte){font-weight:500}.ds-example:where(.astro-ssri6nte) small:where(.astro-ssri6nte){color:var(--cp-fg-muted);font-size:.75rem}.ds-example:where(.astro-ssri6nte) figcaption:where(.astro-ssri6nte){border-top:1px solid var(--cp-border);color:var(--cp-fg-muted);padding:.625rem 1rem;font-size:.75rem}.ds-stack:where(.astro-ssri6nte),.ds-fonts:where(.astro-ssri6nte){gap:1.25rem;display:grid}.ds-fonts:where(.astro-ssri6nte)>div:where(.astro-ssri6nte)+div:where(.astro-ssri6nte){border-top:1px solid var(--cp-border);padding-top:1rem}.ds-caption:where(.astro-ssri6nte){color:var(--cp-fg-muted);margin-bottom:.5rem;font-size:.75rem;display:block}.ds-display:where(.astro-ssri6nte){font-family:var(--cp-font-display);letter-spacing:var(--cp-tracking-heading);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;line-height:1.2}.ds-mono:where(.astro-ssri6nte),.ds-console:where(.astro-ssri6nte){font-family:var(--cp-font-mono);letter-spacing:0;overflow-wrap:anywhere}.ds-serif:where(.astro-ssri6nte){font-family:var(--cp-font-serif);font-size:1.5rem;font-weight:400}.ds-row:where(.astro-ssri6nte){flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ds-button:where(.astro-ssri6nte){border-radius:var(--cp-radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:2.25rem;padding:.25rem .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.ds-primary:where(.astro-ssri6nte){background:var(--cp-fg);color:var(--cp-bg)}.ds-secondary:where(.astro-ssri6nte){background:var(--cp-surface);color:var(--cp-fg);border-color:var(--cp-border)}.ds-ghost:where(.astro-ssri6nte){color:var(--cp-fg-muted)}.ds-destructive:where(.astro-ssri6nte){background:var(--cp-danger);color:#fff}.ds-disabled:where(.astro-ssri6nte){opacity:.5}.ds-field:where(.astro-ssri6nte){gap:.5rem;max-width:24rem;display:grid}.ds-field:where(.astro-ssri6nte) label:where(.astro-ssri6nte){font-weight:500}.ds-field:where(.astro-ssri6nte) input:where(.astro-ssri6nte){box-sizing:border-box;border:1px solid var(--cp-border);border-radius:var(--cp-radius);background:var(--cp-surface);width:100%;min-width:0;min-height:2.25rem;color:var(--cp-fg);font:inherit;padding:.375rem .75rem}.ds-field:where(.astro-ssri6nte) input:where(.astro-ssri6nte):focus-visible,.ds-disclosure:where(.astro-ssri6nte) summary:where(.astro-ssri6nte):focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}.ds-disclosure:where(.astro-ssri6nte){border-top:1px solid var(--cp-border);padding-top:1rem}.ds-disclosure:where(.astro-ssri6nte) summary:where(.astro-ssri6nte){cursor:pointer;font-weight:500}.ds-disclosure:where(.astro-ssri6nte) p:where(.astro-ssri6nte){color:var(--cp-fg-muted);margin-top:.75rem}.ds-badge:where(.astro-ssri6nte){border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm);white-space:nowrap;flex:none;align-items:center;gap:.375rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;display:inline-flex}.ds-dot:where(.astro-ssri6nte){border-radius:50%;width:.375rem;height:.375rem}.ds-success:where(.astro-ssri6nte){color:var(--cp-success);border-color:color-mix(in srgb, var(--cp-success) 20%, transparent);background:color-mix(in srgb, var(--cp-success) 10%, transparent)}.ds-warning:where(.astro-ssri6nte){color:var(--cp-warning);border-color:color-mix(in srgb, var(--cp-warning) 25%, transparent);background:color-mix(in srgb, var(--cp-warning) 10%, transparent)}.ds-danger:where(.astro-ssri6nte){color:var(--cp-danger);border-color:color-mix(in srgb, var(--cp-danger) 20%, transparent);background:color-mix(in srgb, var(--cp-danger) 10%, transparent)}.ds-default:where(.astro-ssri6nte){color:var(--cp-fg-muted);background:var(--cp-surface-muted)}.ds-callout:where(.astro-ssri6nte){border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);background:var(--cp-surface-muted);gap:.25rem;padding:.75rem 1rem;display:grid}.ds-callout:where(.astro-ssri6nte) p:where(.astro-ssri6nte){color:var(--cp-fg-muted)}.ds-reading:where(.astro-ssri6nte){border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);background:var(--cp-surface);gap:.25rem;min-width:0;padding:1rem;display:grid}.ds-reading:where(.astro-ssri6nte)>span:where(.astro-ssri6nte){color:var(--cp-fg-muted);font-size:.75rem;font-weight:500}.ds-reading:where(.astro-ssri6nte) strong:where(.astro-ssri6nte){font-variant-numeric:tabular-nums;letter-spacing:var(--cp-tracking-heading);font-size:1.5rem;line-height:1.25}.ds-example-header:where(.astro-ssri6nte){flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.ds-example-title:where(.astro-ssri6nte){font-family:var(--cp-font-display);letter-spacing:var(--cp-tracking-heading);font-size:1.5rem;font-weight:500}.ds-example-nav:where(.astro-ssri6nte){border-bottom:1px solid var(--cp-border);color:var(--cp-fg-muted);gap:1.25rem;display:flex;overflow-x:auto}.ds-example-nav:where(.astro-ssri6nte) span:where(.astro-ssri6nte){flex:none;padding:.5rem 0}.ds-example-nav:where(.astro-ssri6nte) .ds-current:where(.astro-ssri6nte){border-bottom:2px solid var(--cp-fg);color:var(--cp-fg);font-weight:500}.ds-example-metrics:where(.astro-ssri6nte){grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.ds-console:where(.astro-ssri6nte){border-radius:var(--cp-radius-lg);background:var(--cp-console);color:var(--cp-console-fg);padding:1rem;font-size:.75rem}@media (width<=42rem){.ds-example-metrics:where(.astro-ssri6nte){grid-template-columns:1fr}.ds-example-body:where(.astro-ssri6nte){padding:1rem}}