:root{--copy-btn-bg:#f0f0f0;--copy-btn-color:#555;--copy-btn-border:#ddd;--copy-btn-hover-bg:#e0e0e0;--copy-btn-hover-color:#333;--copy-btn-hover-border:#ccc;--copy-btn-success-bg:#d4edda;--copy-btn-success-color:#155724;--copy-btn-success-border:#c3e6cb;--copy-btn-error-bg:#f8d7da;--copy-btn-error-color:#721c24;--copy-btn-error-border:#f5c6cb;--header-bg:#ebedf0;--header-border:#eaeaef;--btn-icon-color:#606770;--btn-hover-bg:#eaeaef;--btn-hover-icon-color:#2c3e50;--btn-focus-outline:#007aff}html.dark{--copy-btn-bg:#444;--copy-btn-color:#ccc;--copy-btn-border:#555;--copy-btn-hover-bg:#555;--copy-btn-hover-color:#eee;--copy-btn-hover-border:#666;--copy-btn-success-bg:#2a5c34;--copy-btn-success-color:#c3e6cb;--copy-btn-success-border:#3a7d44;--copy-btn-error-bg:#721c24;--copy-btn-error-color:#f5c6cb;--copy-btn-error-border:#842029;--header-bg:#3a3a3c;--header-border:#4a4a4e;--btn-icon-color:#a0a0a5;--btn-hover-bg:#4a4a4e;--btn-hover-icon-color:#eaeaea;--btn-focus-outline:#0a84ff}.code-block-wrapper{border:none;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);clear:both;margin-bottom:1em;margin-top:1em;overflow:hidden;position:relative}html.dark .code-block-wrapper{box-shadow:0 1px 2px rgba(0,0,0,.2)}.code-block-header{align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;height:32px;justify-content:space-between;min-height:auto;padding:0 .85em}.code-language{color:var(--vp-c-text-2);flex-grow:1;font-size:.8em;font-weight:500;letter-spacing:.5px;margin-right:1em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.code-block-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px}.code-block-buttons button{align-items:center;background-color:transparent;border:none;border-radius:6px;bottom:auto;color:var(--btn-icon-color);cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;left:auto;padding:0;position:relative;right:auto;top:auto;transition:background-color .15s ease-in-out,color .15s ease-in-out;width:24px;z-index:auto}.code-block-buttons button svg{height:16px;width:16px}.code-block-buttons button:hover:not(:disabled){background-color:var(--btn-hover-bg);border:1px solid var(--btn-hover-bg);color:var(--btn-hover-icon-color)}.code-block-buttons button:focus-visible{outline:2px solid var(--btn-focus-outline);outline-offset:2px}.code-block-buttons button:disabled{background-color:transparent;border:none;color:var(--btn-icon-color);cursor:default;opacity:.5}.copy-code-button svg{fill:none;stroke:currentcolor;stroke-width:2}.copy-code-button.copied{background-color:var(--copy-btn-success-bg);border-color:var(--copy-btn-success-bg);color:var(--copy-btn-success-color);opacity:1}.copy-code-button.error{background-color:var(--copy-btn-error-bg);border-color:var(--copy-btn-error-bg);color:var(--copy-btn-error-color);opacity:1}.copy-code-button:disabled.copied,.copy-code-button:disabled.error{cursor:default;opacity:1}.run-html-button svg{fill:currentcolor;stroke:none}.code-block-wrapper pre{background-color:var(--vp-code-block-bg,#f8f8f8)!important;border-radius:0 0 8px 8px!important;font-size:var(--vp-code-font-size,.875rem);line-height:var(--vp-code-line-height,1.7);margin:0!important;overflow:auto;padding:1em}html.dark .code-block-wrapper pre{background-color:var(--vp-code-block-bg,#2d2d2d)!important}.code-block-wrapper pre code{background:none;border-radius:0;font-size:inherit;margin:0;padding:0}