.jps-block,.jps-playground{--jb-border:var(--site-border,var(--jp-border,#24315e));--jb-panel:var(--site-panel,var(--jp-bg-panel,#161d3a));--jb-code:var(--site-code-bg,var(--jp-editor-bg,#0b1020));--jb-text:var(--site-text,var(--jp-text-primary,#e8ecf8));--jb-text2:var(--site-text-2,var(--jp-text-secondary,#93a0c8));--jb-muted:var(--site-muted,var(--jp-text-muted,#5a6a99));--jb-accent:var(--site-accent,var(--jp-accent,#00f0ff));--jb-warn:var(--site-warn,var(--jp-warning,#ffc857))}.jps-block{border:1px solid var(--jb-border);border-radius:var(--site-radius,9px);background:var(--jb-panel);margin:14px 0;overflow:hidden}.jps-playground{margin:14px 0}.jps-playground-controls{border:1px solid var(--jb-border);border-radius:var(--site-radius,9px) var(--site-radius,9px) 0 0;background:var(--jb-panel);color:var(--jb-text2);border-bottom:none;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px;font-size:13.5px;display:flex}.jps-playground>.jps-block{border-top-left-radius:0;border-top-right-radius:0;margin:0}.jps-pg-field{align-items:center;gap:6px;min-width:0;display:inline-flex}.jps-playground-controls select,.jps-playground-controls input[type=number]{border:1px solid var(--jb-border);background:var(--jb-code);min-width:0;max-width:100%;color:var(--jb-text);font:inherit;border-radius:6px;padding:4px 6px}.jps-playground-controls input[type=number]{width:68px}.jps-playground-controls input[type=range]{min-width:60px;max-width:100%;accent-color:var(--jb-accent);flex:110px}.jps-playground-controls input:disabled{opacity:.45}.jps-pg-unit{color:var(--jb-muted)}.jps-pg-reset{appearance:none;border:1px solid var(--jb-border);color:var(--jb-text2);font:inherit;cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:4px 12px}.jps-pg-reset:hover{border-color:var(--jb-accent);color:var(--jb-text)}.jps-block-tabs{border-bottom:1px solid var(--jb-border);background:var(--jb-code);gap:2px;display:flex}.jps-block-tabs button{appearance:none;color:var(--jb-text2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 18px;font-size:13.5px}.jps-block-tabs button:hover{color:var(--jb-text)}.jps-block-tabs button.active{color:var(--jb-accent);border-bottom-color:var(--jb-accent)}.jps-block .jps-block-code,.doc-body .jps-block .jps-block-code{box-shadow:none;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:none;border-radius:0;margin:0;padding:12px 16px;overflow-x:visible}.jps-block-preview{width:min(100%, var(--jps-w,100%));padding:14px}.jps-block-preview[hidden]{display:none}.jps-block-preview svg{background:#fff;border-radius:6px;width:100%;height:auto;display:block}.jps-block-msg{color:var(--jb-muted);padding:0 16px 12px;font-size:13px}.jps-block-msg[hidden]{display:none}.jps-block-msg[data-kind=warn]{color:var(--jb-warn)}@media (width<=600px){.jps-playground-controls{gap:6px 10px;padding:9px 10px;font-size:13px}}