.mh-code{border:1px solid #9db2d82e;border-radius:12px;margin:28px 0;overflow:hidden;box-shadow:0 12px 32px #00081e40}.mh-code__bar{background:#001033;border-bottom:1px solid #9db2d824;align-items:center;gap:12px;padding:10px 14px;display:flex}.mh-code__dots{gap:6px;display:inline-flex}.mh-code__dots i{background:#9db2d840;border-radius:50%;width:11px;height:11px}.mh-code__dots i:first-child{background:#ff5f57}.mh-code__dots i:nth-child(2){background:#febc2e}.mh-code__dots i:last-child{background:#28c840}.mh-code__lang{letter-spacing:1px;text-transform:uppercase;color:#9db2d8;font-size:12px;font-weight:600}.mh-code__copy{color:#9db2d8;cursor:pointer;background:#9db2d81f;border:1px solid #9db2d840;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s,background .2s}.mh-code__copy:hover{color:#9bdbfd;background:#9bdbfd1a;border-color:#9bdbfd80}.mh-code__copy.is-copied{color:#9bdbfd;border-color:#9bdbfd80}.mh-code pre.shiki{-webkit-overflow-scrolling:touch;border-radius:0;margin:0;padding:18px 20px;font-size:14.5px;line-height:1.7;overflow-x:auto;background:#000f33!important}.mh-code pre.shiki code{white-space:pre;background:0 0;padding:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;display:block}@media (max-width:767px){.mh-code{margin:22px -4px}.mh-code pre.shiki{padding:14px;font-size:13px}}figure.mh-code>figcaption.mh-code__bar{color:#9db2d8;text-align:left;background:#001033;margin-top:0}