.code-block{--code-bg:#0a0a0c;margin:0 0 var(--xsSpacing);border:1px solid var(--baseAlt1Color);border-radius:var(--baseRadius);background:var(--code-bg);position:relative;overflow:hidden}.code-tools{z-index:1;background:linear-gradient(to right, transparent, var(--code-bg) 26px);align-items:center;gap:6px;padding:8px 8px 8px 28px;display:flex;position:absolute;top:0;right:0}.code-lang{border-radius:var(--baseRadius);color:#d4d4d8;background:#ffffff12;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.code-lang svg{fill:currentColor;width:17px;height:17px;display:block}.code-lang i{font-size:16px;line-height:1}.code-copy{border:1px solid var(--baseAlt2Color);border-radius:var(--baseRadius);height:26px;color:var(--txtHintColor);font-size:12px;font-family:var(--baseFontFamily);cursor:pointer;transition:color var(--baseAnimationSpeed), border-color var(--baseAnimationSpeed);background:#0a0a0ce6;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.code-copy i{font-size:13px}.code-copy:hover{color:var(--txtPrimaryColor);border-color:var(--baseAlt4Color)}.code-copy.is-done{color:var(--successColor);border-color:var(--successColor)}.code-copy:focus-visible{outline:2px solid var(--successColor);outline-offset:2px}.code-title{border-bottom:1px solid var(--baseAlt1Color);font-family:var(--monospaceFontFamily);color:var(--txtDisabledColor);padding:9px 14px;font-size:13px}.code-body{overflow-x:auto}.code-body pre.shiki{font-family:var(--monospaceFontFamily);margin:0;padding:16px 120px 16px 18px;font-size:14px;line-height:22px;background:0 0!important}.code-body code{font-size:inherit;white-space:pre;background:0 0;width:fit-content;min-width:100%;padding:0;line-height:22px;display:block}.code-body pre.plain{font-family:var(--monospaceFontFamily);color:#c8c6bd;background:0 0;margin:0;padding:16px 120px 16px 18px;font-size:14px;line-height:22px}.code-body .line{display:inline}.code-block.is-reading{--code-bg:var(--baseColor);border-color:var(--baseAlt2Color);border-left-width:3px;border-left-color:var(--baseAlt3Color)}.md-body{color:#d6d6d6;padding:18px 120px 18px 22px;font-size:15px;line-height:24px}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-body h1,.md-body h2,.md-body h3,.md-body h4{color:var(--txtPrimaryColor);border:0;margin:20px 0 8px;padding:0;line-height:1.3}.md-body h1{font-size:22px}.md-body h2{font-size:19px}.md-body h3{font-size:16px}.md-body h4{font-size:15px}.md-body p{margin:0 0 12px}.md-body ul,.md-body ol{margin:0 0 12px;padding-left:22px}.md-body li{margin-bottom:4px}.md-body a{color:var(--txtPrimaryColor);text-underline-offset:2px;text-decoration:underline}.md-body blockquote{border-left:2px solid var(--baseAlt3Color);color:var(--txtHintColor);margin:0 0 12px;padding-left:14px}.md-body code{font-family:var(--monospaceFontFamily);background:var(--baseAlt1Color);border-radius:3px;padding:1px 5px;font-size:13.5px}.md-body pre{background:var(--baseAlt1Color);border-radius:var(--baseRadius);margin:0 0 12px;padding:12px 14px;overflow-x:auto}.md-body pre code{white-space:pre;background:0 0;padding:0}.md-body table{border-collapse:collapse;width:100%;margin:0 0 12px}.md-body table th,.md-body table td{text-align:left;border-bottom:1px solid var(--baseAlt1Color);padding:7px 10px}.md-body table th{color:var(--txtHintColor);font-weight:600}.md-body hr{border:0;border-top:1px solid var(--baseAlt1Color);margin:18px 0}@media only screen and (width<=600px){.code-copy span{display:none}.code-copy{padding:0 7px}.code-body pre.shiki,.md-body{padding-right:76px}}
