.code-block{background:#14161a;border:1px solid #ffffff14;border-radius:12px;margin:0;overflow:hidden}.code-block__bar{background:#1b1e23;border-bottom:1px solid #ffffff12;align-items:center;gap:14px;padding:9px 13px;display:flex}.code-block__dots{flex:none;gap:6px;display:inline-flex}.code-block__dots i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.code-block__dots i:nth-child(2){background:#febc2e}.code-block__dots i:nth-child(3){background:#28c840}.code-block__title{font-family:var(--f-mono);color:#d8d4cb;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.code-block__tabs{background:#ffffff0f;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.code-block__tab{font-family:var(--f-mono);color:#d8d4cb;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 11px;font-size:.72rem;transition:background .14s,color .14s}.code-block__tab:hover{color:#fff}.code-block__tab.is-active{color:#fff;background:#14161a}.code-block__copy{color:var(--accent);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:7px;flex:none;margin-left:auto;padding:5px 11px;font-size:.71rem;font-weight:600;transition:background .14s,border-color .14s}.code-block__copy:hover{background:#ffffff12;border-color:#ffffff38}.code-block__pre{font-family:var(--f-mono);color:#e9e6df;tab-size:2;margin:0;padding:16px 18px;font-size:.78rem;line-height:1.7;overflow-x:auto}.code-block__caption{color:#a9a49a;background:#1b1e23;border-top:1px solid #ffffff12;padding:9px 15px;font-size:.75rem}.code-block__pre .c-key{color:#7dd3fc}.code-block__pre .c-str{color:#a5d6a7}.code-block__pre .c-num{color:#ffcc80}.code-block__pre .c-kw{color:#ce93d8}.code-block__pre .c-com{color:#7d8792;font-style:italic}.code-block__pre .c-cmd{color:#ffb74d;font-weight:600}.code-block__pre .c-flag{color:#9fb3c8}.code-block__pre .c-url{color:#80cbc4}