.data-table{--text-2xs:.625rem;--wash:color-mix(in oklch, var(--color-highlight) 6%, white)}.data-card{z-index:1;border:1px solid var(--color-border-subtle);padding:var(--space-md);background:#fff;border-radius:.25rem;margin-block-start:var(--space-xl);position:relative}.data-card>.data-title{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--space-xs);font-weight:400;line-height:1.2}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:right;padding:0 0 var(--space-2xs);font-weight:400}.data-table td{padding:var(--space-2xs) 0;border-top:1px solid var(--color-border-subtle);vertical-align:baseline}.data-table tbody tr:last-child td{padding-block-end:0}.data-col{font-family:Söhne Mono,monospace;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-body);white-space:nowrap;padding-inline-start:var(--space-md)}.data-col-total{color:var(--color-text-muted);margin-block-start:var(--space-3xs);display:block}.data-col-tight,.data-cell.data-col-tight{padding-inline-start:var(--space-2xs)}.data-label{font-family:Söhne Mono,monospace;font-size:var(--text-xs);color:var(--color-text-primary);overflow-wrap:anywhere;padding-inline-end:var(--space-2xs);display:inline-block}.data-label-col{min-width:var(--label-col,11rem)}.data-note{font-family:Söhne Mono,monospace;font-size:var(--text-xs);color:var(--color-text-muted)}.data-cell{font-family:Söhne Mono,monospace;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-align:right;white-space:nowrap;padding-inline-start:var(--space-md)}.data-dash{color:color-mix(in oklch, var(--color-text-muted) 55%, white)}.data-row-current td{background:var(--wash)}.data-row-current td:first-child,.data-row-current td:last-child{position:relative}.data-row-current td:first-child:before,.data-row-current td:last-child:after{content:"";width:var(--space-md);position:absolute;top:0;bottom:0}.data-row-current td:first-child:before{background:linear-gradient(to left, var(--wash), transparent);right:100%}.data-row-current td:last-child:after{background:linear-gradient(to right, var(--wash), transparent);left:100%}.data-row-current .data-note{color:oklch(from var(--color-highlight) 42% .11 h)}@media (width<=45rem){.data-label-col{min-width:0;padding-inline-end:0;display:block}.data-row-current .data-note,.data-note{margin-block-start:var(--space-3xs);display:block}}section[data-astro-cid-lz5o6qqb]{margin-block-end:var(--space-xl)}section[data-astro-cid-lz5o6qqb]:first-of-type{margin-block-start:var(--space-lg)}.type-label[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-muted);margin-block-end:var(--space-2xs);display:block}.type-samples[data-astro-cid-lz5o6qqb]{gap:var(--space-md);flex-direction:column;display:flex}.sample-hero[data-astro-cid-lz5o6qqb]{color:var(--color-text-primary);font-feature-settings:"liga" 1;margin:0;font-family:Signifier;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1.1}.sample-page-title[data-astro-cid-lz5o6qqb],.sample-h2[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-md);color:var(--color-text-muted);margin:0;font-weight:400}.sample-body[data-astro-cid-lz5o6qqb]{font-size:var(--text-lg);color:var(--color-text-body);margin:0}.sample-intro[data-astro-cid-lz5o6qqb]{font-size:var(--text-md);color:var(--color-text-body);margin:0}.sample-item[data-astro-cid-lz5o6qqb]{font-size:var(--text-md);color:var(--color-text-primary);margin:0}.sample-meta[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.tokens[data-astro-cid-lz5o6qqb]{gap:var(--space-2xs);flex-direction:column;margin:0;display:flex}.tokens[data-astro-cid-lz5o6qqb] div[data-astro-cid-lz5o6qqb]{gap:var(--space-sm);grid-template-columns:7rem 1fr;align-items:baseline;display:grid}.tokens[data-astro-cid-lz5o6qqb] dt[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-primary)}.tokens[data-astro-cid-lz5o6qqb] dd[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-primary);gap:var(--space-sm);flex-wrap:wrap;margin:0;display:flex}.token-note[data-astro-cid-lz5o6qqb]{color:var(--color-text-muted)}.swatches[data-astro-cid-lz5o6qqb]{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.swatches[data-astro-cid-lz5o6qqb] li[data-astro-cid-lz5o6qqb]{gap:var(--space-sm);grid-template-columns:2.5rem 1fr;align-items:center;display:grid}.swatch[data-astro-cid-lz5o6qqb]{border-radius:.25rem;width:2.5rem;height:2.5rem;display:block}.swatch-meta[data-astro-cid-lz5o6qqb]{gap:var(--space-sm);grid-template-columns:12rem 1fr;align-items:baseline;display:grid}.swatch-name[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-primary)}.swatch-note[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm);color:var(--color-text-muted)}.spacing[data-astro-cid-lz5o6qqb]{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spacing[data-astro-cid-lz5o6qqb] li[data-astro-cid-lz5o6qqb]{gap:var(--space-sm);grid-template-columns:7rem 7rem 8rem 1fr;align-items:center;display:grid}.spacing-bar[data-astro-cid-lz5o6qqb]{background:var(--color-accent);border-radius:.125rem;height:.75rem;display:block}.spacing-token[data-astro-cid-lz5o6qqb],.spacing-value[data-astro-cid-lz5o6qqb],.spacing-note[data-astro-cid-lz5o6qqb]{font-family:Söhne Mono,monospace;font-size:var(--text-sm)}.spacing-token[data-astro-cid-lz5o6qqb],.spacing-value[data-astro-cid-lz5o6qqb]{color:var(--color-text-primary)}.spacing-note[data-astro-cid-lz5o6qqb]{color:var(--color-text-muted)}.image-samples[data-astro-cid-lz5o6qqb]{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=30rem){.image-samples[data-astro-cid-lz5o6qqb]{grid-template-columns:repeat(2,1fr)}}.image-sample[data-astro-cid-lz5o6qqb]{margin:0}.image-sample[data-astro-cid-lz5o6qqb] img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.image-sample[data-astro-cid-lz5o6qqb].is-rounded img{border-radius:.25rem}.image-sample[data-astro-cid-lz5o6qqb] figcaption[data-astro-cid-lz5o6qqb]{font-family:Söhne;font-size:var(--text-sm);color:var(--color-text-muted);margin-block-start:var(--space-2xs)}.image-sample[data-astro-cid-lz5o6qqb] figcaption[data-astro-cid-lz5o6qqb] .type-label[data-astro-cid-lz5o6qqb]{margin-block-end:var(--space-3xs);display:block}.component[data-astro-cid-lz5o6qqb]{margin-block-end:var(--space-lg)}.component[data-astro-cid-lz5o6qqb]:last-child{margin-block-end:0}.pill[data-astro-cid-lz5o6qqb]{align-items:center;gap:var(--space-2xs);font-family:Söhne Mono,monospace;font-size:var(--text-md);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);padding:var(--space-sm) var(--space-md);border-radius:9999px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.pill[data-astro-cid-lz5o6qqb]:hover{color:var(--color-accent);border-color:var(--color-accent)}.pill[data-astro-cid-lz5o6qqb] .arrow[data-astro-cid-lz5o6qqb]{will-change:transform;transition:transform .2s;transform:translate(0,0)}.pill[data-astro-cid-lz5o6qqb]:hover .arrow[data-astro-cid-lz5o6qqb]{transform:translate(2px,-2px)}.archive-demo[data-astro-cid-lz5o6qqb]{margin:0;padding:0;list-style:none}.archive-demo[data-astro-cid-lz5o6qqb] li[data-astro-cid-lz5o6qqb] a[data-astro-cid-lz5o6qqb]{justify-content:space-between;align-items:baseline;gap:var(--space-sm);font-family:Söhne;font-size:var(--text-md);color:var(--color-text-primary);letter-spacing:-.01em;text-decoration:none;display:flex}.archive-demo[data-astro-cid-lz5o6qqb] li[data-astro-cid-lz5o6qqb] a[data-astro-cid-lz5o6qqb]:hover{color:var(--color-accent)}.archive-demo[data-astro-cid-lz5o6qqb] .arrow[data-astro-cid-lz5o6qqb]{color:var(--color-border);flex-shrink:0;transition:color .15s,transform .2s}.archive-demo[data-astro-cid-lz5o6qqb] li[data-astro-cid-lz5o6qqb] a[data-astro-cid-lz5o6qqb]:hover .arrow[data-astro-cid-lz5o6qqb]{color:var(--color-accent);transform:translate(2px,-2px)}