.article .wp-block-code{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#363b3e;font-family:JetBrains Mono,consolas,menlo,Liberation Mono,Noto Sans JP,monospace;font-size:.8333333333rem;font-weight:500;hyphens:none;line-height:1.7;margin-inline:0;padding:16px;position:relative;-moz-tab-size:2;-o-tab-size:2;tab-size:2}@media screen and (max-width:767px){.article .wp-block-code{font-size:.9333333333rem;padding:16px}}.article .wp-block-code code{display:block;font-family:inherit;overflow-x:auto;white-space:pre;word-break:normal;word-spacing:normal}.article .wp-block-code[data-filename]:not([data-filename=""]){padding-top:2.4444444444rem}@media screen and (max-width:767px){.article .wp-block-code[data-filename]:not([data-filename=""]){padding-top:2.6666666667rem}}.article .wp-block-code__filename{background:#363b3e;border-radius:0 0 8px 8px;color:#fff;font-size:.7222222222rem;font-weight:700;inset-block-start:0;inset-inline-start:16px;max-width:100%;overflow:hidden;padding:.1666666667rem .8333333333rem;position:absolute;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:767px){.article .wp-block-code__filename{font-size:.8rem;padding:.2rem 1rem}}.article .wp-block-code__copy{align-items:center;color:#666464;cursor:pointer;display:flex;flex-wrap:nowrap;height:1.8888888889rem;inset-block-start:0;inset-inline-end:16px;justify-content:center;padding:0;position:absolute;transition:color .3s ease,background-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.8888888889rem}@media(hover:hover){.article .wp-block-code__copy:hover{color:#363b3e}}@media screen and (max-width:767px){.article .wp-block-code__copy{height:2rem;width:2rem}}.article .wp-block-code__icon{height:.8888888889rem;width:.8888888889rem}@media screen and (max-width:767px){.article .wp-block-code__icon{height:1rem;width:1rem}}.article .wp-block-code__icon--check{color:#227a2f;display:none}.article .wp-block-code__copy[data-copied] .wp-block-code__icon--copy{display:none}.article .wp-block-code__copy[data-copied] .wp-block-code__icon--check{display:block}.article .wp-block-code .token.cdata,.article .wp-block-code .token.comment,.article .wp-block-code .token.doctype,.article .wp-block-code .token.prolog{color:#6e7781}.article .wp-block-code .token.punctuation{color:#7a7a7a}.article .wp-block-code .token.namespace{opacity:.7}.article .wp-block-code .token.boolean,.article .wp-block-code .token.constant,.article .wp-block-code .token.deleted,.article .wp-block-code .token.number,.article .wp-block-code .token.property,.article .wp-block-code .token.symbol,.article .wp-block-code .token.tag{color:#b5155e}.article .wp-block-code .token.attr-name,.article .wp-block-code .token.builtin,.article .wp-block-code .token.char,.article .wp-block-code .token.inserted,.article .wp-block-code .token.selector,.article .wp-block-code .token.string{color:#227a2f}.article .wp-block-code .language-css .token.string,.article .wp-block-code .style .token.string,.article .wp-block-code .token.entity,.article .wp-block-code .token.operator,.article .wp-block-code .token.url{color:#9a6e3a}.article .wp-block-code .token.atrule,.article .wp-block-code .token.attr-value,.article .wp-block-code .token.keyword{color:#0b6bb3}.article .wp-block-code .token.class-name,.article .wp-block-code .token.function{color:#c6395f}.article .wp-block-code .token.important,.article .wp-block-code .token.regex,.article .wp-block-code .token.variable{color:#e36209}.article .wp-block-code .token.bold,.article .wp-block-code .token.important{font-weight:700}.article .wp-block-code .token.italic{font-style:italic}.article .wp-block-code .token.entity{cursor:help}