.tp-code-layout[data-v-6e49df1b]{gap:40px;margin-top:36px;display:grid}.tp-code-list[data-v-6e49df1b]{gap:20px;display:grid}.tp-code-layout[data-v-6e49df1b]>*,.tp-code-list[data-v-6e49df1b]>*{min-width:0}.tp-code[data-v-6e49df1b]{border:1px solid var(--v4-line);border-radius:var(--v4-radius-card);background:var(--v4-white);margin:0;overflow:hidden}.tp-code-head[data-v-6e49df1b]{border-bottom:1px solid var(--v4-hairline);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 12px 20px;display:flex}.tp-code-title[data-v-6e49df1b]{font-size:17px;font-weight:800}.tp-code-copy[data-v-6e49df1b]{border:1px solid var(--v4-line);background:var(--v4-white);min-height:36px;color:var(--v4-ink);font:800 15px/1 var(--v4-font);cursor:pointer;border-radius:10px;padding:0 14px}.tp-code-copy[data-v-6e49df1b]:hover{background:#f4efe4}.tp-code pre[data-v-6e49df1b]{tab-size:2;margin:0;font:400 14.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.tp-code-pre[data-v-6e49df1b]{padding:16px 20px}.tp-code-out[data-v-6e49df1b]{border-top:1px solid var(--v4-hairline);background:#f7f3ea;padding:12px 20px 16px}.tp-code-out-label[data-v-6e49df1b]{color:var(--v4-muted);margin-bottom:4px;font-size:13px;font-weight:600;display:block}@media (min-width:1024px){.tp-code-layout.is-row .tp-code-list[data-v-6e49df1b]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start}}@media (min-width:960px){.tp-code-layout.has-art[data-v-6e49df1b]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}