.code-block{background:#0b110c;border:1px solid #b9e66f21;border-radius:10px;margin:20px 0;overflow:hidden}.code-head{color:#ffffff73;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:36px;padding:0 11px;font-size:11px;display:flex}.code-head button{color:#b9e66f;cursor:pointer;font:inherit;background:0 0;border:0}.code-content{box-sizing:border-box;color:#f4f7f3;text-align:left;width:100%;overflow-y:hidden;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;margin:0!important;padding:16px!important;display:block!important;overflow-x:auto!important}.code-content code{color:#f4f7f3;width:max-content;min-width:100%;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;margin:0!important;padding:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:13px!important;line-height:1.7!important;display:block!important}.code-content .token{white-space:pre!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#68756b}.token.punctuation{color:#aeb7b0}.token.namespace{color:#aeb7b0;opacity:.8}.token.property,.token.constant,.token.symbol{color:#b9e66f}.token.deleted{color:#e07a82}.token.tag{color:#8fcf58}.token.boolean,.token.number{color:#d8b05c}.token.selector{color:#b9e66f}.token.attr-name{color:#c9d66a}.token.char{color:#a8d878}.token.builtin{color:#72c7b5}.token.inserted,.token.string{color:#a8d878}.token.operator{color:#c1c9c3}.token.entity{color:#c89ad8}.token.url{color:#79b9d8}.token.atrule{color:#b9e66f}.token.attr-value{color:#a8d878}.token.keyword{color:#a9c96a}.token.function{color:#c4e77a}.token.class-name{color:#d5e58a}.token.regex{color:#d5c477}.token.important{color:#e07a82}.token.variable{color:#d5e58a}.token.tag .token.punctuation,.token.script,.token.script-punctuation{color:#aeb7b0}.language-css .token.string,.style .token.string{color:#a8d878}