.article-body figure.highlight{position:relative;margin:18px 0;padding-top:30px;background:#2b2b2b;color:#e6e6e6;border-radius:var(--radius);overflow:auto;font-family:var(--mono);font-size:13.5px;line-height:1.6}html[data-theme=dark] .article-body figure.highlight{background:#16181b;border:1px solid var(--border)}.article-body figure.highlight::before{content:'';position:absolute;top:12px;left:16px;width:11px;height:11px;border-radius:50%;background:#ff5f56;box-shadow:18px 0 0 #ffbd2e,36px 0 0 #27c93f}.code-lang{position:absolute;top:7px;right:14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;font-family:var(--mono);transition:opacity .15s}.article-body figure.highlight:hover .code-lang{opacity:0}.article-body figure.highlight table{width:100%;border-collapse:collapse;margin:0}.article-body figure.highlight td{padding:0;border:0}.article-body figure.highlight pre{margin:0;padding:0;background:0 0;border:0;border-radius:0;color:inherit}.article-body figure.highlight .gutter{width:1%;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 6px 10px 14px;text-align:right;vertical-align:top;color:#6a6a6a}.article-body figure.highlight .code{padding:10px 14px;width:100%;vertical-align:top}.article-body figure.highlight .line{display:block}.article-body figure.highlight br{display:none}.article-body figure.highlight figcaption{padding:8px 16px;font-size:12px;color:#9a9a9a;border-bottom:1px solid rgba(255,255,255,.08)}.article-body pre{position:relative;background:#2b2b2b;color:#e6e6e6;border-radius:var(--radius);padding:12px 14px;overflow:auto;font-family:var(--mono);font-size:13.5px;line-height:1.6;margin:18px 0}html[data-theme=dark] .article-body pre{background:#16181b;border:1px solid var(--border)}.article-body pre code{background:0 0;padding:0;color:inherit;font-family:var(--mono)}.article-body :not(pre)>code{background:var(--soft);color:var(--accent);padding:2px 6px;border-radius:5px;font-family:var(--mono);font-size:.9em}.highlight .comment{color:#8a8a8a}.highlight .regexp,.highlight .string{color:#b5bd68}.highlight .keyword,.highlight .selector-tag{color:#c9c}.highlight .built_in,.highlight .literal,.highlight .number{color:#de935f}.highlight .attr,.highlight .attribute,.highlight .function,.highlight .title{color:#81a2be}.highlight .name,.highlight .tag{color:#c9c}.copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.08);border:0;color:#ccc;border-radius:6px;padding:5px;cursor:pointer;display:inline-flex;opacity:0;transition:opacity .15s;z-index:2}.article-body figure.highlight:hover .copy-btn,.article-body pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:rgba(255,255,255,.16)}.copy-btn .icon{width:15px;height:15px}