.docs-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--mn-space-24) * 2 + var(--mn-space-4))),1fr));gap:var(--mn-space-4);margin:var(--mn-space-4) 0 0}.docs-swatches--compact{grid-template-columns:repeat(auto-fill,minmax(calc(var(--mn-space-24) + var(--mn-space-12)),1fr))}.docs-swatch{display:grid;gap:var(--mn-space-2);min-width:0}.docs-swatch__chip{display:flex;align-items:flex-end;height:var(--mn-space-16);padding:var(--mn-space-2) var(--mn-space-3);border:var(--mn-space-px) solid var(--mn-color-border-subtle);border-radius:var(--mn-radius-lg);font-family:var(--mn-font-mono);font-size:var(--mn-text-sm)}.docs-swatch__text{display:grid;gap:var(--mn-space-0-5);min-width:0}.docs-swatch__name{overflow-wrap:anywhere;color:var(--mn-color-text-default);font-family:var(--mn-font-mono);font-size:var(--mn-text-xs)}.docs-swatch__meta{overflow-wrap:anywhere;color:var(--mn-color-text-muted);font-size:var(--mn-text-xs)}.docs-scale{display:grid;margin:var(--mn-space-2) 0 0;border-top:var(--mn-space-px) solid var(--mn-color-border-subtle)}.docs-scale__row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--mn-space-2);padding:var(--mn-space-3) 0;border-bottom:var(--mn-space-px) solid var(--mn-color-border-subtle)}.docs-scale__label{color:var(--mn-color-text-muted);font-family:var(--mn-font-mono);font-size:var(--mn-text-xs)}.docs-scale__sample{min-width:0;overflow-wrap:anywhere;color:var(--mn-color-text-default)}.docs-scale__sample--lg{font-size:var(--mn-text-xl)}@media(min-width:768px){.docs-scale__row{grid-template-columns:calc(var(--mn-space-24) * 2 + var(--mn-space-4)) minmax(0,1fr);gap:var(--mn-space-4)}}.docs-specimens{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--mn-space-24) * 3)),1fr));gap:var(--mn-space-4)}.docs-specimen{padding:var(--mn-space-5);border:var(--mn-space-px) solid var(--mn-color-border-subtle);border-radius:var(--mn-radius-lg);background:var(--mn-color-bg-surface)}.docs-specimen__name{margin:0}.docs-specimen__sample{margin:0;margin-block-end:var(--mn-space-3);color:var(--mn-color-text-default);font-size:var(--mn-text-4xl);line-height:var(--mn-leading-tight)}.docs-specimen__meta{margin:0;margin-block-start:var(--mn-space-1);color:var(--mn-color-text-muted);font-size:var(--mn-text-xs)}.docs-space-bar{display:block;height:var(--mn-space-3);min-width:var(--mn-space-px);border-radius:var(--mn-radius-xs);background:var(--mn-color-accent-solid)}.docs-radius-box{width:var(--mn-space-16);height:var(--mn-space-16);border:var(--mn-space-px) solid var(--mn-color-border-strong);background:var(--mn-color-bg-muted)}.docs-shadow-box{width:100%;height:var(--mn-space-16);border-radius:var(--mn-radius-lg);background:var(--mn-color-bg-raised)}.docs-motion__dot{display:block;width:var(--mn-space-4);height:var(--mn-space-4);border-radius:var(--mn-radius-full);background:var(--mn-color-accent-solid);transition-property:transform}.docs-motion:hover .docs-motion__dot{transform:translate(calc(var(--mn-space-24) * 2))}