.zai-demo-doc-code[data-v-6231ef87]{border-radius:8px;margin:16px 0;transition:background-color .5s;position:relative;overflow-x:auto}.zai-demo-doc-code .code-lang[data-v-6231ef87]{z-index:2;transition:color .4s,opacity .4s;position:absolute;top:10px;right:12px}.zai-demo-doc-code .copy-code[data-v-6231ef87]{z-index:3;opacity:0;cursor:pointer;direction:ltr;border-radius:4px;transition:background .25s,opacity .25s;position:absolute;top:12px;right:12px}.zai-demo-doc-code .doc-code[data-v-6231ef87]{padding:20px;position:relative;overflow-x:auto}.zai-demo-doc-code.is-light[data-v-6231ef87]{background-color:#f9f9f9}.zai-demo-doc-code.is-light .code-lang[data-v-6231ef87]{color:#3c3c438f}.zai-demo-doc-code.is-light .copy-code[data-v-6231ef87]{color:#3c3c438f;background:#f6f6f7;border:1px solid #e2e2e3}.zai-demo-doc-code.is-light .copy-code[data-v-6231ef87]:hover{background:#fff}.zai-demo-doc-code.is-dark[data-v-6231ef87]{background-color:#1c1c1c}.zai-demo-doc-code.is-dark .code-lang[data-v-6231ef87]{color:#555}.zai-demo-doc-code.is-dark .copy-code[data-v-6231ef87]{color:#ffffffb3;background:#313131;border:1px solid #636363}.zai-demo-doc-code.is-dark .copy-code[data-v-6231ef87]:hover{background:#000}.zai-demo-doc-code:hover .copy-code[data-v-6231ef87]{opacity:1}.zai-demo-doc-code .doc-code[data-v-6231ef87] pre{background-color:#0000!important}.zai-demo-doc-code .doc-code[data-v-6231ef87] code{width:fit-content;min-width:100%;line-height:1.7;transition:color .5s;display:block}