@alifd/chat 0.3.10-beta.6 → 0.3.10-beta.7

package/dist/docs/recommend/main.css

@@ -1 +1 @@
-.next-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;overflow:hidden}.next-icon[dir=rtl]:before{transform:rotateY(180deg)}@font-face{font-family:NextIcon;src:url(//at.alicdn.com/t/font_515771_xjdbujl2iu.eot);src:url(//at.alicdn.com/t/font_515771_xjdbujl2iu.eot?#iefix)format("embedded-opentype"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.woff2)format("woff2"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.woff)format("woff"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.ttf)format("truetype"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.svg#NextIcon)format("svg");font-display:swap}.next-icon{text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:NextIcon;font-style:normal;font-weight:400;display:inline-block}.next-icon:before{vertical-align:middle;text-align:center;display:inline-block}.next-icon-smile:before{content:"";content:var(--icon-content-smile,"")}.next-icon-cry:before{content:"";content:var(--icon-content-cry,"")}.next-icon-success:before{content:"";content:var(--icon-content-success,"")}.next-icon-warning:before{content:"";content:var(--icon-content-warning,"")}.next-icon-prompt:before{content:"";content:var(--icon-content-prompt,"")}.next-icon-error:before{content:"";content:var(--icon-content-error,"")}.next-icon-help:before{content:"";content:var(--icon-content-help,"")}.next-icon-clock:before{content:"";content:var(--icon-content-clock,"")}.next-icon-success-filling:before{content:"";content:var(--icon-content-success-filling,"")}.next-icon-delete-filling:before{content:"";content:var(--icon-content-delete-filling,"")}.next-icon-favorites-filling:before{content:"";content:var(--icon-content-favorites-filling,"")}.next-icon-add:before{content:"";content:var(--icon-content-add,"")}.next-icon-minus:before{content:"";content:var(--icon-content-minus,"")}.next-icon-arrow-up:before{content:"";content:var(--icon-content-arrow-up,"")}.next-icon-arrow-down:before{content:"";content:var(--icon-content-arrow-down,"")}.next-icon-arrow-left:before{content:"";content:var(--icon-content-arrow-left,"")}.next-icon-arrow-right:before{content:"";content:var(--icon-content-arrow-right,"")}.next-icon-arrow-double-left:before{content:"";content:var(--icon-content-arrow-double-left,"")}.next-icon-arrow-double-right:before{content:"";content:var(--icon-content-arrow-double-right,"")}.next-icon-switch:before{content:"";content:var(--icon-content-switch,"")}.next-icon-sorting:before{content:"";content:var(--icon-content-sorting,"")}.next-icon-descending:before{content:"";content:var(--icon-content-descending,"")}.next-icon-ascending:before{content:"";content:var(--icon-content-ascending,"")}.next-icon-select:before{content:"";content:var(--icon-content-select,"")}.next-icon-semi-select:before{content:"";content:var(--icon-content-semi-select,"")}.next-icon-search:before{content:"";content:var(--icon-content-search,"")}.next-icon-close:before{content:"";content:var(--icon-content-close,"")}.next-icon-ellipsis:before{content:"";content:var(--icon-content-ellipsis,"")}.next-icon-picture:before{content:"";content:var(--icon-content-picture,"")}.next-icon-calendar:before{content:"";content:var(--icon-content-calendar,"")}.next-icon-ashbin:before{content:"";content:var(--icon-content-ashbin,"")}.next-icon-upload:before{content:"";content:var(--icon-content-upload,"")}.next-icon-download:before{content:"";content:var(--icon-content-download,"")}.next-icon-set:before{content:"";content:var(--icon-content-set,"")}.next-icon-edit:before{content:"";content:var(--icon-content-edit,"")}.next-icon-refresh:before{content:"";content:var(--icon-content-refresh,"")}.next-icon-filter:before{content:"";content:var(--icon-content-filter,"")}.next-icon-attachment:before{content:"";content:var(--icon-content-attachment,"")}.next-icon-account:before{content:"";content:var(--icon-content-account,"")}.next-icon-email:before{content:"";content:var(--icon-content-email,"")}.next-icon-atm:before{content:"";content:var(--icon-content-atm,"")}.next-icon-loading:before{content:"";content:var(--icon-content-loading,"");animation:1s linear infinite loadingCircle}.next-icon-eye:before{content:"";content:var(--icon-content-eye,"")}.next-icon-copy:before{content:"";content:var(--icon-content-copy,"")}.next-icon-toggle-left:before{content:"";content:var(--icon-content-toggle-left,"")}.next-icon-toggle-right:before{content:"";content:var(--icon-content-toggle-right,"")}.next-icon-eye-close:before{content:"";content:var(--icon-content-eye-close,"")}.next-icon-unlock:before{content:"";content:var(--icon-content-unlock,"")}.next-icon-lock:before{content:"";content:var(--icon-content-lock,"")}.next-icon-exit:before{content:"";content:var(--icon-content-exit,"")}.next-icon-chart-bar:before{content:"";content:var(--icon-content-chart-bar,"")}.next-icon-chart-pie:before{content:"";content:var(--icon-content-chart-pie,"")}.next-icon-form:before{content:"";content:var(--icon-content-form,"")}.next-icon-detail:before{content:"";content:var(--icon-content-detail,"")}.next-icon-list:before{content:"";content:var(--icon-content-list,"")}.next-icon-dashboard:before{content:"";content:var(--icon-content-dashboard,"")}@keyframes loadingCircle{0%{transform-origin:50%;transform:rotate(0)}to{transform-origin:50%;transform:rotate(360deg)}}.next-icon.next-xxs:before,.next-icon.next-xxs .next-icon-remote{width:8px;width:var(--icon-xxs,8px);font-size:8px;font-size:var(--icon-xxs,8px);line-height:inherit}@media (-webkit-min-device-pixel-ratio:0) and (-webkit-min-device-pixel-ratio:.0000264583),(-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.next-icon.next-xxs{margin-left:-4px;margin-left:calc(0px - var(--icon-s,16px)/2 + var(--icon-xxs,8px)/2);margin-right:-4px;margin-right:calc(0px - var(--icon-s,16px)/2 + var(--icon-xxs,8px)/2);transform:scale(.5)}.next-icon.next-xxs:before{width:16px;width:var(--icon-s,16px);font-size:16px;font-size:var(--icon-s,16px)}}.next-icon.next-xs:before,.next-icon.next-xs .next-icon-remote{width:12px;width:var(--icon-xs,12px);font-size:12px;font-size:var(--icon-xs,12px);line-height:inherit}.next-icon.next-small:before,.next-icon.next-small .next-icon-remote{width:16px;width:var(--icon-s,16px);font-size:16px;font-size:var(--icon-s,16px);line-height:inherit}.next-icon.next-medium:before,.next-icon.next-medium .next-icon-remote{width:20px;width:var(--icon-m,20px);font-size:20px;font-size:var(--icon-m,20px);line-height:inherit}.next-icon.next-large:before,.next-icon.next-large .next-icon-remote{width:24px;width:var(--icon-l,24px);font-size:24px;font-size:var(--icon-l,24px);line-height:inherit}.next-icon.next-xl:before,.next-icon.next-xl .next-icon-remote{width:32px;width:var(--icon-xl,32px);font-size:32px;font-size:var(--icon-xl,32px);line-height:inherit}.next-icon.next-xxl:before,.next-icon.next-xxl .next-icon-remote{width:48px;width:var(--icon-xxl,48px);font-size:48px;font-size:var(--icon-xxl,48px);line-height:inherit}.next-icon.next-xxxl:before,.next-icon.next-xxxl .next-icon-remote{width:64px;width:var(--icon-xxxl,64px);font-size:64px;font-size:var(--icon-xxxl,64px);line-height:inherit}.next-icon.next-inherit:before,.next-icon.next-inherit .next-icon-remote{width:inherit;font-size:inherit;line-height:inherit}.next-icon.next-inherit .next-icon-remote,.next-icon .next-icon-remote{vertical-align:middle;fill:currentColor;width:1em;height:1em}.ct-recommend{width:100%}.ct-recommend .recommend-container{flex-direction:column;align-items:flex-start;margin-bottom:8px;display:flex}.ct-recommend .recommend-container:last-child{margin-bottom:0}.ct-recommend .recommend-item{cursor:pointer;background-color:var(--color-fill1-2,#f2f3f7);max-width:100%;color:var(--color-text1-4,#333);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:4px 12px;transition:background-color .3s,opacity .3s,left .3s;display:inline-block;position:relative;overflow:hidden}.ct-recommend .recommend-item:hover{background-color:var(--color-fill1-3,#ebecf0)}.ct-recommend .recommend-item:active{background-color:var(--color-fill1-4,#e2e4e8)}.ct-recommend .recommend-item-appear,.ct-recommend .recommend-item-appear-active{opacity:0;left:10px}.ct-recommend .recommend-item-appear-done{opacity:1;left:0}.ct-recommend .recommend-collapsed{cursor:pointer;display:inline-block}pre[class*=language-],code[class*=language-]{color:#585d66;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;direction:ltr;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::mozselection{text-shadow:none;background:#b3d4fc}code[class*=language-]::mozselection{text-shadow:none;background:#b3d4fc}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#f5f7fa;margin:1em 0 3em;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#f9f2f4;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#93a1a1}.token.punctuation{color:#999}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#b81880}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#08c29e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59}.token.atrule,.token.attr-value,.token.keyword{color:#009dd6}.token.function{color:#ed4c62}.token.regex,.token.important,.token.variable{color:#f57315}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight{padding:inherit 0;z-index:0;pointer-events:none;line-height:inherit;white-space:pre;background:#f7f2cf;margin-top:1em;position:absolute;left:0;right:0;box-shadow:inset 5px 0 #f7d87c}body{margin:56px 56px auto;font-size:14px!important}body *{box-sizing:border-box}.markdown{color:#666;word-wrap:break-word;letter-spacing:.2px;line-height:24px}.markdown img{vertical-align:middle;max-width:100%}.markdown h1{color:#222;margin-top:8px;margin-bottom:24px;font-family:Roboto-Bold;font-size:32px;font-weight:500;line-height:32px}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:#222;clear:both;font-weight:500;position:relative}.markdown h2{min-height:20px;margin:56px 0 20px;font-size:24px;line-height:20px}.markdown h3{min-height:22px;margin:24px 0 12px;font-size:16px;line-height:22px}.markdown h4{min-height:20px;margin:12px 0 8px;font-size:14px;line-height:20px}.markdown .header-anchor{opacity:0;touch-action:manipulation;margin-left:8px;transition:opacity .3s}.markdown h1:hover .header-anchor,.markdown h2:hover .header-anchor,.markdown h3:hover .header-anchor,.markdown h4:hover .header-anchor,.markdown h5:hover .header-anchor,.markdown h6:hover .header-anchor{opacity:1;display:inline-block}.markdown hr{clear:both;background:#e9e9e9;border:0;height:1px;margin:16px 0}.markdown p{color:#666;letter-spacing:0;min-height:24px;margin-bottom:12px;font-family:Roboto-Regular;font-size:14px;line-height:24px}.markdown ol,.markdown ul{padding-left:1em}.markdown ul>li{list-style-type:circle}.markdown>ul li,.markdown blockquote ul>li{margin-left:20px;padding-left:4px}.markdown ol>li{list-style:decimal}.markdown>ol li,.markdown blockquote ol>li{margin-left:20px;padding-left:4px}.markdown code:not([class*=language-]){color:#c7254e;background-color:#f9f2f4;border:1px solid #f0f0f0;border-radius:3px;margin:0 1px;font-size:.9em}.markdown p code{color:#c7254e;background-color:#f9f2f4;padding:2px 4px}.markdown b,.markdown strong{font-weight:600}.markdown>table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #e9e9e9;width:100%;margin:16px 0}.markdown>table th{white-space:nowrap;color:#5c6b77;font-weight:600}.markdown>table td,.markdown>table th{text-align:left;border:1px solid #e9e9e9;padding:8px 16px}.markdown>table th{background:#f7f7f7}.markdown blockquote{color:#999;border-left:4px solid #e9e9e9;margin:1em 0;padding-left:.8em;font-style:italic}.markdown blockquote p{margin:0}.post .anchor{margin-left:0;position:absolute;left:-18px}.markdown .waiting{color:#ccc;cursor:not-allowed}.markdown>br,.markdown>p>br{clear:both}.markdown .anchor{line-height:unset;float:left;color:transparent;margin-left:-15px}.markdown .anchor:hover{color:#108ee9;text-decoration:none}.markdown .anchor>span{color:#222}#demo-api .anchor,.demo-list .markdown .anchor{float:unset;color:transparent}#demo-api .anchor:hover,.demo-list .markdown .anchor:hover{color:#108ee9;text-decoration:none}code{font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.js-focus-visible :focus:not(.focus-visible){outline:none}.js-focus-visible .focus-visible:focus{outline:2px dashed orange}.demo-item-desc-body:empty{display:none}.demo-index-list{box-sizing:content-box;width:calc(20% - 56px);min-height:150px;max-height:calc(100vh - 200px);position:fixed;top:92px;overflow:auto}.demo-index-list .demo-index-item{color:#666;letter-spacing:0;border-left:1px solid #dcdee3;max-width:100%;min-height:20px;padding-left:10px;font-family:Roboto-Regular;font-size:12px;line-height:1.5}.demo-index-list .demo-index-item a{color:#666;letter-spacing:0;min-height:20px;padding:0;font-family:Roboto-Regular;font-size:12px;line-height:1.5;text-decoration:none;display:block}.demo-index-list .demo-index-item.demo-index-item-sub{color:#666;letter-spacing:0;padding-left:20px;font-family:Roboto-Regular;font-size:12px;line-height:1.2}.demo-index-list .demo-index-item.demo-index-item-sub a{color:#666;letter-spacing:0;font-family:Roboto-Regular;font-size:12px;line-height:1.5;text-decoration:none;display:block}.demo-index-list .demo-index-item.active{color:#222;letter-spacing:0;border-left:1px solid #222;min-height:20px;font-family:Roboto-Bold;font-size:12px;font-weight:900;line-height:1.5}.next-demo-item.scroll-count-item.active{border:1px solid #3b9aff!important}.demo-index-list .demo-index-item.active a{color:#222;letter-spacing:0;min-height:20px;font-family:Roboto-Bold;font-size:12px;line-height:1.5;text-decoration:none}.demo-title{height:32px;margin:26px 0 16px;font-size:32px;font-weight:400;line-height:32px}.demo-head{margin-bottom:20px}.demo-list-item-code{position:relative}.demo-list-item-code .demo-code-previews{text-align:right;position:absolute;top:15px;right:10px}.demo-list-item-code .demo-code-previews .demo-code-preview-item{margin-left:5px;display:inline-block}.demo-list-item-code .demo-code-previews .demo-code-preview-item .preview-paltform-icon{vertical-align:text-top;width:1em;height:1em;margin-top:1px}.demo-list-item-code .demo-code-previews .demo-code-preview-item .preview-paltform-icon path{fill:#fff}.demo-list-item-header{margin:10px 0}.demo-list-item-control{text-align:center}.demo-list-item-control-img{transition:transform .5s;display:inline-block;transform:rotate(180deg)}.demo-list-item-body .demo-list-item-code{transform-origin:top;height:0;transition:all .3s;overflow:hidden;transform:scaleY(0)}.demo-list-item-body.expand .demo-list-item-code{height:auto;transition:all .3s;transform:scaleY(1)}.demo-list-item-body.expand .demo-list-item-control-img{transform:rotate(0)}.demo-api .title{color:#333;margin:1.5em 0 .5em;font-size:20px}.with-global-control-right{display:inline-flex}html::-webkit-scrollbar{display:none}#cnzz_stat_icon_1262003581{display:none}.markdown table li p.first{display:inline-block}.markdown table ul,ol{padding-left:30px}.markdown table ul :first-child,ol :first-child{margin-top:0}.markdown table ul :last-child,ol :last-child{margin-bottom:0}.markdown table dl{padding:0}.markdown table dl dt{margin:15px 0 5px;padding:0;font-size:14px;font-style:italic;font-weight:700}.markdown table dl dt:first-child{padding:0}.markdown table dl dt>:first-child{margin-top:0}.markdown table dl dt>:last-child{margin-bottom:0}.markdown table dl dd{margin:0 0 15px;padding:0 15px}.markdown table dl dd>:first-child{margin-top:0}.markdown table dl dd>:last-child{margin-bottom:0}.markdown table blockquote{color:#777;padding:0 15px}.markdown table blockquote>:first-child{margin-top:0}.markdown table blockquote>:last-child{margin-bottom:0}.markdown table{border-spacing:0;width:100%;padding:0}.markdown table em{color:rgba(155,4,152,.8);margin-right:4px}.markdown table tr{background-color:#fff;border-top:1px solid #ccc;margin:0;padding:0}.markdown table tbody tr:hover{background-color:#f9f9f9}.markdown table tr th{text-align:left;color:#000;border-bottom:2px solid #333;min-height:16px;margin:0;padding:16px 0 10px;font-weight:700;line-height:16px}.markdown table tr td{text-align:left;border-bottom:1px solid #ccc;margin:0;padding:18px 18px 18px 0}.markdown table thead tr th:first-child{padding-left:8px}.markdown table td:first-child{color:#595959;white-space:nowrap;width:14%;padding-left:8px;font-weight:600}.markdown table td:nth-child(2){width:47%}.markdown table td:nth-child(3){width:16%;font-size:13px}.markdown table td:nth-child(4){width:15%;font-size:13px}.markdown table td:nth-child(5){width:8%;font-size:13px}.react-live-error{color:#fff;background-color:#0a0c18;margin-top:30px!important}.next-demo-links{background:#fff;border:1px solid #c4c6cf;border-radius:3px;width:300px;max-height:500px;margin:0;padding:0;list-style:none;position:fixed;top:50px;right:50px;overflow-y:auto}.next-demo-links li{min-height:30px;padding:0 10px}.next-demo-links li.title{color:#fff;background:#7f00e0}.next-demo-links li.title+li{border-top:none}.next-demo-links li+li{border-top:1px solid #c4c6cf}.next-demo-links a{color:#333;text-decoration:none}.next-demo-links a.current{color:#7f00e0}.next-demo-dir{background:#fff;border:1px solid #c4c6cf;width:100px;min-height:20px;position:absolute;top:20px;right:160px}.next-demo-lang{background:#fff;border:1px solid #c4c6cf;width:100px;min-height:20px;position:absolute;top:20px;right:50px}.react-live-body{padding:0 5px;font-size:14px;line-height:1.5}.react-live-body pre{font-family:Monaco,Andale Mono,Ubuntu Mono,monospace!important}.react-live-body .token.plain{color:#585d66}.react-live-body textarea{color:#333;caret-color:red}@supports ((-webkit-mask:none)) and (not (caret-color:red)){textarea{color:red}intextareaput:first-line{color:#333}}.react-live-body textarea:focus{outline:none;border:1px dashed rgba(59,154,255,.5)!important}[id*=-live-import] pre .language-jsx .hljs,[id*=-live-css] pre .language-css .hljs{border-radius:10px;padding:20px;font-family:Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;font-size:12px;background-color:#f5f5fb!important}#toggle-rtl{background:#fff;min-height:20px;position:absolute;top:20px;right:280px}.next-demo-item{border:1px solid #eee;margin-bottom:20px}.next-demo-playground{margin-top:40px}.next-demo-mount{border-bottom:1px solid #eee;padding:24px}.next-demo-body{background:#f5f7fa;max-height:400px;overflow:scroll;padding:4px 20px!important}[id*=-live-import] pre.language-jsx{margin:0;padding-bottom:0}[id*=-live-css] pre.language-css{margin:0;padding-top:0}.next-demo-body pre{margin:14px 0}.demo-item-desc{border-bottom:1px dashed #eee;padding:24px}.demo-item-desc h3{margin:0 0 8px;line-height:1}.demo-item-desc p{min-height:20px;margin:0;line-height:20px}.markdown h4+p{margin-top:0}.next-demo-mount p{margin:0 0 12px}.demo-item-desc .demo-item-desc-title{color:#333;letter-spacing:0;min-height:19px;font-family:Roboto-Bold;font-size:16px}.demo-item-desc .demo-item-desc-body{color:#666;letter-spacing:0;min-height:20px;font-family:Roboto-Regular;font-size:14px}.demo-item-desc-body markdown{margin:0}.demo-item-operations{opacity:.7;justify-content:flex-end;height:41px;padding:11px 12px 12px;transition:opacity .3s;display:flex}.code-box-code-action{color:rgba(0,0,0,.45);cursor:pointer;align-items:center;width:20px;height:20px;margin-left:24px;transition:all .24s;display:flex;position:relative}.op-icon,.code-expand-icon-hide,.code-expand-icon-show,.code-box-code-action svg{width:20px;height:20px}.all-demo-box-controls{align-items:center;display:flex;position:fixed}.all-demo-box-controls svg{color:rgba(0,0,0,.45);fill:rgba(0,0,0,.45);cursor:pointer;width:20px;height:20px;margin:8px;transition:all .24s;display:flex;position:relative;top:-4px;left:-3px}.op-icon:hover,.code-expand-icon-hide:hover,.code-expand-icon-show:hover,.code-box-code-action svg:hover,.code-box-expand-trigger svg:hover{color:#03c1fd;fill:#03c1fd;background-color:rgba(3,193,253,.12);border-radius:2px;box-shadow:0 0 2px 2px rgba(3,193,253,.12)}.op-icon:active,.code-expand-icon-hide:active,.code-expand-icon-show:active,.code-box-code-action svg:active,.code-box-expand-trigger svg:active{color:#009dd6;fill:#009dd6;background-color:rgba(3,193,253,.12);border-radius:2px;box-shadow:0 0 2px 2px rgba(3,193,253,.12)}.all-demo-box-controls svg[id=debug-show],.all-demo-box-controls svg[id=all-expanded],.all-demo-box-controls svg[id=live-off]{color:#fff;fill:#fff;background-color:#03c1fd;border-radius:2px;box-shadow:0 0 0 2px #03c1fd}.preview-btn{background-color:inherit;color:inherit;cursor:pointer;border:none;outline:none;margin:0;padding:0}h2#demo-list{margin-bottom:20px}.markdown h2+h3{margin-top:0}.markdown h3+table tr th{padding:4px 0 10px}.markdown table+h3{margin:41px 0 8px}.markdown p+p{margin-top:12px}pre[class*=language-]+h2{margin-top:36px}p{margin:12px 0}.demo-wrapper .demo-comment-list,.demo-wrapper .demo-list-item-body{background:#fff;border:1px solid #e6e7eb;border-radius:4px;padding:20px}.demo-wrapper{width:80%}.demo-index{width:calc(20% - 22.4px);min-height:150px;max-height:calc(100vh - 200px);padding-left:40px;position:fixed;top:56px;right:56px;overflow:auto}@media screen and (max-width:1000px){body{margin:0 20px}.demo-wrapper{width:100%}.demo-index{display:none}}.common-icon{vertical-align:middle;display:inline-block}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}
+.next-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;overflow:hidden}.next-icon[dir=rtl]:before{transform:rotateY(180deg)}@font-face{font-family:NextIcon;src:url(//at.alicdn.com/t/font_515771_xjdbujl2iu.eot);src:url(//at.alicdn.com/t/font_515771_xjdbujl2iu.eot?#iefix)format("embedded-opentype"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.woff2)format("woff2"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.woff)format("woff"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.ttf)format("truetype"),url(//at.alicdn.com/t/font_515771_xjdbujl2iu.svg#NextIcon)format("svg");font-display:swap}.next-icon{text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:NextIcon;font-style:normal;font-weight:400;display:inline-block}.next-icon:before{vertical-align:middle;text-align:center;display:inline-block}.next-icon-smile:before{content:"";content:var(--icon-content-smile,"")}.next-icon-cry:before{content:"";content:var(--icon-content-cry,"")}.next-icon-success:before{content:"";content:var(--icon-content-success,"")}.next-icon-warning:before{content:"";content:var(--icon-content-warning,"")}.next-icon-prompt:before{content:"";content:var(--icon-content-prompt,"")}.next-icon-error:before{content:"";content:var(--icon-content-error,"")}.next-icon-help:before{content:"";content:var(--icon-content-help,"")}.next-icon-clock:before{content:"";content:var(--icon-content-clock,"")}.next-icon-success-filling:before{content:"";content:var(--icon-content-success-filling,"")}.next-icon-delete-filling:before{content:"";content:var(--icon-content-delete-filling,"")}.next-icon-favorites-filling:before{content:"";content:var(--icon-content-favorites-filling,"")}.next-icon-add:before{content:"";content:var(--icon-content-add,"")}.next-icon-minus:before{content:"";content:var(--icon-content-minus,"")}.next-icon-arrow-up:before{content:"";content:var(--icon-content-arrow-up,"")}.next-icon-arrow-down:before{content:"";content:var(--icon-content-arrow-down,"")}.next-icon-arrow-left:before{content:"";content:var(--icon-content-arrow-left,"")}.next-icon-arrow-right:before{content:"";content:var(--icon-content-arrow-right,"")}.next-icon-arrow-double-left:before{content:"";content:var(--icon-content-arrow-double-left,"")}.next-icon-arrow-double-right:before{content:"";content:var(--icon-content-arrow-double-right,"")}.next-icon-switch:before{content:"";content:var(--icon-content-switch,"")}.next-icon-sorting:before{content:"";content:var(--icon-content-sorting,"")}.next-icon-descending:before{content:"";content:var(--icon-content-descending,"")}.next-icon-ascending:before{content:"";content:var(--icon-content-ascending,"")}.next-icon-select:before{content:"";content:var(--icon-content-select,"")}.next-icon-semi-select:before{content:"";content:var(--icon-content-semi-select,"")}.next-icon-search:before{content:"";content:var(--icon-content-search,"")}.next-icon-close:before{content:"";content:var(--icon-content-close,"")}.next-icon-ellipsis:before{content:"";content:var(--icon-content-ellipsis,"")}.next-icon-picture:before{content:"";content:var(--icon-content-picture,"")}.next-icon-calendar:before{content:"";content:var(--icon-content-calendar,"")}.next-icon-ashbin:before{content:"";content:var(--icon-content-ashbin,"")}.next-icon-upload:before{content:"";content:var(--icon-content-upload,"")}.next-icon-download:before{content:"";content:var(--icon-content-download,"")}.next-icon-set:before{content:"";content:var(--icon-content-set,"")}.next-icon-edit:before{content:"";content:var(--icon-content-edit,"")}.next-icon-refresh:before{content:"";content:var(--icon-content-refresh,"")}.next-icon-filter:before{content:"";content:var(--icon-content-filter,"")}.next-icon-attachment:before{content:"";content:var(--icon-content-attachment,"")}.next-icon-account:before{content:"";content:var(--icon-content-account,"")}.next-icon-email:before{content:"";content:var(--icon-content-email,"")}.next-icon-atm:before{content:"";content:var(--icon-content-atm,"")}.next-icon-loading:before{content:"";content:var(--icon-content-loading,"");animation:1s linear infinite loadingCircle}.next-icon-eye:before{content:"";content:var(--icon-content-eye,"")}.next-icon-copy:before{content:"";content:var(--icon-content-copy,"")}.next-icon-toggle-left:before{content:"";content:var(--icon-content-toggle-left,"")}.next-icon-toggle-right:before{content:"";content:var(--icon-content-toggle-right,"")}.next-icon-eye-close:before{content:"";content:var(--icon-content-eye-close,"")}.next-icon-unlock:before{content:"";content:var(--icon-content-unlock,"")}.next-icon-lock:before{content:"";content:var(--icon-content-lock,"")}.next-icon-exit:before{content:"";content:var(--icon-content-exit,"")}.next-icon-chart-bar:before{content:"";content:var(--icon-content-chart-bar,"")}.next-icon-chart-pie:before{content:"";content:var(--icon-content-chart-pie,"")}.next-icon-form:before{content:"";content:var(--icon-content-form,"")}.next-icon-detail:before{content:"";content:var(--icon-content-detail,"")}.next-icon-list:before{content:"";content:var(--icon-content-list,"")}.next-icon-dashboard:before{content:"";content:var(--icon-content-dashboard,"")}@keyframes loadingCircle{0%{transform-origin:50%;transform:rotate(0)}to{transform-origin:50%;transform:rotate(360deg)}}.next-icon.next-xxs:before,.next-icon.next-xxs .next-icon-remote{width:8px;width:var(--icon-xxs,8px);font-size:8px;font-size:var(--icon-xxs,8px);line-height:inherit}@media (-webkit-min-device-pixel-ratio:0) and (-webkit-min-device-pixel-ratio:.0000264583),(-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.next-icon.next-xxs{margin-left:-4px;margin-left:calc(0px - var(--icon-s,16px)/2 + var(--icon-xxs,8px)/2);margin-right:-4px;margin-right:calc(0px - var(--icon-s,16px)/2 + var(--icon-xxs,8px)/2);transform:scale(.5)}.next-icon.next-xxs:before{width:16px;width:var(--icon-s,16px);font-size:16px;font-size:var(--icon-s,16px)}}.next-icon.next-xs:before,.next-icon.next-xs .next-icon-remote{width:12px;width:var(--icon-xs,12px);font-size:12px;font-size:var(--icon-xs,12px);line-height:inherit}.next-icon.next-small:before,.next-icon.next-small .next-icon-remote{width:16px;width:var(--icon-s,16px);font-size:16px;font-size:var(--icon-s,16px);line-height:inherit}.next-icon.next-medium:before,.next-icon.next-medium .next-icon-remote{width:20px;width:var(--icon-m,20px);font-size:20px;font-size:var(--icon-m,20px);line-height:inherit}.next-icon.next-large:before,.next-icon.next-large .next-icon-remote{width:24px;width:var(--icon-l,24px);font-size:24px;font-size:var(--icon-l,24px);line-height:inherit}.next-icon.next-xl:before,.next-icon.next-xl .next-icon-remote{width:32px;width:var(--icon-xl,32px);font-size:32px;font-size:var(--icon-xl,32px);line-height:inherit}.next-icon.next-xxl:before,.next-icon.next-xxl .next-icon-remote{width:48px;width:var(--icon-xxl,48px);font-size:48px;font-size:var(--icon-xxl,48px);line-height:inherit}.next-icon.next-xxxl:before,.next-icon.next-xxxl .next-icon-remote{width:64px;width:var(--icon-xxxl,64px);font-size:64px;font-size:var(--icon-xxxl,64px);line-height:inherit}.next-icon.next-inherit:before,.next-icon.next-inherit .next-icon-remote{width:inherit;font-size:inherit;line-height:inherit}.next-icon.next-inherit .next-icon-remote,.next-icon .next-icon-remote{vertical-align:middle;fill:currentColor;width:1em;height:1em}.ct-recommend{width:100%;transition:height .3s}.ct-recommend .recommend-container{flex-direction:column;align-items:flex-start;margin-top:8px;display:flex}.ct-recommend .recommend-item{cursor:pointer;background-color:var(--color-fill1-3,#ebecf0);max-width:100%;color:var(--color-text1-4,#333);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:4px 12px;transition:background-color .3s,opacity .3s,left .3s;display:inline-block;position:relative;overflow:hidden}.ct-recommend .recommend-item:hover,.ct-recommend .recommend-item:active{background-color:var(--color-fill1-4,#e2e4e8)}.ct-recommend .recommend-item-appear,.ct-recommend .recommend-item-appear-active{opacity:0;left:10px}.ct-recommend .recommend-item-appear-done{opacity:1;left:0}.ct-recommend .recommend-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}pre[class*=language-],code[class*=language-]{color:#585d66;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;direction:ltr;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::mozselection{text-shadow:none;background:#b3d4fc}code[class*=language-]::mozselection{text-shadow:none;background:#b3d4fc}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#f5f7fa;margin:1em 0 3em;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#f9f2f4;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#93a1a1}.token.punctuation{color:#999}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#b81880}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#08c29e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59}.token.atrule,.token.attr-value,.token.keyword{color:#009dd6}.token.function{color:#ed4c62}.token.regex,.token.important,.token.variable{color:#f57315}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight{padding:inherit 0;z-index:0;pointer-events:none;line-height:inherit;white-space:pre;background:#f7f2cf;margin-top:1em;position:absolute;left:0;right:0;box-shadow:inset 5px 0 #f7d87c}body{margin:56px 56px auto;font-size:14px!important}body *{box-sizing:border-box}.markdown{color:#666;word-wrap:break-word;letter-spacing:.2px;line-height:24px}.markdown img{vertical-align:middle;max-width:100%}.markdown h1{color:#222;margin-top:8px;margin-bottom:24px;font-family:Roboto-Bold;font-size:32px;font-weight:500;line-height:32px}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:#222;clear:both;font-weight:500;position:relative}.markdown h2{min-height:20px;margin:56px 0 20px;font-size:24px;line-height:20px}.markdown h3{min-height:22px;margin:24px 0 12px;font-size:16px;line-height:22px}.markdown h4{min-height:20px;margin:12px 0 8px;font-size:14px;line-height:20px}.markdown .header-anchor{opacity:0;touch-action:manipulation;margin-left:8px;transition:opacity .3s}.markdown h1:hover .header-anchor,.markdown h2:hover .header-anchor,.markdown h3:hover .header-anchor,.markdown h4:hover .header-anchor,.markdown h5:hover .header-anchor,.markdown h6:hover .header-anchor{opacity:1;display:inline-block}.markdown hr{clear:both;background:#e9e9e9;border:0;height:1px;margin:16px 0}.markdown p{color:#666;letter-spacing:0;min-height:24px;margin-bottom:12px;font-family:Roboto-Regular;font-size:14px;line-height:24px}.markdown ol,.markdown ul{padding-left:1em}.markdown ul>li{list-style-type:circle}.markdown>ul li,.markdown blockquote ul>li{margin-left:20px;padding-left:4px}.markdown ol>li{list-style:decimal}.markdown>ol li,.markdown blockquote ol>li{margin-left:20px;padding-left:4px}.markdown code:not([class*=language-]){color:#c7254e;background-color:#f9f2f4;border:1px solid #f0f0f0;border-radius:3px;margin:0 1px;font-size:.9em}.markdown p code{color:#c7254e;background-color:#f9f2f4;padding:2px 4px}.markdown b,.markdown strong{font-weight:600}.markdown>table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #e9e9e9;width:100%;margin:16px 0}.markdown>table th{white-space:nowrap;color:#5c6b77;font-weight:600}.markdown>table td,.markdown>table th{text-align:left;border:1px solid #e9e9e9;padding:8px 16px}.markdown>table th{background:#f7f7f7}.markdown blockquote{color:#999;border-left:4px solid #e9e9e9;margin:1em 0;padding-left:.8em;font-style:italic}.markdown blockquote p{margin:0}.post .anchor{margin-left:0;position:absolute;left:-18px}.markdown .waiting{color:#ccc;cursor:not-allowed}.markdown>br,.markdown>p>br{clear:both}.markdown .anchor{line-height:unset;float:left;color:transparent;margin-left:-15px}.markdown .anchor:hover{color:#108ee9;text-decoration:none}.markdown .anchor>span{color:#222}#demo-api .anchor,.demo-list .markdown .anchor{float:unset;color:transparent}#demo-api .anchor:hover,.demo-list .markdown .anchor:hover{color:#108ee9;text-decoration:none}code{font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.js-focus-visible :focus:not(.focus-visible){outline:none}.js-focus-visible .focus-visible:focus{outline:2px dashed orange}.demo-item-desc-body:empty{display:none}.demo-index-list{box-sizing:content-box;width:calc(20% - 56px);min-height:150px;max-height:calc(100vh - 200px);position:fixed;top:92px;overflow:auto}.demo-index-list .demo-index-item{color:#666;letter-spacing:0;border-left:1px solid #dcdee3;max-width:100%;min-height:20px;padding-left:10px;font-family:Roboto-Regular;font-size:12px;line-height:1.5}.demo-index-list .demo-index-item a{color:#666;letter-spacing:0;min-height:20px;padding:0;font-family:Roboto-Regular;font-size:12px;line-height:1.5;text-decoration:none;display:block}.demo-index-list .demo-index-item.demo-index-item-sub{color:#666;letter-spacing:0;padding-left:20px;font-family:Roboto-Regular;font-size:12px;line-height:1.2}.demo-index-list .demo-index-item.demo-index-item-sub a{color:#666;letter-spacing:0;font-family:Roboto-Regular;font-size:12px;line-height:1.5;text-decoration:none;display:block}.demo-index-list .demo-index-item.active{color:#222;letter-spacing:0;border-left:1px solid #222;min-height:20px;font-family:Roboto-Bold;font-size:12px;font-weight:900;line-height:1.5}.next-demo-item.scroll-count-item.active{border:1px solid #3b9aff!important}.demo-index-list .demo-index-item.active a{color:#222;letter-spacing:0;min-height:20px;font-family:Roboto-Bold;font-size:12px;line-height:1.5;text-decoration:none}.demo-title{height:32px;margin:26px 0 16px;font-size:32px;font-weight:400;line-height:32px}.demo-head{margin-bottom:20px}.demo-list-item-code{position:relative}.demo-list-item-code .demo-code-previews{text-align:right;position:absolute;top:15px;right:10px}.demo-list-item-code .demo-code-previews .demo-code-preview-item{margin-left:5px;display:inline-block}.demo-list-item-code .demo-code-previews .demo-code-preview-item .preview-paltform-icon{vertical-align:text-top;width:1em;height:1em;margin-top:1px}.demo-list-item-code .demo-code-previews .demo-code-preview-item .preview-paltform-icon path{fill:#fff}.demo-list-item-header{margin:10px 0}.demo-list-item-control{text-align:center}.demo-list-item-control-img{transition:transform .5s;display:inline-block;transform:rotate(180deg)}.demo-list-item-body .demo-list-item-code{transform-origin:top;height:0;transition:all .3s;overflow:hidden;transform:scaleY(0)}.demo-list-item-body.expand .demo-list-item-code{height:auto;transition:all .3s;transform:scaleY(1)}.demo-list-item-body.expand .demo-list-item-control-img{transform:rotate(0)}.demo-api .title{color:#333;margin:1.5em 0 .5em;font-size:20px}.with-global-control-right{display:inline-flex}html::-webkit-scrollbar{display:none}#cnzz_stat_icon_1262003581{display:none}.markdown table li p.first{display:inline-block}.markdown table ul,ol{padding-left:30px}.markdown table ul :first-child,ol :first-child{margin-top:0}.markdown table ul :last-child,ol :last-child{margin-bottom:0}.markdown table dl{padding:0}.markdown table dl dt{margin:15px 0 5px;padding:0;font-size:14px;font-style:italic;font-weight:700}.markdown table dl dt:first-child{padding:0}.markdown table dl dt>:first-child{margin-top:0}.markdown table dl dt>:last-child{margin-bottom:0}.markdown table dl dd{margin:0 0 15px;padding:0 15px}.markdown table dl dd>:first-child{margin-top:0}.markdown table dl dd>:last-child{margin-bottom:0}.markdown table blockquote{color:#777;padding:0 15px}.markdown table blockquote>:first-child{margin-top:0}.markdown table blockquote>:last-child{margin-bottom:0}.markdown table{border-spacing:0;width:100%;padding:0}.markdown table em{color:rgba(155,4,152,.8);margin-right:4px}.markdown table tr{background-color:#fff;border-top:1px solid #ccc;margin:0;padding:0}.markdown table tbody tr:hover{background-color:#f9f9f9}.markdown table tr th{text-align:left;color:#000;border-bottom:2px solid #333;min-height:16px;margin:0;padding:16px 0 10px;font-weight:700;line-height:16px}.markdown table tr td{text-align:left;border-bottom:1px solid #ccc;margin:0;padding:18px 18px 18px 0}.markdown table thead tr th:first-child{padding-left:8px}.markdown table td:first-child{color:#595959;white-space:nowrap;width:14%;padding-left:8px;font-weight:600}.markdown table td:nth-child(2){width:47%}.markdown table td:nth-child(3){width:16%;font-size:13px}.markdown table td:nth-child(4){width:15%;font-size:13px}.markdown table td:nth-child(5){width:8%;font-size:13px}.react-live-error{color:#fff;background-color:#0a0c18;margin-top:30px!important}.next-demo-links{background:#fff;border:1px solid #c4c6cf;border-radius:3px;width:300px;max-height:500px;margin:0;padding:0;list-style:none;position:fixed;top:50px;right:50px;overflow-y:auto}.next-demo-links li{min-height:30px;padding:0 10px}.next-demo-links li.title{color:#fff;background:#7f00e0}.next-demo-links li.title+li{border-top:none}.next-demo-links li+li{border-top:1px solid #c4c6cf}.next-demo-links a{color:#333;text-decoration:none}.next-demo-links a.current{color:#7f00e0}.next-demo-dir{background:#fff;border:1px solid #c4c6cf;width:100px;min-height:20px;position:absolute;top:20px;right:160px}.next-demo-lang{background:#fff;border:1px solid #c4c6cf;width:100px;min-height:20px;position:absolute;top:20px;right:50px}.react-live-body{padding:0 5px;font-size:14px;line-height:1.5}.react-live-body pre{font-family:Monaco,Andale Mono,Ubuntu Mono,monospace!important}.react-live-body .token.plain{color:#585d66}.react-live-body textarea{color:#333;caret-color:red}@supports ((-webkit-mask:none)) and (not (caret-color:red)){textarea{color:red}intextareaput:first-line{color:#333}}.react-live-body textarea:focus{outline:none;border:1px dashed rgba(59,154,255,.5)!important}[id*=-live-import] pre .language-jsx .hljs,[id*=-live-css] pre .language-css .hljs{border-radius:10px;padding:20px;font-family:Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;font-size:12px;background-color:#f5f5fb!important}#toggle-rtl{background:#fff;min-height:20px;position:absolute;top:20px;right:280px}.next-demo-item{border:1px solid #eee;margin-bottom:20px}.next-demo-playground{margin-top:40px}.next-demo-mount{border-bottom:1px solid #eee;padding:24px}.next-demo-body{background:#f5f7fa;max-height:400px;overflow:scroll;padding:4px 20px!important}[id*=-live-import] pre.language-jsx{margin:0;padding-bottom:0}[id*=-live-css] pre.language-css{margin:0;padding-top:0}.next-demo-body pre{margin:14px 0}.demo-item-desc{border-bottom:1px dashed #eee;padding:24px}.demo-item-desc h3{margin:0 0 8px;line-height:1}.demo-item-desc p{min-height:20px;margin:0;line-height:20px}.markdown h4+p{margin-top:0}.next-demo-mount p{margin:0 0 12px}.demo-item-desc .demo-item-desc-title{color:#333;letter-spacing:0;min-height:19px;font-family:Roboto-Bold;font-size:16px}.demo-item-desc .demo-item-desc-body{color:#666;letter-spacing:0;min-height:20px;font-family:Roboto-Regular;font-size:14px}.demo-item-desc-body markdown{margin:0}.demo-item-operations{opacity:.7;justify-content:flex-end;height:41px;padding:11px 12px 12px;transition:opacity .3s;display:flex}.code-box-code-action{color:rgba(0,0,0,.45);cursor:pointer;align-items:center;width:20px;height:20px;margin-left:24px;transition:all .24s;display:flex;position:relative}.op-icon,.code-expand-icon-hide,.code-expand-icon-show,.code-box-code-action svg{width:20px;height:20px}.all-demo-box-controls{align-items:center;display:flex;position:fixed}.all-demo-box-controls svg{color:rgba(0,0,0,.45);fill:rgba(0,0,0,.45);cursor:pointer;width:20px;height:20px;margin:8px;transition:all .24s;display:flex;position:relative;top:-4px;left:-3px}.op-icon:hover,.code-expand-icon-hide:hover,.code-expand-icon-show:hover,.code-box-code-action svg:hover,.code-box-expand-trigger svg:hover{color:#03c1fd;fill:#03c1fd;background-color:rgba(3,193,253,.12);border-radius:2px;box-shadow:0 0 2px 2px rgba(3,193,253,.12)}.op-icon:active,.code-expand-icon-hide:active,.code-expand-icon-show:active,.code-box-code-action svg:active,.code-box-expand-trigger svg:active{color:#009dd6;fill:#009dd6;background-color:rgba(3,193,253,.12);border-radius:2px;box-shadow:0 0 2px 2px rgba(3,193,253,.12)}.all-demo-box-controls svg[id=debug-show],.all-demo-box-controls svg[id=all-expanded],.all-demo-box-controls svg[id=live-off]{color:#fff;fill:#fff;background-color:#03c1fd;border-radius:2px;box-shadow:0 0 0 2px #03c1fd}.preview-btn{background-color:inherit;color:inherit;cursor:pointer;border:none;outline:none;margin:0;padding:0}h2#demo-list{margin-bottom:20px}.markdown h2+h3{margin-top:0}.markdown h3+table tr th{padding:4px 0 10px}.markdown table+h3{margin:41px 0 8px}.markdown p+p{margin-top:12px}pre[class*=language-]+h2{margin-top:36px}p{margin:12px 0}.demo-wrapper .demo-comment-list,.demo-wrapper .demo-list-item-body{background:#fff;border:1px solid #e6e7eb;border-radius:4px;padding:20px}.demo-wrapper{width:80%}.demo-index{width:calc(20% - 22.4px);min-height:150px;max-height:calc(100vh - 200px);padding-left:40px;position:fixed;top:56px;right:56px;overflow:auto}@media screen and (max-width:1000px){body{margin:0 20px}.demo-wrapper{width:100%}.demo-index{display:none}}.common-icon{vertical-align:middle;display:inline-block}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}