/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underlinedotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1pxdottedButtonText; }
fieldset { padding: 0.35em0.75em0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }


.left { float: left !important; }
.right { float: right !important; }
.hide, .disable { display: none !important; }

body { font: 16px/135% Arial, sans-serif; color: #000; font-style: normal; font-weight: normal; background: #f8f8f8; overflow: auto; overflow-y: scroll; }
h1, h2, h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1 { font-size: 1.6em; line-height: 1.2em; color: #444; font-weight: 700; padding: 0 0 20px 0; margin: 20px 0; }
h2 { font-size: 1.4em; line-height: 1.1em; color: #444; font-weight: 700; margin: 10px 0 15px 0; }
h3 { font-size: 1.1em; line-height: 1.1em; font-weight: 400; margin: 25px 0 10px 0; color: #000; }
p { max-width: 1100px; font-size: 1em; margin: 5px 0 10px 0; }
a { font-size: 1em; color: #0055cc; text-decoration: underline; cursor: pointer; }
a:hover { color: #0044aa; text-decoration: none; }
a:focus, a:active { color: #c48; text-decoration: underline; }

main { margin: 0 40px; }
article { max-width: 1400px; padding: 0 0 20px 0; margin: auto; }
section { padding: 0; margin: 0 0 10px 0; border-bottom: #ccc 2px solid; }

footer { float: bottom; width: 100%; height: 40px; margin: 0 20px 20px 0; font-size: 0.9375em; border-top: #ccc 1px solid; }
footer div.info { float: right; padding: 10px 40px 0 0; }
footer div.info span { margin-left: 20px; }

h1.title { font-size: 1.4em; padding: 0; margin: 60px 0 0 0; }

.left-column, .column { float: left; width: 50%; }
.right-column { float: right; width: 48%; margin: 20px 0 1px 2%; }
.row::after { content: ""; clear: both; display: table; }

header { width: 100%; position: fixed; top: 0; right: 0; height: 50px; background: #005a69; border: #ddd 1px solid; z-index: 20; }
header .section { margin: 0 40px; }
header .content { max-width: 1420px; margin: auto; }
header .button-block.left { margin: 0; }
header .button-block.right { margin: 14px 0 15px 0; }

header button.run { margin: 14px 0 15px 30px; }
header button { width: 40px; height: 20px; font-size: 0.75em; margin: 0 15px 0 0; background: #ddd; padding: 0; cursor: pointer; border: #ccc 1px solid; border-radius: 3px; }
header button:hover { background: #c0c0c0; }
header button.save.dirty { font-weight: bold; border-color: #fff; }

header .mark-type { padding: 0; margin: 12px 0 0 0; position: relative; }
header .mark-type ul { list-style-type: none; float: left; padding: 0; margin: 0; }
header .mark-type ul li { width: 120px; height: 25px; line-height: 25px; margin-right: 2px; display: block; float: left; text-align: center; font-size: 1.1em; cursor: pointer; background: #ddd; border-bottom: #ccc 1px solid; }
header .mark-type ul li:hover { background-color: #c0c0c0; }
header .mark-type ul li.selected { background-color: #008390; color: #fff; border-bottom-color: #ccc; }
header select#examples { font-size: 0.875em; float: left; width: 160px; margin: 2px 20px 0 0; padding: 1px 3px; background: #f0f0f0; border: #ccc 1px solid; }
header button.show-instructions { width: 18px; height: 18px; margin-left: -10px; border: #ccc 1px solid; border-radius: 8px; }
#playground-instructions { display: none; }

::highlight(markjs) { background-color: #d8e8ff; }
::highlight(playground) { background-color: #d8e8ff; }

.setting-form,
.file-form,
.json-form { -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.3), 0 -1px 2px #dcdcdc inset; -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.3), 0 -1px 2px #dcdcdc inset; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.3), 0 -1px 2px #dcdcdc inset; }

.setting-form,
.file-form,
.json-form { border: 1px solid #acacac; border-radius: 6px; color: #000; padding: 10px 20px; position: fixed; top: 60px; right: 20px; background: #e8e8e6; z-index: 30; display: none; }

.setting-form { width: 250px; padding: 15px; }
.setting-form .switch-library { margin-right: 20px; }

.file-form { width: 380px; font-size: 0.875em; padding: 15px; }
.file-form .row { margin: 10px 0; }

.file-form .save-button a.save-file { width: 60px; height: 20px; background: #dadada; float: left; font-size: 1em; color: #222; padding: 0 8px; margin: 0 20px 10px 0; text-decoration: none; }

.file-form input.file-name { width: 245px; height: 16px; background: #f0f0f0; }
.file-form input#file-dialog { float: left; opacity: 0; }
.file-form #label-button { float: left; width: 60px; height: 20px; background: #dadada; padding: 0 7px; margin: 0; }

.setting-form .close,
.file-form .close,
.json-form .close { float: right; top: 32px; margin-right: -10px; padding: 0 6px; font-size: 0.75em; color: #444; background: #dadada; cursor: pointer; border: #bbb 1px solid; border-radius: 3px; }

.setting-form .close,
.file-form .close { margin: -5px -5px 0 0; }

.setting-form .close:before,
.file-form .close:before,
.json-form .close:before { content: '\2716'; }

.setting-form .close:hover,
.file-form .close:hover,
.json-form .close:hover,
.file-form .button a.save-file:hover,
.file-form #label-button:hover { background: #c8c8c8; }

.file-form a.save-file,
.file-form #label-button { cursor: pointer; border: #888 1px solid; border-radius: 3px; }
.file-form .loaded-file-name { width: 160px; padding: 0 0 0 20px; }

.json-form { width: 46%; }
.json-form .editor { height: 400px; margin: 10px 0; background: #f0f0f0; border: #d4d4d4 1px solid; }
.json-form button.export-json,
.json-form button.import-json { width: 90px; }
.json-form button.import-json:disabled { opacity: 0.5; }

.file-form #file-dialog, .options-info { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

input[type=checkbox] { accent-color: #00646e; cursor: pointer; }

.actions button { width: 55px; height: 20px; font-size: 0.75em; color: #000; float: left; background: #ddd; padding: 0; margin: 0 20px 0 0; border: #888 1px solid; border-radius: 3px; cursor: pointer; }
.actions button:hover { background: #c8c8c8; }

.actions button.pressed,
.actions button.pressed:hover { color: #fff; background: #00646e; }
.actions button:last-child { margin: 0; }

.actions button.previous,
.actions button.next { width: 44px; }
.actions button.previous:before { content: '\25B2'; }
.actions button.next:before { content: '\25BC'; }

.actions button.clear { width: 22px; background: #eee; border-color: #bbb; }
.actions button.clear:hover { background: #ccc; }
.actions button.clear:before { content: '\2716'; color: #666; }

button:active { font-weight: bold; }
button.inactive { color: #888; border-color: #ccc; }

button.open-setting-form { font-size: 0.875em; font-weight: bold; color: #777; }
button.open-setting-form:hover { color: #666; }

.left-column .actions { padding: 0; margin-right: 0; }
.edit-options .actions { padding: 0; margin-right: 0; }
.json-form .actions { padding: 0; margin: 5px 2.5vw 0 0; }

.callbacks { margin-right: 20px; }
.unmark-method { margin-right: 30px; }

.checkboxes { width: 40%; float: left; }
.checkboxes label[for], .generated-code label { cursor: pointer; }

.mixed-options { float: right; margin-right: 20px; }
.mixed-options label { float: left; width: 120px; margin-right: 50px; }
.mixed-options input { float: right; width: 130px; }
.mixed-options select { float: right; width: 138px; background: #f0f0f0; border: #999 1px solid; }

select.default-html { float: left; width: 100px; font-size: 0.875em; margin-right: 20px; padding: 1px 0 1px 5px; background: #f0f0f0; border: #ccc 1px solid; }
.array select#arrays { float: right; width: 210px; font-size: 0.875em; margin-right: 20px; padding: 1px 0 1px 5px; background: #f0f0f0; border: #ccc 1px solid; }
.queryArray>.editor { margin: 5px 0; }

.edit-options { margin: 25px 0 0 0; }

.editor {
	font-family: Consolas, monospace;
	font-size: 1em;
	border: #ccc 1px solid;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.05);
	font-size: 14px;
	font-weight: 400;
	height: 20px;
	letter-spacing: normal;
	line-height: 20px;
	margin: 0;
	padding: 5px 10px;
	tab-size: 2;
}

.mixed-options .element,
.mixed-options .className,
.mixed-options .separateWordValue,
.mixed-options .accuracy,
.mixed-options .ignoreGroups,
.mixed-options .combineBy,
.mixed-options .iframesTimeout,
.mixed-options .acrossElementsValue,
.mixed-options .wildcards { padding-bottom: 30px; }

.edit-options .synonyms,
.edit-options .exclude,
.edit-options .ignorePunctuation,
.edit-options .blockElements,
.edit-options .accuracyObject,
.edit-options .customCode { margin: 15px 0 15px 0; }

.edit-options .editor { height: auto; min-height: 1.5em; max-height: 5em; padding: 3px 10px; }

.queryString,
.queryArray,
.queryRegExp,
.queryRanges { margin: 25px 0 15px 0; }

.testString { margin: 25px 0 20px 0; }

.selector-all { float: right; margin: 10px 0 0 10px; }
.selectors .editor { height: auto; min-height: 20px; max-height: 10em; padding: 10px; }

.queryString>.editor,
.queryArray>.editor,
.queryRegExp>.editor,
.queryRanges>.editor { height: auto; min-height: 20px; max-height: 10em; padding: 10px; }

.edit-options .customCode .editor { height: auto; max-height: 100vh; background: #f0f0f0; }

.results pre { max-height: 30vh; word-wrap: break-word; white-space: pre-wrap; }
.results pre .header { font-weight: 700; color: #555; }
.results pre b { color: #f0f; }

details>summary { width: 15em; cursor: pointer; }
details.instructions { margin: 20px 0; }

.error { background-color: #f9d; }
.warning { background-color: #ffb36f; }
header .mark-type ul li.error { background-color: #f9d; }

code { font-family: Consolas, monospace; font-size: 1em; padding: 0 3px; color: #b12; background: #f8f8f8; border: #d8d8d8 1px solid; }
pre code { padding: 0; color: #000; background: #efefef; border: none; }
pre { font-family: "Lucida Sans Unicode", "Lucida Grande", monospace; padding: 6px 10px 5px 10px; margin: 15px 0 7px 0; display: block; border: #ddd 1px solid; background: #efefef; font-size: 0.9375em; color: #000; overflow: auto; tab-size: 4; max-height: 100vh; }

@media only screen and (max-width: 1260px) {
	main { margin: 0 20px; }
	header .section { margin: 0 20px; }
	header select#examples { width: 140px; }
	header .mark-type ul li { width: 90px; }
	header button { width: 35px; }
	.json-form { width: 65%; }
	.mixed-options { margin-right: 0px; }
	.mixed-options label { margin-right: 10px; }
	.actions button { margin-right: 15px; }
	select.default-html { width: 80px; }
}

@media only screen and (max-width: 980px) {
	main { margin: 0 20px; padding-top: 20px; }
	header { height: 85px; }
	header .mark-type ul li { width: 120px; }
	header button { width: 40px; }
	header .button-block.right { float: left !important; margin: 0 10% 0 0; }
	.setting-form,
	.file-form,
	.json-form { top: 90px; }
	.left-column, .right-column, .column { width: 100%; }
	.mixed-options label { margin-right: 50px; }
	.left-column .editor, .right-column .editor, pre { max-width: 92vw; }
	article.instructions { margin-top: 90px; }
}

@media only screen and (max-width: 800px) {
	header .button-block.right { margin: 0; }
}

@media only screen and (max-width: 640px) {
	main { margin: 0 20px; padding-top: 20px; }
	header .mark-type ul li { width: 100px; }
	header button { width: 40px; margin-right: 5px; }
	header button.run { margin-left: 10px; }
	header button.show-instructions { margin-left: 0; }
	.json-form { width: 85%; right: 10px; }
	.left-column, .right-column, .column { width: 100%; }
	.left-column .editor, .right-column .editor, pre { max-width: 92vw; }
	select.default-html { width: 70px; margin-right: 10px; }
	footer div.info { padding-right: 10px; }
	footer div.info span { margin-left: 10px; }
}

@media only screen and (max-width: 600px) {
	header .section { margin: 0 10px; }
}

@media only screen and (max-width: 500px) {
	header .mark-type ul li { width: 86px; }
	header button { width: 36px; margin-right: 1px; }
	.actions button { margin-right: 5px; }
	.array select#arrays { width: 150px; }
	.checkboxes { width: 100%; }
	.mixed-options { float: left; margin-top: 20px; }
}

@media only screen and (max-width: 430px) {
	main { margin: 0 5px; }
	header .section { margin: 0 5px; }
	header .mark-type ul li { width: 80px; }
	select.default-html { margin-right: 5px; }
	.actions button { width: 45px; }
	.actions button.previous,
	.actions button.next { width: 40px; }
	header select#examples { margin-right: 2px; }
	.file-form { width: 300px; right: 10px; }
}

@media only screen and (max-width: 376px) {
	header .mark-type ul li { width: 70px; }
	header button { width: 32px; margin-right: 0; }
	.callbacks, .unmark-method { margin-right: 10px; }
}

/*Highlight.js modified*/
.hljs-comment { color: #008000; }
.hljs-punctuation { font-weight: bold; color: #444; }
.hljs-tag { color: #000; }
.hljs-tag .hljs-name { color: #00796e; }
.hljs-tag .hljs-attr { color: #5829ff; }
.hljs-string { color: #a33b00; }
.hljs-keyword { color: #0044ff; }
.hljs-number { color: #000; }
.hljs-deletion, .hljs-quote, .hljs-selector-class, .hljs-selector-id, .hljs-template-tag, .hljs-type { color: #800; }
.hljs-section, .hljs-title { color: #006c8d; }
.hljs-regexp { color: #f000f0; }
.hljs-link, .hljs-operator, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-symbol, .hljs-template-variable, .hljs-variable { color: #00a0a8; }
.hljs-literal { color: #0087ff; }
.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code { color: #397300; }
.hljs-meta { color: #1f7199; }
.hljs-meta .hljs-string { color: #f00000; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 700; }

/*PowerTip https://stevenbenner.github.io/jquery-powertip modified*/
#powerTip { cursor: default; background-color: #e8e8e6; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.3), 0 -1px 2px #dcdcdc inset; -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.3), 0 -1px 2px #dcdcdc inset; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 20px 0 rgba(0, 0, 0, 0.3), 0 -1px 2px #dcdcdc inset; border: 1px solid #acacac; border-radius: 6px; color: #000000; display: none; padding: 20px; position: absolute; overflow: hidden; min-width: 320px; max-width: 800px; z-index: 2147483647; }
#powerTip:before { content: ""; position: absolute; }
#powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; }
#powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; }
#powerTip.n:before { border-top: 10px solid #acacac; border-top: 10px solid rgba(172, 172, 172, 0.8); bottom: -10px; }
#powerTip.e:before { border-right: 10px solid #acacac; border-right: 10px solid rgba(172, 172, 172, 0.8); left: -10px; }
#powerTip.s:before { border-bottom: 10px solid #acacac; border-bottom: 10px solid rgba(172, 172, 172, 0.8); top: -10px; }
#powerTip.w:before { border-left: 10px solid #acacac; border-left: 10px solid rgba(172, 172, 172, 0.8); right: -10px; }
#powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; }
#powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px; }
#powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #acacac; border-top: 10px solid rgba(172, 172, 172, 0.8); bottom: -10px; }
#powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #acacac; border-bottom: 10px solid rgba(172, 172, 172, 0.8); top: -10px; }
#powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: 10px solid #acacac; border-top: 10px solid rgba(172, 172, 172, 0.8); bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; }
#powerTip.ne-alt:before { left: auto; right: 10px; }
#powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: none; border-bottom: 10px solid #acacac; border-bottom: 10px solid rgba(172, 172, 172, 0.8); bottom: auto; top: -10px; }
#powerTip.se-alt:before { left: auto; right: 10px; }

#powerTip .copy-code { display: none; }
#powerTip a.online-page { display: none; }
#powerTip pre { background-color: #f0f0f0; }
#powerTip code { background: #eee; border-color: #ddd; }
#powerTip em.type { color: #007ca0; }