.component-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0;border-block:1px solid var(--dealyo-line)}.component-nav a{font-size:14px}.source-component{padding:48px 0;scroll-margin-top:24px;border-bottom:1px solid var(--dealyo-line)}.source-component h2{font-size:36px;line-height:40px;margin-bottom:16px}.source-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;color:var(--dealyo-muted)}.component-note{margin-block:20px;font-size:14px;color:var(--dealyo-muted)}.source-preview{background:var(--dealyo-paper);border:1px solid var(--dealyo-line);margin:24px 0}.source-preview iframe{display:block;width:100%;height:450px;border:0;background:var(--dealyo-paper)}.component-tools{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.component-tools button{border:1px solid var(--dealyo-line);background:white;padding:12px 16px;color:var(--dealyo-ink)}.component-code{margin-top:20px}.component-code summary{cursor:pointer;padding-block:12px}.component-code pre{max-height:380px;overflow:auto;padding:20px;background:white;border:1px solid var(--dealyo-line);font:12px/1.6 var(--dealyo-mono)}.component-status{font-size:13px;color:var(--dealyo-muted)}@media(max-width:600px){.source-component{padding:32px 0}.source-component h2{font-size:28px;line-height:32px}}