/* One code-box component for the website and extracted offline manuals. */
.vp-codebox{min-width:0;max-width:100%;margin:20px 0;border:1px solid #34516c;border-radius:9px;overflow:hidden;background:#102a40;color:#eef5fb;box-shadow:0 2px 8px #06182c0c}
.vp-code-toolbar{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 8px 4px 15px;background:#193a55;border-bottom:1px solid #3d5a73;color:#e6f2ff;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.03em}
.vp-code-type{flex:0 0 auto;text-transform:uppercase;max-width:50%;overflow-wrap:anywhere}
.vp-code-status{flex:1;min-width:0;min-height:1.4em;text-align:right;font-size:11px;font-weight:400;letter-spacing:0;color:#c4e7ff;overflow-wrap:anywhere}
.vp-code-copy{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:10px!important;border:1px solid #688ba8!important;border-radius:6px!important;background:#234c6c!important;color:#fff!important;cursor:pointer}
.vp-code-copy svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.vp-code-copy:hover{background:#31658c!important}.vp-code-copy:focus-visible{outline:3px solid #82cfff;outline-offset:2px}.vp-code-copy:disabled{opacity:.65;cursor:wait}
.vp-codebox>pre[data-vp-code-body]{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;padding:17px!important;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;text-align:left}
.vp-codebox>pre code{background:none!important;color:inherit!important;white-space:pre;word-break:normal;overflow-wrap:normal;padding:0!important}
.vp-code-legacy-copy{display:none!important}
@media(max-width:600px){.vp-code-toolbar{gap:8px;padding-left:12px}.vp-code-type{max-width:42%;font-size:11px}.vp-code-status{font-size:10px}.vp-codebox>pre[data-vp-code-body]{padding:13px!important;font-size:12px}}
@media print{.vp-codebox{border-color:#b8cbdc;background:#f3f6fa;color:#17314b;overflow:visible;box-shadow:none}.vp-code-toolbar{background:#e8f0f8;color:#17314b;min-height:26px;padding:5px 12px;break-after:avoid}.vp-code-copy,.vp-code-status{display:none!important}.vp-codebox>pre[data-vp-code-body]{overflow:visible;white-space:pre-wrap}.vp-codebox>pre code{white-space:pre-wrap;overflow-wrap:anywhere}}