html,body{height:100%;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#80808080}a{color:inherit;text-decoration:none}:root{--syn-bg:#0d1117;--syn-fg:#e6edf3;--syn-border:#ffffff14;--syn-comment:#8b949e;--syn-keyword:#ff7b72;--syn-string:#a5d6ff;--syn-component:#7ee787;--syn-prop:#d2a8ff;--syn-number:#79c0ff;--syn-btn-bg:#ffffff0f;--syn-btn-fg:#ffffff80}.code-block-wrapper{position:relative}.code-block-copy{background:var(--syn-btn-bg);color:var(--syn-btn-fg);border:1px solid var(--syn-border);cursor:pointer;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;transition:color .15s,background .15s;position:absolute;top:8px;right:8px}.code-block-copy:hover{color:#fffc;background:#ffffff1a}.code-block-pre{background:var(--syn-bg);border:1px solid var(--syn-border);color:var(--syn-fg);border-radius:8px;margin:0;padding:16px;font-family:SF Mono,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.65;overflow:auto}.code-block-body{white-space:pre}.syn-comment{color:var(--syn-comment);font-style:italic}.syn-keyword{color:var(--syn-keyword)}.syn-string{color:var(--syn-string)}.syn-component{color:var(--syn-component)}.syn-prop{color:var(--syn-prop)}.syn-number{color:var(--syn-number)}.code-panel{padding:24px}.code-panel-back{color:var(--syn-string);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-family:inherit;font-size:12px}.code-panel-back:hover{text-decoration:underline}.code-panel-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.code-panel-subtitle{color:#ffffff59;margin:0 0 16px;font-size:12px}.code-panel-tabs{gap:0;margin-bottom:12px;display:flex}.code-panel-tab{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:400;transition:color .15s,border-color .15s}.code-panel-tab:hover{color:#fff9}.code-panel-tab.active{color:var(--syn-string);border-bottom-color:var(--syn-string);font-weight:600}.code-panel-empty{text-align:center;color:#ffffff59;padding:32px;font-size:13px}.code-panel-empty span{font-size:11px}