x-vue-echarts{display:block;width:100%;height:100%;min-width:0}.fig{display:flex;justify-content:center;width:fit-content;margin:2em auto}.fig>.echarts{width:calc(60vw + 4em);height:360px;max-width:720px;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 0 45px #0003}.split{display:flex;justify-content:center}.split .fig{margin-right:0;margin-left:0}@media (max-width: 980px){.fig{width:100vw;margin:1em auto}.fig .echarts{width:100%;min-width:0;height:60vw;border:none;border-radius:0;box-shadow:none}}@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{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.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,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=text],input[type=number]{cursor:text}.dialog{display:flex;flex-direction:column;width:80vw;height:90vh;border-radius:6px;overflow:hidden;background-color:#fff;box-shadow:0 0 45px #0003}.options{display:flex;justify-content:center;align-items:stretch;gap:16px;padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.options label{display:flex;align-items:center;gap:4px}.options input,.options button,.options select{height:2.4em}.options input[type=number]{width:60px}.code{position:relative;display:flex;justify-content:center;align-items:stretch;flex-grow:1;min-height:0;-moz-tab-size:4;tab-size:4}.code .option-code,.code .import-code{flex:0 0 50%;margin:0;border:none;line-height:1.2;font-size:13px;overflow:auto}.code .import-code{border-left:1px solid rgba(0,0,0,.1)}.code .import-code pre{display:block;width:100%;height:100%;margin:0;padding:0;background:#fff;box-shadow:none}.code .import-code code{height:100%}.code .option-code{padding:1em;outline:none;resize:none}.copy{position:absolute;right:10px;top:10px}.message{position:fixed;z-index:2147483647;bottom:2rem;left:50%;padding:.5rem .75rem;background-color:#2d3440fa;box-shadow:0 4px 16px #2d344099;color:#fff;font-size:.875rem;transform:translate(-50%,200%);border-radius:4px;opacity:0;transition:transform .2s,opacity .2s}.message.open{transform:translate(-50%);opacity:1}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:3em 0 0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:300;color:#666;text-align:center}a{color:inherit;text-decoration:none;box-shadow:0 1px #42b983;transition:box-shadow .2s}a:hover{box-shadow:0 2px #42b983}h1,h2,h3{color:#2c3e50;font-weight:400}h1{margin-bottom:1em;font-family:Inter,Helvetica Neue,Arial,sans-serif}h2{margin-top:1em;margin-bottom:1em}.sep{margin-top:6em;margin-bottom:1.8em;display:flex;justify-content:center;align-items:center;gap:12px;font-size:1.25em;color:#7f8c8d;opacity:.6}.sep:before,.sep:after{content:"";display:block;width:48px;border-bottom:1px dotted currentColor}h3{margin-top:2em;padding-top:1em;font-size:1.2em}h3 small{font-weight:300;opacity:.7}h3 button{margin-left:1em;vertical-align:middle}.desc{margin-bottom:3em;color:#7f8c8d}.desc a{color:#42b983}p small{font-size:.8em;color:#7f8c8d}p{line-height:1.5}p button+button,p button+select,p select+button,p select+select{margin-left:.5em}pre{display:inline-block;padding:.8em;background-color:#f9f9f9;box-shadow:0 1px 2px #00000020;text-align:left}pre,code,textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}footer{margin:5em 0 3em;font-size:.5em;vertical-align:middle}footer a{display:inline-block;margin:0 5px;color:#7f8c8d;font-size:2em}h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover{text-decoration:none;box-shadow:none}button,select,input{border:1px solid #4fc08d;border-radius:.5em;background-color:#fff;color:#42b983;cursor:pointer;font:inherit;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{display:inline-flex;align-items:center;justify-content:center}button,input,label,select{font-size:.75em;height:2em}#logo{display:inline-flex;width:128px;height:128px;pointer-events:none}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:2147483646}.modal.open{display:flex;align-items:center;justify-content:center}.modal img{position:absolute;background-color:#404a59;max-width:80vw;border:2px solid #fff;border-radius:3px;box-shadow:0 0 30px #0003}@media (max-width: 980px){p select{text-indent:calc(50% - 1em)}p select,p label{border:1px solid #4fc08d;border-radius:2em;background-color:#fff;color:#42b983;cursor:pointer;transition:opacity .3s}p button,p input,p select,p label{flex:1 0;margin:0 .5em;padding:0;line-height:2em;max-width:40vw;border-radius:.5em;font-size:.8em}p input[type=checkbox]{display:none}p input[type=checkbox]:checked+label{background:#42b983;color:#fff}}.actions{display:flex;justify-content:center;align-items:center;gap:8px}.renderer button,.codegen button{position:relative;border-color:#36485e;color:#36485ecc;font-weight:500}.renderer button:focus-visible,.codegen button:focus-visible{box-shadow:0 0 1px #36485e}.renderer button:active,.codegen button:active{background:#36485e33}.renderer{position:fixed;top:10px;left:10px;font-size:16px}.renderer button{width:64px}.renderer button.active{z-index:1;background-color:#36485e;color:#fff}.renderer button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.renderer button:last-child{left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.codegen{display:flex;position:fixed;top:10px;left:146px}.codegen button{display:flex;align-items:center;padding:0 4px;gap:4px}@media (max-width: 480px){.codegen{display:none}}