body,html{height:100%;width:100%;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{min-width:1260px;color:#1f2733}*{box-sizing:border-box}a{color:#1f2733;text-decoration:none}article a{color:#237ffa}h1{font-size:32px;line-height:44px;margin:24px 0 6px}h1,h2,h3{font-style:normal;font-weight:500;color:#1f2733;padding:0}h2,h3{font-size:24px;line-height:34px;margin:32px 0 16px}p{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#5f6a7a}.hi-v4-menu-item,p{margin:0;padding:0}.hiui-docs-tab-list .hi-v4-tabs__list--scroll{background-color:var(--hi-v4-color-gray-200,#ebedf0);border-radius:4px;padding:4px}.hiui-docs-tab-list .hi-v4-tabs__list--scroll .hi-v4-tabs__item{padding-top:6px;padding-bottom:6px;line-height:20px}.hiui-docs-tab-list .hi-v4-tabs__list--scroll .hi-v4-tabs__item:not(:last-child){margin-right:4px}.hiui-docs-tab-list.hi-v4-tabs__list--card .hi-v4-tabs__item{border-radius:4px}blockquote{background-color:#f2f4f7;padding:16px 40px;border-left:6px solid #c9ced6;border-radius:2px;margin:8px 0 0}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;max-width:calc(100vw - 256px - 260px);min-width:720px}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.75em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f2f4f7;border-radius:8px}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#d94146}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#08a351}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#237ffa}.token.class-name,.token.function{color:#fe7940}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}code{background-color:#f2f4f7;border-radius:4px;padding:2px 4px}.CodeBlock_container__FRVK7{width:100%;box-sizing:border-box;margin-top:24px;margin-bottom:48px;max-width:calc(100vw - 256px - 260px);min-width:720px}.CodeBlock_onlyEditor__homyA{max-width:none;min-width:auto;margin:0}.CodeBlock_onlyEditor__homyA .CodeBlock_preview-container__t_KUw{padding:0;background:transparent}.CodeBlock_preview-container__t_KUw{padding:8px;background-color:#f2f4f7;border-radius:8px}.CodeBlock_preview-container__t_KUw .CodeBlock_preview__9fT8R h1{display:none}.CodeBlock_preview-container__t_KUw .CodeBlock_preview__9fT8R h2{font-size:16px;font-weight:500;padding:0;margin:20px 0 10px;color:#1f2733}.CodeBlock_preview-container__t_KUw .CodeBlock_preview__9fT8R h2:first-child{margin-top:0}.CodeBlock_preview-action-buttons__kpWBH{display:flex;justify-content:right;padding:16px 0}.CodeBlock_preview__9fT8R{background-color:#fff;padding:16px 16px 0;border-radius:0}.CodeBlock_editor-wrapper__CjYPO{width:100%;display:flex;justify-content:center;padding-top:16px}.CodeBlock_preview-error__NjNtY{color:#ba2f7b;font-weight:700;font-size:16px;overflow-x:auto}.CodeBlock_editor__Z27Aq{box-shadow:0 0 8px #ccc;height:600px;width:100%;border-radius:8px}.CodeBlock_editor__Z27Aq p{color:#55bb8a!important}.CodeBlock_editor__Z27Aq .monaco-editor{background:transparent}.CodeBlock_editor__Z27Aq .slider{border-radius:7px}.CodeBlock_editor__Z27Aq .overflow-guard{border-radius:8px}.CodeBlock_editor__Z27Aq .mtk9{color:#57c3c2}.CodeBlock_editor__Z27Aq .mtk1{color:#fffef8}.CodeBlock_editor__Z27Aq .mtk22{color:#ba2f7b}.CodeBlock_editor__Z27Aq .mtk8{color:#619ac3}.CodeBlock_editor__Z27Aq .mtk5{color:#55bb8a}.CodeBlock_editor__Z27Aq .monaco-editor.showUnused .squiggly-inline-unnecessary{opacity:.4}.CodeBlock_editor__Z27Aq .jsx-expression-braces{color:#f1908c}.CodeBlock_editor__Z27Aq .jsx-tag-angle-bracket{color:#619ac3}.CodeBlock_editor__Z27Aq .jsx-tag-angle-bracket.jsx-tag-order-1{color:#12a182}.CodeBlock_editor__Z27Aq .jsx-tag-angle-bracket.jsx-tag-order-2{color:#4e7ca1}.CodeBlock_editor__Z27Aq .jsx-tag-angle-bracket.jsx-tag-order-3{color:#fb8b05}.CodeBlock_editor__Z27Aq .jsx-tag-name{color:#ba2f7b}.CodeBlock_editor__Z27Aq .jsx-tag-attribute-key{color:#ffa60f}.CodeBlock_editor__Z27Aq .jsx-text{color:#a0a0a0}.CodeBlock_editor__Z27Aq .JsxClosingFragment,.CodeBlock_editor__Z27Aq .JsxOpeningFragment{color:#619ac3}.CodeBlock_editor__Z27Aq .JsxElement.JsxText,.CodeBlock_editor__Z27Aq .JsxFragment.JsxText{color:#a0a0a0}.CodeBlock_editor__Z27Aq .JsxElement.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7),.CodeBlock_editor__Z27Aq .JsxElement.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7),.CodeBlock_editor__Z27Aq .JsxElement.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7),.CodeBlock_editor__Z27Aq .JsxFragment.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7),.CodeBlock_editor__Z27Aq .JsxFragment.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7),.CodeBlock_editor__Z27Aq .JsxFragment.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7){color:#619ac3}.CodeBlock_editor__Z27Aq .JsxElement.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).JsxText,.CodeBlock_editor__Z27Aq .JsxElement.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).JsxText,.CodeBlock_editor__Z27Aq .JsxElement.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).JsxText,.CodeBlock_editor__Z27Aq .JsxFragment.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).JsxText,.CodeBlock_editor__Z27Aq .JsxFragment.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).JsxText,.CodeBlock_editor__Z27Aq .JsxFragment.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).JsxText{color:#a0a0a0}.CodeBlock_editor__Z27Aq .JsxElement.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).Identifier,.CodeBlock_editor__Z27Aq .JsxElement.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).Identifier,.CodeBlock_editor__Z27Aq .JsxElement.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).Identifier,.CodeBlock_editor__Z27Aq .JsxFragment.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).Identifier,.CodeBlock_editor__Z27Aq .JsxFragment.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).Identifier,.CodeBlock_editor__Z27Aq .JsxFragment.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).Identifier{color:#ba2f7b}.CodeBlock_editor__Z27Aq .JsxElement.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).attribute-key:not(.mtk9),.CodeBlock_editor__Z27Aq .JsxElement.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).attribute-key:not(.mtk9),.CodeBlock_editor__Z27Aq .JsxElement.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).attribute-key:not(.mtk9),.CodeBlock_editor__Z27Aq .JsxFragment.JsxClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).attribute-key:not(.mtk9),.CodeBlock_editor__Z27Aq .JsxFragment.JsxOpeningElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).attribute-key:not(.mtk9),.CodeBlock_editor__Z27Aq .JsxFragment.JsxSelfClosingElement:not(.StringLiteral,.TrueKeyword,.FalseKeyword,.ExpressionStatement,.PropertyAssignment,.mtk7).attribute-key:not(.mtk9){color:#ffa60f}