/* PrismJS 1.16.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	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;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}


*{margin:0;padding:0;box-sizing:border-box;outline:none}html,body{font-family:"Alibaba PuHuiTi",Helvetica,Tahoma,Arial,STXihei,"华文细黑","Microsoft YaHei","微软雅黑","WenQuanYi Micro Hei",sans-serif;height:100%;width:100%;min-height:480px}li{list-style:none}img.tip{width:18px;margin-right:4px}header{height:60px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #f0f1f2;color:#fff;z-index:99999}header img.logo{height:30px;margin-right:30px}header h1{font-weight:300;font-size:14px;flex:1;color:#000}header img.menu{height:25px;cursor:pointer}header .right-menu a{padding:0 5px;color:rgba(0,0,0,.54);text-decoration:none;font-weight:normal;font-size:14px}header .right-menu a.menu-active{color:#000;font-weight:500}aside.catalogue{position:fixed;width:220px}aside.catalogue section.aside-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}aside.catalogue section.aside-item h4{padding:10px 15px;display:flex;align-items:center;color:rgba(0,0,0,.5);position:relative;cursor:pointer}aside.catalogue section.aside-item h4 img{width:25px;position:absolute;right:15px}aside.catalogue section.aside-item h4 img.close{transform:rotate(180deg)}aside.catalogue section.aside-item .item-content{padding-bottom:5px}aside.catalogue section.aside-item .item-content a{display:block;padding:5px 15px 5px 20px;font-size:14px;text-decoration:none;color:rgba(0,0,0,.54)}aside.catalogue section.aside-item .item-content a.active,aside.catalogue section.aside-item .item-content a:hover{color:#3f51b5}aside.normal{background:rgba(0,0,0,.03);top:90px;left:0;max-height:85vh;overflow:auto}aside.veil-catalogue{background:#fafafa;top:60px;left:-220px;bottom:0;overflow:auto;transition:left .5s}aside.veil-catalogue.show{left:0}article.content{position:fixed;top:0;right:0;bottom:60px;overflow:auto;transform:translateY(60px)}article.content section.content-item{padding:25px 15px}article.content section.content-item .overview h4{font-size:24px;font-weight:400;color:rgba(0,0,0,.87);padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,.57)}article.content section.content-item .overview h5{font-weight:400;font-size:18px;color:rgba(0,0,0,.87);line-height:60px}article.content section.content-item .overview p{font-size:16px;line-height:28px;color:rgba(0,0,0,.87);font-weight:300}article.content section.content-item .overview p code{background:rgba(0,0,0,.05);padding:3px;border-radius:3px;color:#666}article.content section.content-item .overview img.i{width:10px}article.content section.content-item .examples{height:fit-content}article.veil{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:none}table{box-shadow:0 2px 2px rgba(10,16,20,.24),0 0 2px rgba(10,16,20,.12);border-radius:2px;background:#fafafa;border-spacing:0;margin:24px 0;border-collapse:collapse;color:#333}table thead>tr>th{background:rgba(219,219,219,.2);border-bottom:1px solid #dbdbdb;line-height:28px;padding:8px 24px;font-weight:400;text-align:left}table tbody>tr>td{border-bottom:1px solid #dbdbdb;letter-spacing:.3px;padding:16px;text-align:left;line-height:24px;vertical-align:top;font-weight:400;word-wrap:break-word}table tbody>tr>td.center{text-align:center}@media screen and (min-width: 1000px){header .menu{display:none}aside.normal{display:block}article.content{left:220px}}@media screen and (max-width: 999px){header .menu{display:block}aside.normal{display:none}article.content{left:0}}@media screen and (min-width: 700px){section.content-item{display:flex}section.content-item .overview{width:50%;display:inline-block;padding-right:10px}section.content-item .examples{width:50%;display:inline-block;background:#f5f2f0}}@media screen and (max-width: 699px){section.content-item{display:block}section.content-item .overview{display:block}section.content-item .examples{display:block}}@media screen and (min-width: 401px){header{padding:0 28px}}@media screen and (max-width: 400px){header{padding:0 15px}header h1{display:none}}