@layer theme, base, components, utilities;@layer components{.brand{--brand-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--brand-hair:var(--stroke-700)}.brand-eyebrow,.brand-mono{font-family:var(--brand-mono)}.brand-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--ms-cyan)}.brand-eyebrow__index{color:var(--text-300)}.brand-eyebrow__rule{display:inline-block;width:28px;height:1px;background:var(--primary);opacity:.5}.brand-h4{font-family:var(--font-display),ui-sans-serif,system-ui;font-weight:600;font-size:17px;line-height:1.25;letter-spacing:-.025em;color:var(--text-100)}.brand-section{position:relative}.brand-section:before{content:"";position:absolute;top:0;left:50%;width:min(1184px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--stroke-700) 18%,var(--stroke-700) 82%,transparent)}.brand-dark-sample,.brand-tile--dark{--text-100:#e2e8f0;--text-300:#a8b4c5;--muted-500:#94a3b8;--stroke-700:rgba(255,255,255,0.12);--brand-hair:rgba(255,255,255,0.12);color:#e2e8f0}.brand-tile--dark{background:#101723}.brand-tile--light{background:#f7f7f2}.brand-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--brand-hair);background:rgba(2,6,23,.55);font-family:var(--brand-mono);font-size:11px;letter-spacing:.06em;color:var(--text-300);white-space:nowrap}.brand-chip__dot{width:8px;height:8px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(148,163,184,.6)}.brand-chip--light{background:rgba(255,255,255,.8);border-color:rgba(2,6,23,.12);color:#0C1424}.brand-dl{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px 5px 9px;border-radius:999px;border:1px solid var(--brand-hair);background:var(--ms-card);font-size:12.5px;font-weight:500;line-height:1;color:var(--text-100);text-decoration:none;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.brand-dl svg{color:var(--ms-cyan);flex:none}.brand-dl:hover{border-color:var(--primary);background:var(--surface-soft)}.brand-dl__size{font-family:var(--brand-mono);font-size:11px;color:var(--text-300)}.brand-dlrow{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 2px;font-size:13px;font-weight:500;line-height:1;color:var(--text-100);text-decoration:none;border-top:1px solid var(--brand-hair);transition:color .2s ease}.brand-dlrow svg{flex:none}.brand-dlrow svg,.brand-dlrow:hover{color:var(--ms-cyan)}.brand-dlrow .brand-dl__size{margin-left:auto}.brand-dl__size,.brand-dlrow{white-space:nowrap}@media (max-width:400px){.brand-dlrow{gap:6px;font-size:12px}}.brand-copy{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border-radius:999px;border:1px solid var(--brand-hair);background:var(--ms-card);font-size:12.5px;font-weight:500;line-height:1;color:var(--text-100);white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.brand-copy span{color:inherit}.brand-copy.is-copied,.brand-copy:hover{border-color:var(--primary);background:var(--surface-soft)}.brand-copy.is-copied{color:var(--primary)}.brand-code{font-family:var(--brand-mono);font-size:12px;color:var(--text-300);overflow-wrap:anywhere}.brand-button-size{font-size:11.5px;font-weight:500;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:rgba(2,6,23,.28);color:#FFFFFF}.bd-svg text,.brand-button-size,.cb-svg text{font-family:var(--brand-mono)}.bd-cap{letter-spacing:.1em}.bd-cap,.bd-tag{font-size:17px;fill:#94A3B8}.bd-tag{letter-spacing:.08em;paint-order:stroke;stroke:#0A101E;stroke-width:6px;stroke-linejoin:round}.bd-x{font-size:20px;fill:#22D3EE}.bd-svg--compact .bd-tag,.bd-svg--compact .bd-x{font-size:24px}@media (min-width:768px){.bd-svg--wide .bd-cap,.bd-svg--wide .bd-tag{font-size:15px}.bd-svg--wide .bd-x{font-size:17px}}@media (min-width:1024px){.bd-svg--wide .bd-cap,.bd-svg--wide .bd-tag{font-size:19px}.bd-svg--wide .bd-x{font-size:22px}}@media (min-width:1280px){.bd-svg--wide .bd-cap,.bd-svg--wide .bd-tag{font-size:15.5px}.bd-svg--wide .bd-x{font-size:18px}}.cb-cap{letter-spacing:.1em;fill:#94A3B8}.cb-cap--guide{fill:#A78BFA}.cb-x{fill:#22D3EE}.cb-svg--stacked .cb-cap{font-size:23px}.cb-svg--stacked .cb-x{font-size:28px}.cb-svg--wide .cb-cap{font-size:23px}.cb-svg--wide .cb-x{font-size:26px}@media (min-width:1024px){.cb-svg--wide .cb-cap{font-size:16.5px}.cb-svg--wide .cb-x{font-size:20px}}@media (min-width:1280px){.cb-svg--wide .cb-cap{font-size:14px}.cb-svg--wide .cb-x{font-size:18px}}.brand-aurora{container-type:inline-size}.brand-aurora__field{position:absolute;inset:0;background:radial-gradient(42cqw 42cqw at 12% 18%,rgba(34,211,238,.18),transparent 60%),radial-gradient(34cqw 34cqw at 84% 28%,rgba(30,102,245,.22),transparent 60%),radial-gradient(44cqw 44cqw at 50% 78%,rgba(139,92,246,.16),transparent 65%),linear-gradient(140deg,#020617,#050818 35%,#031024 70%,#020617)}.brand-light{position:absolute;display:grid;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:999px;border:1px solid;background:rgba(2,6,23,.55);font-family:var(--brand-mono);font-size:11px;line-height:1}.brand-light:after{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px dashed;opacity:.35}.brand-pre{margin:0;padding:16px 18px;border-radius:12px;border:1px solid var(--brand-hair);background:var(--bg-950);font-family:var(--brand-mono);font-size:12px;line-height:1.7;color:var(--text-300);overflow-x:auto;white-space:pre}.brand-glyphs{overflow-wrap:anywhere;word-break:break-word}.brand-quote{border-left:2px solid var(--primary);padding-left:16px}.brand-emblem--light{display:none}html[data-theme=light] .brand-emblem--light{display:block}html[data-theme=light] .brand-emblem--dark{display:none}@media (prefers-color-scheme:light){html:not([data-theme]) .brand-emblem--light{display:block}html:not([data-theme]) .brand-emblem--dark{display:none}}}