.docs{max-width:1280px;color:var(--text);font-family:var(--font-ui);margin:0 auto;padding:32px 16px 80px;font-size:14px}.docs-head h1{font-family:var(--font-display);margin:0 0 8px;font-size:44px;font-weight:400}.docs-head p{color:var(--muted);max-width:62ch;margin:0 0 16px;line-height:1.5}.docs-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.docs-links a,.docs-copy{border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none}.docs-links a:hover,.docs-copy:hover{border-color:var(--text)}.docs-tokens{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:16px;margin:32px 0 24px;padding:16px;display:grid}.docs-tokens ul{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.docs-chip{border:1px solid var(--line);vertical-align:-3px;border-radius:4px;width:16px;height:16px;margin-right:6px;display:inline-block}.docs-rules{color:var(--muted);flex-flow:column;line-height:1.5}.docs-nav{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);gap:6px;padding:10px 0;display:flex;position:sticky;top:0;overflow-x:auto}.docs-nav a{border:1px solid var(--line);color:var(--text);border-radius:999px;flex:none;padding:5px 10px;font-size:13px;text-decoration:none}.docs-nav a span{color:var(--muted)}.docs-section{padding-top:32px;scroll-margin-top:48px}.docs-section h2{font-family:var(--font-display);margin:0 0 16px;font-size:28px;font-weight:400}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.docs-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.docs-img{background:repeating-conic-gradient(#8881 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:8px;place-items:center;height:200px;display:grid;overflow:hidden}.docs-img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.docs-card h3{margin:8px 0 0;font-size:15px;font-weight:600}.docs-meta,.docs-use{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.docs-design{font-style:italic}.docs-id{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;display:flex}.docs-id code,.docs-swatches code{overflow-wrap:anywhere;font-size:12px}.docs-id .docs-copy{padding:2px 8px;font-size:12px}