.tn-tabs{--tabs-line:var(--line);--tabs-ink:var(--ink);--tabs-mute:var(--ink-3);--tabs-mark:#ff5b1f;margin:24px 0}.tn-tabs-list{border-bottom:1px solid var(--tabs-line);flex-wrap:wrap;gap:2px 20px;display:flex}.tn-tabs-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--tabs-mute);cursor:pointer;background:0 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 0 9px;font-size:14px;font-weight:500}.tn-tabs-list button:hover{color:var(--tabs-ink)}.tn-tabs-list button[aria-selected=true]{color:var(--tabs-ink);border-bottom-color:var(--tabs-mark)}.tn-tabs-list button:focus-visible{outline:2px solid var(--tabs-mark);outline-offset:2px;border-radius:2px}.tn-tabs-panel>div>:first-child{margin-top:14px}.tn-tabs-panel>div>:last-child{margin-bottom:0}.tn-doc-shot{margin:28px 0}.tn-doc-shot img{border:1px solid var(--line);background:#0e1114;border-radius:10px;width:100%;height:auto;display:block}.tn-doc-shot figcaption{color:var(--ink-3);margin-top:10px;font-size:13.5px}.tn-tabs-note{color:var(--tabs-mute);margin:10px 0 0;font-size:13px}
.tn-codeblock{position:relative}.tn-codeblock pre{font-family:var(--font-mono);border-radius:12px;margin:0;padding:18px 96px 18px 20px;font-size:13.5px;line-height:1.65;overflow-x:auto;background:#0e1114!important}.tn-codeblock pre code{font-size:inherit;font-family:inherit}.tn-codeblock-doc{margin:24px 0}.tn-codeblock.tn-codeblock-doc pre{border-radius:var(--radius-sm,8px);border:0;margin:0;font-size:13px;line-height:1.6}.tn-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:#ece8e1;cursor:pointer;opacity:.85;background:#1c2127;border:1px solid rgba(236,232,225,.16);border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12.5px;font-weight:500;transition:opacity .15s,border-color .15s;display:inline-flex;position:absolute;top:10px;right:10px}.tn-copy:hover{opacity:1;border-color:rgba(236,232,225,.45)}.tn-copy:focus-visible{opacity:1;border-color:rgba(236,232,225,.45)}.tn-copy:focus-visible{outline-offset:2px;outline:2px solid #ece8e1}.tn-copy svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.tn-copy[data-state=copied]{color:#3fbfa6;border-color:rgba(63,191,166,.5)}@media (max-width:640px){.tn-copy span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tn-codeblock pre,.tn-codeblock.tn-codeblock-doc pre{padding:50px 16px 16px}}