.fig{justify-content:center;width:fit-content;margin:2em auto;display:flex}.fig>.echarts{border:1px solid #0000001a;border-radius:8px;width:calc(60vw + 4em);max-width:720px;height:360px;box-shadow:0 0 45px #0003}.split{justify-content:center;display:flex}.split .fig{margin-left:0;margin-right:0}@media (max-width:980px){.fig{width:100vw;margin:1em auto}.fig .echarts{width:100%;min-width:0;height:60vw;box-shadow:none;border:none;border-radius:0}}@media (min-width:980px){.fig.half .echarts{width:28vw;min-width:240px;height:180px}.fig.half+.fig.half{margin-left:30px}}th[data-v-f7982ebc],td[data-v-f7982ebc]{padding:4px 8px}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=text],input[type=number]{cursor:text}.dialog{background-color:#fff;border-radius:6px;flex-direction:column;width:80vw;height:90vh;display:flex;overflow:hidden;box-shadow:0 0 45px #0003}.options{border-bottom:1px solid #0000001a;justify-content:center;align-items:stretch;gap:16px;padding:16px;display:flex}.options label{align-items:center;gap:4px;display:flex}.options input,.options button,.options select{height:2.4em}.options input[type=number]{width:60px}.code{tab-size:4;flex-grow:1;justify-content:center;align-items:stretch;min-height:0;display:flex;position:relative}.code .option-code,.code .import-code{border:none;flex:0 0 50%;margin:0;font-size:13px;line-height:1.2;overflow:auto}.code .import-code{border-left:1px solid #0000001a}.code .import-code pre{width:100%;height:100%;box-shadow:none;background:#fff;margin:0;padding:0;display:block}.code .import-code code{height:100%}.code .option-code{resize:none;outline:none;padding:1em}.copy{position:absolute;top:10px;right:10px}.message{z-index:2147483647;color:#fff;opacity:0;background-color:#2d3440fa;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;transition:transform .2s,opacity .2s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%,200%);box-shadow:0 4px 16px #2d344099}.message.open{opacity:1;transform:translate(-50%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#666;text-align:center;margin:0;padding:3em 0 0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none;transition:box-shadow .2s;box-shadow:0 1px #42b983}a:hover{box-shadow:0 2px #42b983}h1{margin-bottom:1em;font-family:Inter,Helvetica Neue,Arial,sans-serif}h2{margin-top:1em;margin-bottom:1em}.sep{color:#7f8c8d;opacity:.6;justify-content:center;align-items:center;gap:12px;margin-top:6em;margin-bottom:1.8em;font-size:1.25em;display:flex}.sep:before,.sep:after{content:"";border-bottom:1px dotted;width:48px;display:block}h3{margin-top:2em;padding-top:1em;font-size:1.2em}h3 small{opacity:.7;font-weight:300}h3 button{vertical-align:middle;margin-left:1em}.desc{color:#7f8c8d;margin-bottom:3em}.desc a{color:#42b983}p small{color:#7f8c8d;font-size:.8em}p{line-height:1.5}p button+button,p button+select,p select+button,p select+select{margin-left:.5em}pre{text-align:left;background-color:#f9f9f9;padding:.8em;display:inline-block;box-shadow:0 1px 2px #00000020}pre,code,textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}footer{vertical-align:middle;margin:5em 0 3em;font-size:.5em}footer a{color:#7f8c8d;margin:0 5px;font-size:2em;display:inline-block}h1,h2,h3{color:#2c3e50;font-weight:400}h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover{box-shadow:none;text-decoration:none}button,select,input{color:#42b983;cursor:pointer;font:inherit;background-color:#fff;border:1px solid #4fc08d;border-radius:.5em;padding:0 .5em;transition:all .2s}button:focus,select:focus,input:focus{outline:none}button:focus-visible,select:focus-visible,input:focus-visible{box-shadow:0 0 1px #4fc08d}button:active,select:active,input:active{background:#4fc08d33}button[disabled],select[disabled],input[disabled]{opacity:.5;cursor:not-allowed}label{justify-content:center;align-items:center;display:inline-flex}button,input,label,select{height:2em;font-size:.75em}#logo{pointer-events:none;width:128px;height:128px;display:inline-flex}.modal{z-index:2147483646;background-color:#0003;display:none;position:fixed;inset:0}.modal.open{justify-content:center;align-items:center;display:flex}.modal img{background-color:#404a59;border:2px solid #fff;border-radius:3px;max-width:80vw;position:absolute;box-shadow:0 0 30px #0003}@media (max-width:980px){p select{text-indent:calc(50% - 1em)}p select,p label{color:#42b983;cursor:pointer;background-color:#fff;border:1px solid #4fc08d;border-radius:2em;transition:opacity .3s}p button,p input,p select,p label{border-radius:.5em;flex:1 0;max-width:40vw;margin:0 .5em;padding:0;font-size:.8em;line-height:2em}p input[type=checkbox]{display:none}p input[type=checkbox]:checked+label{color:#fff;background:#42b983}}.actions{justify-content:center;align-items:center;gap:8px;display:flex}.renderer button,.codegen button{color:#36485ecc;border-color:#36485e;font-weight:500;position:relative}.renderer button:focus-visible,.codegen button:focus-visible{box-shadow:0 0 1px #36485e}.renderer button:active,.codegen button:active{background:#36485e33}.renderer{font-size:16px;position:fixed;top:10px;left:10px}.renderer button{width:64px}.renderer button.active{z-index:1;color:#fff;background-color:#36485e}.renderer button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.renderer button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;left:-1px}.codegen{display:flex;position:fixed;top:10px;left:146px}.codegen button{align-items:center;gap:4px;padding:0 4px;display:flex}@media (max-width:480px){.codegen{display:none}}