From 63bf71c3e87152f5baa1d26399916ee8f2dee20d Mon Sep 17 00:00:00 2001 From: AntonObersteiner Date: Mon, 3 Jun 2024 13:03:01 +0200 Subject: [PATCH] format regexr.css --- deploy/regexr.css | 2083 ++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 2082 insertions(+), 1 deletion(-) diff --git a/deploy/regexr.css b/deploy/regexr.css index 2318bac..845ad8e 100644 --- a/deploy/regexr.css +++ b/deploy/regexr.css @@ -1 +1,2082 @@ -@charset "UTF-8";.CodeMirror{font-family:monospace;height:300px;color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.doc>section.text .tests .list li header,.doc>section>header,.sidebar>.min>.list>li:first-child{display:flex;align-items:center;padding:0 1rem 0 1rem;flex:0 2.5rem}.doc>section.text .tests .list li header h1,.doc>section>header h1,.sidebar>.min>.list>li:first-child h1{flex:1}#cheatsheet table th,.community>header .icon,.container .header .settings,.doc>section.text .tests .list li header .icon.delete,.doc>section.tools>article .icon.help,.example svg.icon.load,.sidebar>.full .list .row,.sidebar>.full .list li,.sidebar>.full>header .icon,.sidebar>.min .list .row,.sidebar>.min .list li,.tooltip .list li,.tooltip header .help.icon,a{transition:color .2s;color:#d7dadc}#cheatsheet table th:not(.inactive),.community>header .icon:not(.inactive),.container .header .settings:not(.inactive),.doc>section.text .tests .list li header .icon.delete:not(.inactive),.doc>section.tools>article .icon.help:not(.inactive),.example svg.icon.load:not(.inactive),.sidebar>.full .list .row:not(.inactive),.sidebar>.full .list li:not(.inactive),.sidebar>.full>header .icon:not(.inactive),.sidebar>.min .list .row:not(.inactive),.sidebar>.min .list li:not(.inactive),.tooltip .list li:not(.inactive),.tooltip header .help.icon:not(.inactive),a:not(.inactive){cursor:pointer}#cheatsheet table th:not(.inactive):hover,.community>header .icon:not(.inactive):hover,.container .header .settings:not(.inactive):hover,.doc>section.text .tests .list li header .icon.delete:not(.inactive):hover,.doc>section.tools>article .icon.help:not(.inactive):hover,.example svg.icon.load:not(.inactive):hover,.sidebar>.full .list .row:not(.inactive):hover,.sidebar>.full .list li:not(.inactive):hover,.sidebar>.full>header .icon:not(.inactive):hover,.sidebar>.min .list .row:not(.inactive):hover,.sidebar>.min .list li:not(.inactive):hover,.tooltip .list li:not(.inactive):hover,.tooltip header .help.icon:not(.inactive):hover,a:not(.inactive):hover{color:#e7e9ea}#cheatsheet table th:not(.inactive):hover svg.icon,.community>header .icon:not(.inactive):hover svg.icon,.container .header .settings:not(.inactive):hover svg.icon,.doc>section.text .tests .list li header .icon.delete:not(.inactive):hover svg.icon,.doc>section.tools>article .icon.help:not(.inactive):hover svg.icon,.example svg.icon.load:not(.inactive):hover svg.icon,.sidebar>.full .list .row:not(.inactive):hover svg.icon,.sidebar>.full .list li:not(.inactive):hover svg.icon,.sidebar>.full>header .icon:not(.inactive):hover svg.icon,.sidebar>.min .list .row:not(.inactive):hover svg.icon,.sidebar>.min .list li:not(.inactive):hover svg.icon,.tooltip .list li:not(.inactive):hover svg.icon,.tooltip header .help.icon:not(.inactive):hover svg.icon,a:not(.inactive):hover svg.icon{color:currentColor}#cheatsheet table th svg.icon,.community>header .icon svg.icon,.container .header .settings svg.icon,.doc>section.text .tests .list li header .icon.delete svg.icon,.doc>section.tools>article .icon.help svg.icon,.example svg.icon.load svg.icon,.sidebar>.full .list .row svg.icon,.sidebar>.full .list li svg.icon,.sidebar>.full>header .icon svg.icon,.sidebar>.min .list .row svg.icon,.sidebar>.min .list li svg.icon,.tooltip .list li svg.icon,.tooltip header .help.icon svg.icon,a svg.icon{transition:fill .2s}#tooltip .texthover i,.example code i{background:#595f64;color:#f0f1f2;font-weight:400;padding:0 .25em;margin-left:.25em}.doc>section.tools>article .details span.hover,.doc>section.tools>article .details table tr.group:hover,.doc>section.tools>article .explain div.selected{outline:solid 2px rgba(16,17,18,.3);z-index:10}.doc>section.tools>article .explain div.related{outline:solid 1px rgba(16,17,18,.3);z-index:9}body,html{margin:0;width:100%;height:100%;min-height:540px;min-width:500px;font-family:"Roboto Condensed",sans-serif;font-size:16px;color:#f0f1f2;-webkit-user-select:none;user-select:none;cursor:default}body>.container,html>.container{height:100%;display:flex;flex-flow:column}body>.container>.app,html>.container>.app{flex:1;min-height:0;display:flex;align-items:stretch}::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-track{background:rgba(126,135,142,.25)}::-webkit-scrollbar-thumb{background-color:#7e878e;border-radius:.5em}.app .sidebar,.container .header,.tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}code,pre{font-family:"Source Code Pro",monospace}pre{margin:0}a{color:#70b0e0;text-decoration:none}h1,h2{font-size:1rem;font-weight:700;margin:0}.list{display:flex;flex-direction:column;margin:0;padding:0}.list li{display:block}hr{border:0;border-top:1px solid rgba(126,135,142,.25);margin:.75em 0 1em 0}span.match{background:rgba(112,176,224,.5);color:#101112}span.error{color:#d22;font-weight:700}span.error.warning{color:#d22}.anim-spin{animation:1s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#tooltip-signin ul.list li,.button,.buttonbar>*,.container .header ul.file li,.control,.segcontrol>*,input,textarea{padding:.375rem .75rem;font-size:.875rem;border-radius:.125rem}input,textarea{border-radius:0;background:rgba(240,241,242,.05);border:none;border-bottom:solid 1px rgba(240,241,242,.05);font-family:"Roboto Condensed",sans-serif;font-size:1rem;display:block;width:100%;box-sizing:border-box;color:#f0f1f2;resize:vertical}input::placeholder,textarea::placeholder{color:currentColor;opacity:.4}input:focus,textarea:focus{outline:0}input:focus::placeholder,textarea:focus::placeholder{opacity:.2}.status{display:inline-block;color:rgba(240,241,242,.5)}.status .icon.success{color:#70b0e0}.status .icon.alert{color:#d22}svg.icon{width:1.125em;height:1.125em;display:inline-block;fill:currentColor;vertical-align:middle}svg.icon.small{width:.75em;height:.75em}svg.icon.inline{margin-top:-.25em}.control{background:rgba(240,241,242,.2)}#tooltip-signin ul.list li,.button,.buttonbar>*,.container .header ul.file li,.segcontrol>*{background:rgba(240,241,242,.35);display:inline-block;cursor:pointer;transition:background-color .2s ease-out;transition:opacity .2s ease-out;box-shadow:0 2px 1px rgba(0,0,0,.1);line-height:normal}#tooltip-signin ul.list li.default,.button.default,.buttonbar>.default,.container .header ul.file li.default,.segcontrol>.default{font-weight:700;background:#70b0e0;color:#101112}#tooltip-signin ul.list li.default:hover,.button.default:hover,.buttonbar>.default:hover,.container .header ul.file li.default:hover,.segcontrol>.default:hover{background:#f0f1f2}#tooltip-signin ul.list li.selected,#tooltip-signin ul.list li:hover,.button.selected,.button:hover,.buttonbar>.selected,.buttonbar>:hover,.container .header ul.file li.selected,.container .header ul.file li:hover,.segcontrol>.selected,.segcontrol>:hover{background:rgba(240,241,242,.75)}#tooltip-signin ul.list li.selected>svg.icon.dropdown,#tooltip-signin ul.list li:hover>svg.icon.dropdown,.button.selected>svg.icon.dropdown,.button:hover>svg.icon.dropdown,.buttonbar>.selected>svg.icon.dropdown,.buttonbar>:hover>svg.icon.dropdown,.container .header ul.file li.selected>svg.icon.dropdown,.container .header ul.file li:hover>svg.icon.dropdown,.segcontrol>.selected>svg.icon.dropdown,.segcontrol>:hover>svg.icon.dropdown{margin-top:.5em}#tooltip-signin ul.list li.disabled,.button.disabled,.buttonbar>.disabled,.container .header ul.file li.disabled,.segcontrol>.disabled{opacity:.35;cursor:default;pointer-events:none}#tooltip-signin ul.list li>svg.icon,.button>svg.icon,.buttonbar>*>svg.icon,.container .header ul.file li>svg.icon,.segcontrol>*>svg.icon{margin-top:-.125em}#tooltip-signin ul.list li>svg.icon+*,.button>svg.icon+*,.buttonbar>*>svg.icon+*,.container .header ul.file li>svg.icon+*,.segcontrol>*>svg.icon+*{margin-left:.25em}#tooltip-signin ul.list li>svg.icon.dropdown,.button>svg.icon.dropdown,.buttonbar>*>svg.icon.dropdown,.container .header ul.file li>svg.icon.dropdown,.segcontrol>*>svg.icon.dropdown{transition:margin-top .2s;margin-top:.125em;width:.375em;height:.375em}.buttonbar,.controlbar,.segcontrol{display:flex;padding:0;margin:0}.buttonbar>*,.controlbar>*,.segcontrol>*{margin-left:.25rem}.buttonbar>*,.segcontrol>*{margin-left:1px;border-radius:0;display:inline-block}.buttonbar>:first-child,.segcontrol>:first-child{border-radius:.125rem 0 0 .125rem}.buttonbar>:last-child,.segcontrol>:last-child{border-radius:0 .125rem .125rem 0}.segcontrol>:first-child{border-radius:.125rem 0 0 .125rem}.segcontrol>:last-child{border-radius:0 .125rem .125rem 0}.tooltip{display:flex;flex-flow:column;align-items:center;z-index:10000;position:absolute;transform:translate(-50%,0);transition-property:opacity,margin-top;transition-duration:.2s}.tooltip>.content{background:rgba(16,17,18,.85);color:#f0f1f2;padding:1rem;border-radius:.125rem;max-width:15rem;box-shadow:0 3px 4px rgba(0,0,0,.25);overflow-wrap:break-word;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tooltip>.content code{font-weight:700}.tooltip>.content>.warningtext{display:block;color:#b7bcc0;margin-top:.5rem}.tooltip header{display:flex}.tooltip header h1{flex:1}.tooltip header .help.icon{margin-left:1em;color:#7e878e}.tooltip>.tip{fill:rgba(16,17,18,.85);width:8px;height:8px;transform:scale(1,-1)}.tooltip.flipped{transform:translate(-50%,-100%)}.tooltip.flipped .tip{transform:scale(1,1);order:1}.tooltip .list li{color:#b7bcc0}.tooltip .list li+li{margin-top:.5em}.tooltip .list li .check.icon{color:#585e63;margin-right:.25em}.tooltip .list li.selected .check.icon{color:#70b0e0}.tooltip .list li:not(.inactive):hover{color:#e7e9ea}.tooltip .list li em{font-style:normal;font-weight:700;color:#f0f1f2;padding:0 .15em;background:rgba(126,135,142,.3);border-radius:.125rem}.example svg.icon.load{color:#595f64;float:right;display:inline-block;padding-left:.5rem}.example code{display:inline-block;word-break:break-all;width:100%}.container .header{display:flex;align-items:center;justify-content:space-between;background:#101112;padding:0 1rem;height:54px;z-index:1000}.container .header .logo{flex:none;font-size:1.125rem;margin-top:.0625rem;color:#70b0e0;width:1.5em;height:1.5em}.container .header .settings{color:#70b0e0;display:flex;min-width:0;max-width:20em}.container .header .settings .name{margin:0 .25rem 0 .5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.container .header .settings .icon.share{flex:none;color:#595f64;width:1em;margin-right:.5rem}.container .header .signin.selected a{color:#f0f1f2!important}.container .header ul{padding:0;white-space:nowrap}.container .header ul li{display:inline-block}.container .header ul li:first-child{margin-left:0}.container .header ul.file{text-align:right}.container .header ul.file li{color:#b7bcc0;background:#282b2d}.container .header ul.file li:hover{background:#3a3e41}.container .header ul.file li.save{color:#70b0e0;font-weight:700}.container .header ul.file li.save .savekey{font-size:.875em;font-weight:400;color:#7e878e}#tooltip-signin ul.list .container .header li.theme,.container .header #tooltip-signin ul.list li.theme,.container .header .button.theme,.container .header ul.file li.theme{padding:.3755rem;background:#282b2d}#tooltip-signin ul.list .container .header li.theme.selected .icon,.container .header #tooltip-signin ul.list li.theme.selected .icon,.container .header .button.theme.selected .icon,.container .header ul.file li.theme.selected .icon{color:#70b0e0}#tooltip-signin ul.list .container .header li.theme:hover,.container .header #tooltip-signin ul.list li.theme:hover,.container .header .button.theme:hover,.container .header ul.file li.theme:hover{background:#3a3e41}.container .header ul.etc{flex:1;text-align:right;font-size:.875rem;color:#595f64}.container .header ul.etc li{margin-left:1rem}#tooltip-signin ul.list li{margin:.25rem 0;padding:.625rem;color:#e7e9ea;opacity:.85}#tooltip-signin ul.list li:hover{opacity:1}#tooltip-signin ul.list li[data-id=GitHub]{background:#777!important}#tooltip-signin ul.list li[data-id=Google]{background:#c94130!important}#tooltip-signin ul.list li>svg.icon{margin-right:.625rem}#tooltip-signin .signout{display:none}#tooltip-signin .signout .signoutbtn{cursor:pointer;color:#70b0e0;font-weight:700}#tooltip-signin .signout .signoutbtn:hover{color:#f0f1f2}#tooltip-signin.authenticated .signin{display:none}#tooltip-signin.authenticated .signout{display:block}#tooltip-signin .distract{display:none;color:#7e878e}#tooltip-signin .distract .distractor{margin-right:.5rem}#tooltip-signin.wait .distract{display:block}#tooltip-signin.wait .signin .list,#tooltip-signin.wait .signout .signoutbtn{display:none}.doc{flex:8 800px;display:flex;flex-flow:column}.doc>section{background:#f0f1f2;color:#585e63;flex:1 1 0%;min-height:0;transition:flex .2s ease-out;display:flex;flex-direction:column}.doc>section>header{color:#26292b;background:#b7bcc0}.doc>section>header>.max{transition:transform .2s;color:#7e878e;margin-left:1rem;cursor:pointer}.doc>section>header>.max:hover{color:#f0f1f2}.doc>section>article{flex:1;min-height:0}.doc>section.closed{flex:0 2.5rem}.doc>section.closed>header{cursor:pointer}.doc>section.closed>header>:not(h1){opacity:.4}.doc>section.closed>header>.max{transform:rotate(45deg)}.doc.tests-mode section.tools{display:none}.doc input,.doc textarea{background:rgba(240,241,242,.05);border-color:rgba(240,241,242,.05)}.doc .control{background:rgba(240,241,242,.2)}#tooltip-signin ul.list .doc li,.container .header ul.file .doc li,.doc #tooltip-signin ul.list li,.doc .button,.doc .buttonbar>*,.doc .container .header ul.file li,.doc .segcontrol>*{background:rgba(240,241,242,.35)}#tooltip-signin ul.list .doc li.selected,#tooltip-signin ul.list .doc li:hover,.container .header ul.file .doc li.selected,.container .header ul.file .doc li:hover,.doc #tooltip-signin ul.list li.selected,.doc #tooltip-signin ul.list li:hover,.doc .button.selected,.doc .button:hover,.doc .buttonbar>.selected,.doc .buttonbar>:hover,.doc .container .header ul.file li.selected,.doc .container .header ul.file li:hover,.doc .segcontrol>.selected,.doc .segcontrol>:hover{background:rgba(240,241,242,.75)}#tooltip-signin ul.list .doc li.default:hover,.container .header ul.file .doc li.default:hover,.doc #tooltip-signin ul.list li.default:hover,.doc .button.default:hover,.doc .buttonbar>.default:hover,.doc .container .header ul.file li.default:hover,.doc .segcontrol>.default:hover{background:#f0f1f2}.doc>section.expression{flex:0 6.25rem}.doc>section.expression>header{background:#70b0e0}.doc>section.expression>.editor{position:relative}.doc>section.expression>.editor .icon.alert{display:none;position:relative;float:right;margin:1.25rem;color:#d22;z-index:10;-webkit-user-select:none;user-select:none}.doc>section.expression>.editor>.CodeMirror{padding:1rem 0 0 1rem;font-weight:700}.doc>section.expression>.editor.error>.icon.alert{display:block}#tooltip-flags>.list li,#tooltip-flavor>.list li{cursor:pointer;color:#b7bcc0}#tooltip-flags>.list li:hover,#tooltip-flavor>.list li:hover{color:#f0f1f2}#tooltip-flags>.list li+li,#tooltip-flavor>.list li+li{margin-top:.5em}#tooltip-flags>.list li .check.icon,#tooltip-flavor>.list li .check.icon{color:#585e63;margin-right:.25em}#tooltip-flags>.list li.selected .check.icon,#tooltip-flavor>.list li.selected .check.icon{color:#70b0e0}#tooltip-flags>.list li em,#tooltip-flavor>.list li em{font-style:normal;font-weight:700;color:#f0f1f2;padding:0 .15em;background:rgba(126,135,142,.3);border-radius:.125rem}.exp-related{border-bottom:solid 1px rgba(16,17,18,.3);border-top:solid 1px rgba(16,17,18,.3);margin-bottom:-1px;margin-top:-1px}.exp-related-left{border-left:solid 1px rgba(16,17,18,.3);margin-left:-1px}.exp-related-right{border-right:solid 1px rgba(16,17,18,.3);margin-right:-1px}.exp-selected{border-top:solid 2px rgba(16,17,18,.3);border-bottom:solid 2px rgba(16,17,18,.3)}.exp-selected-left{border-left:solid 2px rgba(16,17,18,.3);margin-left:-2px}.exp-selected-right{border-right:solid 2px rgba(16,17,18,.3);margin-right:-2px}.exp-error{border-bottom:solid 2px #d22}.exp-warning{border-bottom:dotted 2px #d22}.exp-char{color:#101112}.exp-decorator{color:#b7bcc0}.exp-esc{color:#c0c}.exp-lazy,.exp-possessive,.exp-quant{color:#58f}.exp-alt{color:#0a0}.exp-anchor{color:#840}.exp-group,.exp-lookaround,.exp-ref{color:#0a0}.exp-charclass,.exp-set,.exp-subst{color:#d70}.exp-group-0{background:rgba(0,238,0,.11)}.exp-group-1{background:rgba(0,238,0,.22)}.exp-group-2{background:rgba(0,238,0,.33)}.exp-group-3{background:rgba(0,238,0,.44)}.exp-group-set{background:rgba(255,238,0,.3)}.exp-comment{color:#b7bcc0;background:rgba(16,17,18,.05);font-style:italic;border-bottom:solid 3px #d7dadc}.exp-special{color:#c0c}.doc>section.text article{display:flex}.doc>section.text>header .modelist li{font-size:1rem;padding-top:.275rem;padding-bottom:.275rem}.doc>section.text>header .modelist li:last-child::after{transition:opacity 1s;font-size:.625rem;padding:.25em .5em;display:inline-block;position:absolute;color:#f0f1f2;background:#70b0e0;letter-spacing:.075em;transform:translate(.25rem,-.125rem);content:"NEW"}#tooltip-signin ul.list .doc>section.text>header li.add,.container .header ul.file .doc>section.text>header li.add,.doc>section.text>header #tooltip-signin ul.list li.add,.doc>section.text>header .button.add,.doc>section.text>header .container .header ul.file li.add{display:none!important}.doc>section.text>header .result{font-weight:700}.doc>section.text>header .result.error{background:#d22;color:#e7e9ea}.doc>section.text>header .result.error.warning{background:#d22}.doc>section.text>header .result.pass{background:#0a0;color:#e7e9ea}.doc>section.text>header .result.fail{background:#d22;color:#e7e9ea}.doc>section.text>header .result em{font-style:normal;font-weight:400;opacity:.75}.doc>section.text.tests-viewed>header .modelist li:last-child::after{opacity:0}.doc>section.text .editor{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;padding:1rem 0 1rem 1rem}.doc>section.text .editor>.pad{box-sizing:border-box;position:relative;overflow:hidden;width:100%;flex:1}.doc>section.text .editor>.pad>.CodeMirror{color:#101112}.doc>section.text .editor>.pad>iframe.resizedetector{opacity:0;z-index:-1000;border:none;width:100%;height:100%;position:absolute}.doc>section.text .editor>.pad>canvas.highlights{transition:opacity .2s;position:absolute}.doc>section.text .tests{display:none;width:100%;background:#d7dadc;padding:1rem;box-sizing:border-box;overflow:auto}.doc>section.text .tests .default{transition:opacity 1s;padding:1rem .5rem;color:#585e63}.doc>section.text .tests .list:empty~.default{opacity:1}.doc>section.text .tests.tests-added .default{opacity:0}#tooltip-signin ul.list .doc>section.text .tests li.add,.container .header ul.file .doc>section.text .tests li.add,.doc>section.text .tests #tooltip-signin ul.list li.add,.doc>section.text .tests .add.button,.doc>section.text .tests .container .header ul.file li.add{box-sizing:border-box;width:100%;box-shadow:none;opacity:.5;background:rgba(183,188,192,.75);color:#101112;padding:.75rem .625rem;margin-top:.125rem;font-weight:700;border-radius:.125rem}#tooltip-signin ul.list .doc>section.text .tests li.add:hover,.container .header ul.file .doc>section.text .tests li.add:hover,.doc>section.text .tests #tooltip-signin ul.list li.add:hover,.doc>section.text .tests .add.button:hover,.doc>section.text .tests .container .header ul.file li.add:hover{opacity:1}.doc>section.text .tests .list li{background:#e7e9ea;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:margin .1s linear;margin:.125rem 0;display:inline-block;width:100%}.doc>section.text .tests .list li:first-child{margin-top:0}.doc>section.text .tests .list li:hover{outline:solid 2px rgba(16,17,18,.3)}.doc>section.text .tests .list li header{padding:.5rem .75rem}.doc>section.text .tests .list li header input.name{color:#383b3f;font-weight:700;padding:0;margin:0 .5rem;background:0 0;border:none}.doc>section.text .tests .list li header .icon.delete{color:#b7bcc0}.doc>section.text .tests .list li header .icon.delete:hover{color:#d22!important}.doc>section.text .tests .list li header .icon.fail{display:none;color:#d22}.doc>section.text .tests .list li header .icon.pass{color:#0a0}.doc>section.text .tests .list li header .type{background:0 0;text-transform:uppercase;font-size:.75em;color:#b7bcc0;font-weight:700;box-shadow:none}.doc>section.text .tests .list li article{border-top:solid 1px #d7dadc;padding:.5rem 0 .5rem .75rem;display:none;height:6em;align-items:stretch}.doc>section.text .tests .list li article .bar{background:#0a0;width:0;outline:solid 1px #0a0;margin:.25rem .875rem .25rem .375rem}.doc>section.text .tests .list li article .editor{padding:0}.doc>section.text .tests .list li:not(.selected){cursor:pointer}.doc>section.text .tests .list li:not(.selected) .type .icon.dropdown{opacity:0}.doc>section.text .tests .list li:not(.selected) *{pointer-events:none}.doc>section.text .tests .list li.selected{outline:solid 2px rgba(16,17,18,.3);background:#f0f1f2;box-shadow:0 2px 3px rgba(0,0,0,.25);margin:.75rem 0}.doc>section.text .tests .list li.selected:first-child{margin-top:0}.doc>section.text .tests .list li.selected article{display:flex}.doc>section.text .tests .list li.selected .type{color:#585e63}.doc>section.text .tests .list li.selected .type:hover{color:#26292b}.doc>section.text .tests .list li.fail .icon.fail{display:block}.doc>section.text .tests .list li.fail .icon.pass{display:none}.doc>section.text .tests .list li.fail .bar{outline:solid 1px #d22}#tooltip-signin ul.list .doc.tests-mode>section.text>header li.add,.container .header ul.file .doc.tests-mode>section.text>header li.add,.doc.tests-mode>section.text>header #tooltip-signin ul.list li.add,.doc.tests-mode>section.text>header .button.add,.doc.tests-mode>section.text>header .container .header ul.file li.add{display:inline-block}.doc.tests-mode>section.text>article>.editor{display:none}.doc.tests-mode>section.text .tests{display:block}#tooltip .texthover .more{display:inline-block;color:#b7bcc0;font-style:italic;margin-top:.75rem}.doc>section.tools>article{display:flex;flex-direction:column;background:#e7e9ea}.doc>section.tools>article .icon.help{position:absolute;right:.25rem;transform:translate(0,-50%) translate(0,1.875rem);padding:1rem;color:rgba(16,17,18,.25);z-index:10}.doc>section.tools>article .icon.help:hover{color:#26292b!important}.doc>section.tools>article .inputtool{display:none;flex-direction:column;flex:1}.doc>section.tools>article .inputtool .editor{position:relative;flex:0 3.75rem;background:#f0f1f2;border-bottom:solid 1px #d7dadc}.doc>section.tools>article .inputtool .editor>.CodeMirror{padding:1rem 0 0 1rem;height:100%;font-weight:700}.doc>section.tools>article .inputtool .result{flex:1}.doc>section.tools>article .inputtool .result textarea{box-sizing:border-box;padding:1rem 0 1rem 1rem;resize:none;display:block;border:0;background:0 0;width:100%;height:100%;margin:0;font-family:"Source Code Pro",monospace;font-size:16px;color:#101112}.doc>section.tools>article .inputtool .result textarea:focus{outline:0}.doc>section.tools>article .content{flex:1 1 0%;min-height:0;overflow-y:auto;display:block;padding:1rem}.doc>section.tools>article.showinput .inputtool{display:flex}.doc>section.tools>article.showinput .content{display:none}.doc>section.tools>article .explain>.desc{color:#7e878e;display:block;padding:.5rem}.doc>section.tools>article .explain div{padding:.5em 1em .5em 2.5em;margin-top:.75em;border:solid 1px rgba(183,188,192,.5);border-left:solid .25em rgba(183,188,192,.5);background:#f0f1f2;cursor:pointer}.doc>section.tools>article .explain div.applied{margin-left:1em;margin-top:0;border:none;background:rgba(183,188,192,.3)}.doc>section.tools>article .explain div.applied+div.applied{margin-top:1px;margin-left:2em}.doc>section.tools>article .explain div.error{background:#edd2d3;border-color:#d22}.doc>section.tools>article .explain div.error .error-title{font-weight:700}.doc>section.tools>article .explain div.error .warningtext{color:#7e878e;margin-left:.5rem}.doc>section.tools>article .explain code{font-weight:700}.doc>section.tools>article .explain code.token{display:inline-block;min-width:1.25em;margin:-1px .5em 0 -1.75em;float:left}.doc>section.tools>article .explain div.close{margin:0;padding:0;border:none;background:0 0}.doc>section.tools>article .explain .exp-group-0,.doc>section.tools>article .explain .exp-group-1,.doc>section.tools>article .explain .exp-group-2,.doc>section.tools>article .explain .exp-group-3{border-color:rgba(0,170,0,.25)}.doc>section.tools>article .explain .exp-group-0{background:#ddf1df}.doc>section.tools>article .explain .exp-group-1{background:#d1f1d3}.doc>section.tools>article .explain .exp-group-2{background:#c5f0c6}.doc>section.tools>article .explain .exp-group-3{background:#b9f0ba}.doc>section.tools>article .explain .exp-group-4{background:#383b3f;color:#f0f1f2;padding:1rem}.doc>section.tools>article .explain .exp-group-set{background:#f4f0b6;border-color:rgba(221,119,0,.25)}.doc>section.tools>article .details>div.desc{padding:.5rem;color:#7e878e;margin-bottom:.5em}.doc>section.tools>article .details>div.desc code{color:#585e63;font-weight:700}.doc>section.tools>article .details table{font-family:"Source Code Pro",monospace;width:100%;border-spacing:0;border:0}.doc>section.tools>article .details table tr:nth-child(odd) td{background:#e1e3e4}.doc>section.tools>article .details table tr.match td{background:#d7dadc;border-bottom:1px dotted #b7bcc0}.doc>section.tools>article .details table td{padding:.5rem 1rem;vertical-align:top}.doc>section.tools>article .details table td:first-child{font-weight:700;white-space:nowrap;padding-right:0}.doc>section.tools>article .details table td:nth-child(2){color:#7e878e;white-space:nowrap;border-right:1px dotted #b7bcc0}.doc>section.tools>article .details table td:nth-child(3){white-space:pre-wrap;width:100%;color:#101112;-webkit-user-select:text;user-select:text;-webkit-user-select:contain;user-select:contain}.doc>section.tools>article .details table td:nth-child(3) em{color:#7e878e}.doc>section.tools>article .details .group-1{background:hsla(60,100%,50%,.5)}.doc>section.tools>article .details .group-2{background:hsla(120,100%,50%,.5)}.doc>section.tools>article .details .group-3{background:hsla(230,100%,70%,.5)}.doc>section.tools>article .details .group-4{background:hsla(280,100%,60%,.5)}.doc>section.tools>article .details .group-5{background:hsla(350,100%,60%,.5)}.doc>section.tools>article .details .group-0{background:hsla(30,100%,50%,.5)}.doc>section.tools>article .details .group-0,.doc>section.tools>article .details .group-1,.doc>section.tools>article .details .group-2,.doc>section.tools>article .details .group-3,.doc>section.tools>article .details .group-4,.doc>section.tools>article .details .group-5{outline:.5px solid rgba(16,17,18,.25)}.sidebar>.full .list .row.active:hover,.sidebar>.full .list li.active:hover,.sidebar>.min .list .row.active:hover,.sidebar>.min .list li.active:hover{color:#f0f1f2}.sidebar>.full .list .row.active>.icon.check,.sidebar>.full .list .row.active>.icon:first-child,.sidebar>.full .list li.active>.icon.check,.sidebar>.full .list li.active>.icon:first-child,.sidebar>.min .list .row.active>.icon.check,.sidebar>.min .list .row.active>.icon:first-child,.sidebar>.min .list li.active>.icon.check,.sidebar>.min .list li.active>.icon:first-child{color:#70b0e0}.sidebar{flex:1 0 350px;width:350px;transition:flex .2s ease-out;background:#282b2d;display:flex;flex-direction:column;color:#b7bcc0;border-right:1px solid #3a3e41;box-shadow:1px 2px 8px rgba(0,0,0,.45);z-index:100}.sidebar>.blocker{display:none}.sidebar .list>li,.sidebar .row{display:flex;flex:0 0 auto;padding:.5rem;align-items:center;justify-content:center;border-bottom:1px solid rgba(240,241,242,.06);transition:background .2s;color:#b7bcc0}.sidebar .list>li>*,.sidebar .row>*{margin:0 .5rem}.sidebar .list>li .label,.sidebar .list>li input,.sidebar .row .label,.sidebar .row input{flex:1}.sidebar .list>li .icon,.sidebar .row .icon{color:#595f64}.sidebar header.row{flex:0 0 2.5rem;padding:0}.sidebar header.row .backrow{display:flex;flex:1 0 auto;align-items:center;cursor:pointer;margin:0;padding:.5rem 0}.sidebar header.row .backrow .icon{flex:0 0 auto;margin:0 1rem}.sidebar header.row .backrow:hover{color:#f0f1f2}.sidebar header.row .backrow:hover .icon{color:currentColor}.sidebar header.row .close.icon{padding:.75rem 1rem;margin:0}.sidebar code{color:#f0f1f2}.sidebar.closed{flex:0 50px}.sidebar>.full .list,.sidebar>.min .list{flex:1 1 0%;display:flex;align-items:stretch;overflow-y:auto;background:#3a3e41;border-bottom:2px solid #3a3e41}.sidebar>.full .list .row,.sidebar>.full .list li,.sidebar>.min .list .row,.sidebar>.min .list li{color:#b7bcc0}.sidebar>.full .list .row:hover:not(.inactive),.sidebar>.full .list li:hover:not(.inactive),.sidebar>.min .list .row:hover:not(.inactive),.sidebar>.min .list li:hover:not(.inactive){background:#4a4f53}.sidebar>.full .list .row:hover:not(.inactive) .icon,.sidebar>.full .list .row:hover:not(.inactive) .rating,.sidebar>.full .list .row:hover:not(.inactive) .token,.sidebar>.full .list li:hover:not(.inactive) .icon,.sidebar>.full .list li:hover:not(.inactive) .rating,.sidebar>.full .list li:hover:not(.inactive) .token,.sidebar>.min .list .row:hover:not(.inactive) .icon,.sidebar>.min .list .row:hover:not(.inactive) .rating,.sidebar>.min .list .row:hover:not(.inactive) .token,.sidebar>.min .list li:hover:not(.inactive) .icon,.sidebar>.min .list li:hover:not(.inactive) .rating,.sidebar>.min .list li:hover:not(.inactive) .token{color:currentColor}.sidebar>.full .list .row.selected,.sidebar>.full .list li.selected,.sidebar>.min .list .row.selected,.sidebar>.min .list li.selected{background:#595f64;color:#d7dadc}.sidebar>.full .list .row.selected .icon,.sidebar>.full .list .row.selected .rating,.sidebar>.full .list .row.selected .token,.sidebar>.full .list li.selected .icon,.sidebar>.full .list li.selected .rating,.sidebar>.full .list li.selected .token,.sidebar>.min .list .row.selected .icon,.sidebar>.min .list .row.selected .rating,.sidebar>.min .list .row.selected .token,.sidebar>.min .list li.selected .icon,.sidebar>.min .list li.selected .rating,.sidebar>.min .list li.selected .token{color:currentColor}.sidebar>.full .list .row.selected:hover,.sidebar>.full .list li.selected:hover,.sidebar>.min .list .row.selected:hover,.sidebar>.min .list li.selected:hover{background:#595f64;color:#f0f1f2}.sidebar>.full .list .row.disabled,.sidebar>.full .list li.disabled,.sidebar>.min .list .row.disabled,.sidebar>.min .list li.disabled{pointer-events:none;opacity:.35}.sidebar>.full .list .row.link:not(.disabled),.sidebar>.full .list li.link:not(.disabled),.sidebar>.min .list .row.link:not(.disabled),.sidebar>.min .list li.link:not(.disabled){overflow:hidden}.sidebar>.full .list .row.link:not(.disabled) .url,.sidebar>.full .list li.link:not(.disabled) .url,.sidebar>.min .list .row.link:not(.disabled) .url,.sidebar>.min .list li.link:not(.disabled) .url{color:#70b0e0;margin:0}.sidebar>.full .list .row.link:not(.disabled):hover,.sidebar>.full .list li.link:not(.disabled):hover,.sidebar>.min .list .row.link:not(.disabled):hover,.sidebar>.min .list li.link:not(.disabled):hover{color:#f0f1f2}.sidebar>.full .list .row.link:not(.disabled):hover .url,.sidebar>.full .list li.link:not(.disabled):hover .url,.sidebar>.min .list .row.link:not(.disabled):hover .url,.sidebar>.min .list li.link:not(.disabled):hover .url{color:#f0f1f2}.sidebar>.full .list .row.link:not(.disabled) .icon.copy,.sidebar>.full .list li.link:not(.disabled) .icon.copy,.sidebar>.min .list .row.link:not(.disabled) .icon.copy,.sidebar>.min .list li.link:not(.disabled) .icon.copy{padding:1rem;margin:-1rem -.5rem;color:#595f64}.sidebar>.full .list .row.link:not(.disabled) .icon.copy:hover,.sidebar>.full .list li.link:not(.disabled) .icon.copy:hover,.sidebar>.min .list .row.link:not(.disabled) .icon.copy:hover,.sidebar>.min .list li.link:not(.disabled) .icon.copy:hover{color:#f0f1f2}.sidebar>.full .list .row.loading,.sidebar>.full .list li.loading,.sidebar>.min .list .row.loading,.sidebar>.min .list li.loading{padding:1rem;display:block;border:none;color:#7e878e;pointer-events:none}.sidebar>.full .list .row .token,.sidebar>.full .list li .token,.sidebar>.min .list .row .token,.sidebar>.min .list li .token{color:#7e878e;font-family:"Source Code Pro",monospace;font-weight:700}.sidebar>.full .list .row .rating,.sidebar>.full .list li .rating,.sidebar>.min .list .row .rating,.sidebar>.min .list li .rating{display:flex;align-items:center;color:#7e878e;font-size:.875em}.sidebar>.full .list .row .rating .favorites.icon,.sidebar>.full .list li .rating .favorites.icon,.sidebar>.min .list .row .rating .favorites.icon,.sidebar>.min .list li .rating .favorites.icon{color:#70b0e0;padding:0 .25rem}.sidebar>.min{display:none;background:#3a3e41}.sidebar>.min>.list>li:first-child{background:#282b2d;padding:0}.sidebar>.full{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar>.full.no-search>.search{display:none}.sidebar>.full.no-list>.list{display:none}.sidebar>.full>header h1{color:#f0f1f2}.sidebar>.full>header .icon{color:#595f64}.sidebar>.full>.search{padding:0 .5rem}.sidebar>.full>.search input{background:0 0;padding:0}.sidebar>.full>.search input:focus{border-bottom:1px dotted #3a3e41;margin-bottom:-1px}.sidebar>.full>.search svg.icon{width:1em;height:1em;margin-right:.375em}.sidebar>.full>.search svg.icon.search:hover{color:#f0f1f2;cursor:pointer}.sidebar>.full>.search svg.icon.distractor{display:none}.sidebar>.full>.search.wait svg.icon.search{display:none}.sidebar>.full>.search.wait svg.icon.distractor{display:block}.sidebar>.full>.content{flex:1 1 0%;overflow-y:auto;overflow-x:hidden;padding:1rem;-webkit-user-select:text;user-select:text;overflow-wrap:break-word;border-top:2px solid #282b2d;line-height:1.4em}.sidebar>.full>.content h1{margin-top:1.5em;color:#f0f1f2}.sidebar>.full>.content code em{font-style:normal;background:rgba(112,176,224,.5);color:#f0f1f2;margin-right:1px}.sidebar>.full>.content b{color:#d7dadc}.sidebar>.full>.content ul{padding-left:1.5em;margin-bottom:0}.sidebar>.full>.hello{flex:0 0 0;padding:0;border:.25rem solid #101112;background:#101112}.sidebar>.full>.hello .noad{padding:.75rem;color:#7e878e}.sidebar>.full>.hello .noad b{color:#b7bcc0}#cheatsheet table{width:100%}#cheatsheet table th{text-align:left;background:#3a3e41;padding:.25rem .5rem;color:#70b0e0}#cheatsheet table tr+tr>th{border-top:.5rem solid #282b2d}#cheatsheet table td{padding:0}#cheatsheet table td:first-child{font-family:"Source Code Pro",monospace}#cheatsheet table a{color:#f0f1f2}#cheatsheet table a+a{margin-left:.375em}.community>header{background:#101112;padding:1rem;margin:-1rem;margin-bottom:.5rem;display:flex;justify-content:space-between}.community>header .icon{color:#595f64}.community>header .icon.selected:not(:hover){color:#70b0e0}.community>header>.name{color:#f0f1f2;font-weight:700;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.community>header>div{display:flex}.community>header>div .favorites{margin:0 1rem}.community .row.rate .icon.thumbdown,.community .row.rate .icon.thumbup{cursor:pointer}.community .row.rate .icon.thumbdown.selected:hover,.community .row.rate .icon.thumbdown:hover,.community .row.rate .icon.thumbup.selected:hover,.community .row.rate .icon.thumbup:hover{color:#f0f1f2}.community .row.rate .icon.thumbdown.selected,.community .row.rate .icon.thumbup.selected{color:#70b0e0}.community .row.rate .icon.thumbdown{transform:translate(0,.125em) scale(1,-1)}.community>.author{margin-top:.125em;color:#7e878e}.community .actions.list{background:0;margin:-.5rem -1rem 0 -1rem}.community>.desc{margin-top:1rem}#share_community,#share_main{margin:-1rem}#share_community .list,#share_main .list{background:0 0;border:none}#share_community .inputs input,#share_community .inputs textarea,#share_main .inputs input,#share_main .inputs textarea{color:#f0f1f2;margin:2px 0}#share_community #tooltip-signin ul.list li,#share_community .button,#share_community .container .header ul.file li,#share_main #tooltip-signin ul.list li,#share_main .button,#share_main .container .header ul.file li,#tooltip-signin ul.list #share_community li,#tooltip-signin ul.list #share_main li,.container .header ul.file #share_community li,.container .header ul.file #share_main li{padding-left:2rem;padding-right:2rem}#share_community .buttons.wait #tooltip-signin ul.list li,#share_community .buttons.wait .button,#share_community .buttons.wait .container .header ul.file li,#share_main .buttons.wait #tooltip-signin ul.list li,#share_main .buttons.wait .button,#share_main .buttons.wait .container .header ul.file li,#tooltip-signin ul.list #share_community .buttons.wait li,#tooltip-signin ul.list #share_main .buttons.wait li,.container .header ul.file #share_community .buttons.wait li,.container .header ul.file #share_main .buttons.wait li{opacity:.35;pointer-events:none}#share_community .status,#share_main .status{margin-left:.5rem}#share_main .signin.row .signout{display:none}#share_main .signin.row.authenticated{display:none}#share_main .row:not(.active) .icon.check{display:none}#share_main .delete.row:hover{background:rgba(221,34,34,.6)}#share_main>.info{padding:1rem;margin-bottom:.5rem;border-bottom:solid 1px #3a3e41}#share_main>.info>.row{padding:0 0 .5rem 0;border:0;color:#b7bcc0;align-items:flex-start}#share_main>.info>.row svg.icon{color:currentColor;margin:0}#share_main>.save{flex-direction:column;align-items:flex-start;padding:1.25rem .5rem;margin-bottom:.5rem;background:#3a3e41;border:0;box-shadow:-3px 3px 6px rgba(0,0,0,.1)}#share_main>.save .message{color:#f0f1f2}#share_main>.save .buttons{padding:.5rem 0 0 0;border:0;color:#f0f1f2}#share_main>.save .buttons #tooltip-signin ul.list li,#share_main>.save .buttons .button,#share_main>.save .buttons .container .header ul.file li,#tooltip-signin ul.list #share_main>.save .buttons li,.container .header ul.file #share_main>.save .buttons li{margin:0 .5rem 0 0}#share_community{margin:0 .5rem}#share_community>.buttons{justify-content:flex-end;color:#f0f1f2;border:none}#share_community .buttons,#share_community .inputs{margin:1rem 0}.native-js{transition:all .25s ease-in-out;opacity:0;position:absolute;top:0}.native-js[data-state=visible]{position:static;opacity:1}.native-js[data-state=visible]+.noad{display:none}.native-img{margin-right:.75rem;max-height:40px;max-width:27%;border-radius:3px}.native-flex{display:flex;padding:.75rem;text-decoration:none;flex-flow:row nowrap;justify-content:space-between;align-items:center}.native-main{display:flex;flex-flow:row nowrap;align-items:center}.native-details{display:flex;font-size:12px;position:relative;max-height:5em;flex-flow:column}.native-company{margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:11px}.native-desc{letter-spacing:1px;font-weight:300;line-height:1.3em;text-overflow:ellipsis;max-height:5em;overflow:hidden;position:relative}#carbonads{display:block;overflow:hidden;background-color:#101112;font-size:13px;line-height:1.5}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}.carbon-img{display:block;float:left;margin:0;line-height:1}.carbon-img img{display:block}.carbon-text{display:block;float:left;padding:8px 1em;max-width:calc(100% - 130px - 2em);text-align:left;letter-spacing:.5px}.carbon-poweredby{position:absolute;right:0;bottom:0;left:130px;display:block;padding:8px 13px;border-top:solid 1px #282b2d;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:9px;line-height:1}@media (max-width:900px){body>.container>.header>.etc>.github{display:none}body>.container>.header>.file .savekey{display:none}body>.container>.app{display:block;position:relative;background:#e7e9ea}body>.container>.app>.doc{position:absolute;top:0;bottom:0;left:50px;right:0}body>.container>.app>.doc>.blocker{display:none;width:100%;height:100%;position:fixed;background:rgba(215,218,220,.5);z-index:10}body>.container>.app>.doc.fadeback{filter:blur(2px)}body>.container>.app>.doc.fadeback>.blocker{display:block}body>.container>.app>.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:10000;transition:width .2s ease-out;width:calc(10% + 350px);box-shadow:10px 0 12px rgba(0,0,0,.45);background:#282b2d;opacity:.94}body>.container>.app>.sidebar.closed{width:50px;min-width:50px;box-shadow:1px 2px 8px rgba(0,0,0,.45);opacity:1}body>.container>.app>.sidebar.closed:before{content:none}}#export.theme{color:#70b0e0}#export.match{color:rgba(112,176,224,.5)}#export.selected-stroke{color:rgba(16,17,18,.3)}.CodeMirror{font-family:"Source Code Pro",monospace;background:0 0;position:absolute;box-sizing:border-box}.CodeMirror div.CodeMirror-cursor{pointer-events:none;border-left:1px solid #101112}.CodeMirror-selected{background:rgba(170,170,170,.55)}.CodeMirror-focused .CodeMirror-selected{background:rgba(140,150,255,.8)}.editor.multiline .CodeMirror-line:not(:last-child)>span:after{pointer-events:none;color:rgba(127,127,127,.33);content:"¬"}.CodeMirror-line .cm-space::before,.CodeMirror-line .cm-special::before{color:rgba(127,127,127,.33);content:"•";position:absolute}.CodeMirror-line .cm-special::before{color:#d22}.CodeMirror-line .cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZENEEyN0Q3NTc0MTFFNzlFMTZGQ0Q1MEREODEyREEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZENEEyN0U3NTc0MTFFNzlFMTZGQ0Q1MEREODEyREEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkQ0QTI3Qjc1NzQxMUU3OUUxNkZDRDUwREQ4MTJEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERkQ0QTI3Qzc1NzQxMUU3OUUxNkZDRDUwREQ4MTJEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgWEz28AAABVSURBVHja7JVBCgAgCAQt+rf6cstjYN4iFxoQxJMjos3MCJlO4HyB26iqZLXyAswskQTUCmUSI7OruE4usxX9jCKELKK8w04e6Qqdmnfa/8SPmQIMANcZrZCVJGBIAAAAAElFTkSuQmCC);background-position:100%;background-repeat:no-repeat} \ No newline at end of file +@charset "UTF-8"; +.CodeMirror { +font-family:monospace; +height:300px; +color:#000 +} +.CodeMirror-lines { +padding:4px 0 +} +.CodeMirror pre { +padding:0 4px +} +.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler { +background-color:#fff +} +.CodeMirror-gutters { +border-right:1px solid #ddd; +background-color:#f7f7f7; +white-space:nowrap +} +.CodeMirror-linenumber { +padding:0 3px 0 5px; +min-width:20px; +text-align:right; +color:#999; +white-space:nowrap +} +.CodeMirror-guttermarker { +color:#000 +} +.CodeMirror-guttermarker-subtle { +color:#999 +} +.CodeMirror-cursor { +border-left:1px solid #000; +border-right:none; +width:0 +} +.CodeMirror div.CodeMirror-secondarycursor { +border-left:1px solid silver +} +.cm-fat-cursor .CodeMirror-cursor { +width:auto; +border:0!important; +background:#7e7 +} +.cm-fat-cursor div.CodeMirror-cursors { +z-index:1 +} +.cm-animate-fat-cursor { +width:auto; +border:0; +-webkit-animation:blink 1.06s steps(1) infinite; +-moz-animation:blink 1.06s steps(1) infinite; +animation:blink 1.06s steps(1) infinite; +background-color:#7e7 +} +@-moz-keyframes blink { +50% { +background-color:transparent +} + +} +@-webkit-keyframes blink { +50% { +background-color:transparent +} + +} +@keyframes blink { +50% { +background-color:transparent +} + +} +.cm-tab { +display:inline-block; +text-decoration:inherit +} +.CodeMirror-rulers { +position:absolute; +left:0; +right:0; +top:-50px; +bottom:-20px; +overflow:hidden +} +.CodeMirror-ruler { +border-left:1px solid #ccc; +top:0; +bottom:0; +position:absolute +} +.cm-s-default .cm-header { +color:#00f +} +.cm-s-default .cm-quote { +color:#090 +} +.cm-negative { +color:#d44 +} +.cm-positive { +color:#292 +} +.cm-header,.cm-strong { +font-weight:700 +} +.cm-em { +font-style:italic +} +.cm-link { +text-decoration:underline +} +.cm-strikethrough { +text-decoration:line-through +} +.cm-s-default .cm-keyword { +color:#708 +} +.cm-s-default .cm-atom { +color:#219 +} +.cm-s-default .cm-number { +color:#164 +} +.cm-s-default .cm-def { +color:#00f +} +.cm-s-default .cm-variable-2 { +color:#05a +} +.cm-s-default .cm-type,.cm-s-default .cm-variable-3 { +color:#085 +} +.cm-s-default .cm-comment { +color:#a50 +} +.cm-s-default .cm-string { +color:#a11 +} +.cm-s-default .cm-string-2 { +color:#f50 +} +.cm-s-default .cm-meta { +color:#555 +} +.cm-s-default .cm-qualifier { +color:#555 +} +.cm-s-default .cm-builtin { +color:#30a +} +.cm-s-default .cm-bracket { +color:#997 +} +.cm-s-default .cm-tag { +color:#170 +} +.cm-s-default .cm-attribute { +color:#00c +} +.cm-s-default .cm-hr { +color:#999 +} +.cm-s-default .cm-link { +color:#00c +} +.cm-s-default .cm-error { +color:red +} +.cm-invalidchar { +color:red +} +.CodeMirror-composing { +border-bottom:2px solid +} +div.CodeMirror span.CodeMirror-matchingbracket { +color:#0f0 +} +div.CodeMirror span.CodeMirror-nonmatchingbracket { +color:#f22 +} +.CodeMirror-matchingtag { +background:rgba(255,150,0,.3) +} +.CodeMirror-activeline-background { +background:#e8f2ff +} +.CodeMirror { +position:relative; +overflow:hidden; +background:#fff +} +.CodeMirror-scroll { +overflow:scroll!important; +margin-bottom:-30px; +margin-right:-30px; +padding-bottom:30px; +height:100%; +outline:0; +position:relative +} +.CodeMirror-sizer { +position:relative; +border-right:30px solid transparent +} +.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar { +position:absolute; +z-index:6; +display:none +} +.CodeMirror-vscrollbar { +right:0; +top:0; +overflow-x:hidden; +overflow-y:scroll +} +.CodeMirror-hscrollbar { +bottom:0; +left:0; +overflow-y:hidden; +overflow-x:scroll +} +.CodeMirror-scrollbar-filler { +right:0; +bottom:0 +} +.CodeMirror-gutter-filler { +left:0; +bottom:0 +} +.CodeMirror-gutters { +position:absolute; +left:0; +top:0; +min-height:100%; +z-index:3 +} +.CodeMirror-gutter { +white-space:normal; +height:100%; +display:inline-block; +vertical-align:top; +margin-bottom:-30px +} +.CodeMirror-gutter-wrapper { +position:absolute; +z-index:4; +background:0 0!important; +border:none!important +} +.CodeMirror-gutter-background { +position:absolute; +top:0; +bottom:0; +z-index:4 +} +.CodeMirror-gutter-elt { +position:absolute; +cursor:default; +z-index:4 +} +.CodeMirror-gutter-wrapper ::selection { +background-color:transparent +} +.CodeMirror-gutter-wrapper ::-moz-selection { +background-color:transparent +} +.CodeMirror-lines { +cursor:text; +min-height:1px +} +.CodeMirror pre { +-moz-border-radius:0; +-webkit-border-radius:0; +border-radius:0; +border-width:0; +background:0 0; +font-family:inherit; +font-size:inherit; +margin:0; +white-space:pre; +word-wrap:normal; +line-height:inherit; +color:inherit; +z-index:2; +position:relative; +overflow:visible; +-webkit-tap-highlight-color:transparent; +-webkit-font-variant-ligatures:contextual; +font-variant-ligatures:contextual +} +.CodeMirror-wrap pre { +word-wrap:break-word; +white-space:pre-wrap; +word-break:normal +} +.CodeMirror-linebackground { +position:absolute; +left:0; +right:0; +top:0; +bottom:0; +z-index:0 +} +.CodeMirror-linewidget { +position:relative; +z-index:2; +overflow:auto +} +.CodeMirror-rtl pre { +direction:rtl +} +.CodeMirror-code { +outline:0 +} +.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer { +-moz-box-sizing:content-box; +box-sizing:content-box +} +.CodeMirror-measure { +position:absolute; +width:100%; +height:0; +overflow:hidden; +visibility:hidden +} +.CodeMirror-cursor { +position:absolute; +pointer-events:none +} +.CodeMirror-measure pre { +position:static +} +div.CodeMirror-cursors { +visibility:hidden; +position:relative; +z-index:3 +} +div.CodeMirror-dragcursors { +visibility:visible +} +.CodeMirror-focused div.CodeMirror-cursors { +visibility:visible +} +.CodeMirror-selected { +background:#d9d9d9 +} +.CodeMirror-focused .CodeMirror-selected { +background:#d7d4f0 +} +.CodeMirror-crosshair { +cursor:crosshair +} +.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection { +background:#d7d4f0 +} +.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection { +background:#d7d4f0 +} +.cm-searching { +background:#ffa; +background:rgba(255,255,0,.4) +} +.cm-force-border { +padding-right:.1px +} +@media print { +.CodeMirror div.CodeMirror-cursors { +visibility:hidden +} + +} +.cm-tab-wrap-hack:after { +content:'' +} +span.CodeMirror-selectedtext { +background:0 0 +} +.doc>section.text .tests .list li header,.doc>section>header,.sidebar>.min>.list>li:first-child { +display:flex; +align-items:center; +padding:0 1rem 0 1rem; +flex:0 2.5rem +} +.doc>section.text .tests .list li header h1,.doc>section>header h1,.sidebar>.min>.list>li:first-child h1 { +flex:1 +} +#cheatsheet table th,.community>header .icon,.container .header .settings,.doc>section.text .tests .list li header .icon.delete,.doc>section.tools>article .icon.help,.example svg.icon.load,.sidebar>.full .list .row,.sidebar>.full .list li,.sidebar>.full>header .icon,.sidebar>.min .list .row,.sidebar>.min .list li,.tooltip .list li,.tooltip header .help.icon,a { +transition:color .2s; +color:#d7dadc +} +#cheatsheet table th:not(.inactive),.community>header .icon:not(.inactive),.container .header .settings:not(.inactive),.doc>section.text .tests .list li header .icon.delete:not(.inactive),.doc>section.tools>article .icon.help:not(.inactive),.example svg.icon.load:not(.inactive),.sidebar>.full .list .row:not(.inactive),.sidebar>.full .list li:not(.inactive),.sidebar>.full>header .icon:not(.inactive),.sidebar>.min .list .row:not(.inactive),.sidebar>.min .list li:not(.inactive),.tooltip .list li:not(.inactive),.tooltip header .help.icon:not(.inactive),a:not(.inactive) { +cursor:pointer +} +#cheatsheet table th:not(.inactive):hover,.community>header .icon:not(.inactive):hover,.container .header .settings:not(.inactive):hover,.doc>section.text .tests .list li header .icon.delete:not(.inactive):hover,.doc>section.tools>article .icon.help:not(.inactive):hover,.example svg.icon.load:not(.inactive):hover,.sidebar>.full .list .row:not(.inactive):hover,.sidebar>.full .list li:not(.inactive):hover,.sidebar>.full>header .icon:not(.inactive):hover,.sidebar>.min .list .row:not(.inactive):hover,.sidebar>.min .list li:not(.inactive):hover,.tooltip .list li:not(.inactive):hover,.tooltip header .help.icon:not(.inactive):hover,a:not(.inactive):hover { +color:#e7e9ea +} +#cheatsheet table th:not(.inactive):hover svg.icon,.community>header .icon:not(.inactive):hover svg.icon,.container .header .settings:not(.inactive):hover svg.icon,.doc>section.text .tests .list li header .icon.delete:not(.inactive):hover svg.icon,.doc>section.tools>article .icon.help:not(.inactive):hover svg.icon,.example svg.icon.load:not(.inactive):hover svg.icon,.sidebar>.full .list .row:not(.inactive):hover svg.icon,.sidebar>.full .list li:not(.inactive):hover svg.icon,.sidebar>.full>header .icon:not(.inactive):hover svg.icon,.sidebar>.min .list .row:not(.inactive):hover svg.icon,.sidebar>.min .list li:not(.inactive):hover svg.icon,.tooltip .list li:not(.inactive):hover svg.icon,.tooltip header .help.icon:not(.inactive):hover svg.icon,a:not(.inactive):hover svg.icon { +color:currentColor +} +#cheatsheet table th svg.icon,.community>header .icon svg.icon,.container .header .settings svg.icon,.doc>section.text .tests .list li header .icon.delete svg.icon,.doc>section.tools>article .icon.help svg.icon,.example svg.icon.load svg.icon,.sidebar>.full .list .row svg.icon,.sidebar>.full .list li svg.icon,.sidebar>.full>header .icon svg.icon,.sidebar>.min .list .row svg.icon,.sidebar>.min .list li svg.icon,.tooltip .list li svg.icon,.tooltip header .help.icon svg.icon,a svg.icon { +transition:fill .2s +} +#tooltip .texthover i,.example code i { +background:#595f64; +color:#f0f1f2; +font-weight:400; +padding:0 .25em; +margin-left:.25em +} +.doc>section.tools>article .details span.hover,.doc>section.tools>article .details table tr.group:hover,.doc>section.tools>article .explain div.selected { +outline:solid 2px rgba(16,17,18,.3); +z-index:10 +} +.doc>section.tools>article .explain div.related { +outline:solid 1px rgba(16,17,18,.3); +z-index:9 +} +body,html { +margin:0; +width:100%; +height:100%; +min-height:540px; +min-width:500px; +font-family:"Roboto Condensed",sans-serif; +font-size:16px; +color:#f0f1f2; +-webkit-user-select:none; +user-select:none; +cursor:default +} +body>.container,html>.container { +height:100%; +display:flex; +flex-flow:column +} +body>.container>.app,html>.container>.app { +flex:1; +min-height:0; +display:flex; +align-items:stretch +} +::-webkit-scrollbar { +width:.5em; +height:.5em +} +::-webkit-scrollbar-track { +background:rgba(126,135,142,.25) +} +::-webkit-scrollbar-thumb { +background-color:#7e878e; +border-radius:.5em +} +.app .sidebar,.container .header,.tooltip { +-moz-osx-font-smoothing:grayscale; +-webkit-font-smoothing:antialiased +} +code,pre { +font-family:"Source Code Pro",monospace +} +pre { +margin:0 +} +a { +color:#70b0e0; +text-decoration:none +} +h1,h2 { +font-size:1rem; +font-weight:700; +margin:0 +} +.list { +display:flex; +flex-direction:column; +margin:0; +padding:0 +} +.list li { +display:block +} +hr { +border:0; +border-top:1px solid rgba(126,135,142,.25); +margin:.75em 0 1em 0 +} +span.match { +background:rgba(112,176,224,.5); +color:#101112 +} +span.error { +color:#d22; +font-weight:700 +} +span.error.warning { +color:#d22 +} +.anim-spin { +animation:1s linear infinite spin +} +@keyframes spin { +from { +transform:rotate(0) +} +to { +transform:rotate(360deg) +} + +} +#tooltip-signin ul.list li,.button,.buttonbar>*,.container .header ul.file li,.control,.segcontrol>*,input,textarea { +padding:.375rem .75rem; +font-size:.875rem; +border-radius:.125rem +} +input,textarea { +border-radius:0; +background:rgba(240,241,242,.05); +border:none; +border-bottom:solid 1px rgba(240,241,242,.05); +font-family:"Roboto Condensed",sans-serif; +font-size:1rem; +display:block; +width:100%; +box-sizing:border-box; +color:#f0f1f2; +resize:vertical +} +input::placeholder,textarea::placeholder { +color:currentColor; +opacity:.4 +} +input:focus,textarea:focus { +outline:0 +} +input:focus::placeholder,textarea:focus::placeholder { +opacity:.2 +} +.status { +display:inline-block; +color:rgba(240,241,242,.5) +} +.status .icon.success { +color:#70b0e0 +} +.status .icon.alert { +color:#d22 +} +svg.icon { +width:1.125em; +height:1.125em; +display:inline-block; +fill:currentColor; +vertical-align:middle +} +svg.icon.small { +width:.75em; +height:.75em +} +svg.icon.inline { +margin-top:-.25em +} +.control { +background:rgba(240,241,242,.2) +} +#tooltip-signin ul.list li,.button,.buttonbar>*,.container .header ul.file li,.segcontrol>* { +background:rgba(240,241,242,.35); +display:inline-block; +cursor:pointer; +transition:background-color .2s ease-out; +transition:opacity .2s ease-out; +box-shadow:0 2px 1px rgba(0,0,0,.1); +line-height:normal +} +#tooltip-signin ul.list li.default,.button.default,.buttonbar>.default,.container .header ul.file li.default,.segcontrol>.default { +font-weight:700; +background:#70b0e0; +color:#101112 +} +#tooltip-signin ul.list li.default:hover,.button.default:hover,.buttonbar>.default:hover,.container .header ul.file li.default:hover,.segcontrol>.default:hover { +background:#f0f1f2 +} +#tooltip-signin ul.list li.selected,#tooltip-signin ul.list li:hover,.button.selected,.button:hover,.buttonbar>.selected,.buttonbar>:hover,.container .header ul.file li.selected,.container .header ul.file li:hover,.segcontrol>.selected,.segcontrol>:hover { +background:rgba(240,241,242,.75) +} +#tooltip-signin ul.list li.selected>svg.icon.dropdown,#tooltip-signin ul.list li:hover>svg.icon.dropdown,.button.selected>svg.icon.dropdown,.button:hover>svg.icon.dropdown,.buttonbar>.selected>svg.icon.dropdown,.buttonbar>:hover>svg.icon.dropdown,.container .header ul.file li.selected>svg.icon.dropdown,.container .header ul.file li:hover>svg.icon.dropdown,.segcontrol>.selected>svg.icon.dropdown,.segcontrol>:hover>svg.icon.dropdown { +margin-top:.5em +} +#tooltip-signin ul.list li.disabled,.button.disabled,.buttonbar>.disabled,.container .header ul.file li.disabled,.segcontrol>.disabled { +opacity:.35; +cursor:default; +pointer-events:none +} +#tooltip-signin ul.list li>svg.icon,.button>svg.icon,.buttonbar>*>svg.icon,.container .header ul.file li>svg.icon,.segcontrol>*>svg.icon { +margin-top:-.125em +} +#tooltip-signin ul.list li>svg.icon+*,.button>svg.icon+*,.buttonbar>*>svg.icon+*,.container .header ul.file li>svg.icon+*,.segcontrol>*>svg.icon+* { +margin-left:.25em +} +#tooltip-signin ul.list li>svg.icon.dropdown,.button>svg.icon.dropdown,.buttonbar>*>svg.icon.dropdown,.container .header ul.file li>svg.icon.dropdown,.segcontrol>*>svg.icon.dropdown { +transition:margin-top .2s; +margin-top:.125em; +width:.375em; +height:.375em +} +.buttonbar,.controlbar,.segcontrol { +display:flex; +padding:0; +margin:0 +} +.buttonbar>*,.controlbar>*,.segcontrol>* { +margin-left:.25rem +} +.buttonbar>*,.segcontrol>* { +margin-left:1px; +border-radius:0; +display:inline-block +} +.buttonbar>:first-child,.segcontrol>:first-child { +border-radius:.125rem 0 0 .125rem +} +.buttonbar>:last-child,.segcontrol>:last-child { +border-radius:0 .125rem .125rem 0 +} +.segcontrol>:first-child { +border-radius:.125rem 0 0 .125rem +} +.segcontrol>:last-child { +border-radius:0 .125rem .125rem 0 +} +.tooltip { +display:flex; +flex-flow:column; +align-items:center; +z-index:10000; +position:absolute; +transform:translate(-50%,0); +transition-property:opacity,margin-top; +transition-duration:.2s +} +.tooltip>.content { +background:rgba(16,17,18,.85); +color:#f0f1f2; +padding:1rem; +border-radius:.125rem; +max-width:15rem; +box-shadow:0 3px 4px rgba(0,0,0,.25); +overflow-wrap:break-word; +-webkit-backdrop-filter:blur(3px); +backdrop-filter:blur(3px) +} +.tooltip>.content code { +font-weight:700 +} +.tooltip>.content>.warningtext { +display:block; +color:#b7bcc0; +margin-top:.5rem +} +.tooltip header { +display:flex +} +.tooltip header h1 { +flex:1 +} +.tooltip header .help.icon { +margin-left:1em; +color:#7e878e +} +.tooltip>.tip { +fill:rgba(16,17,18,.85); +width:8px; +height:8px; +transform:scale(1,-1) +} +.tooltip.flipped { +transform:translate(-50%,-100%) +} +.tooltip.flipped .tip { +transform:scale(1,1); +order:1 +} +.tooltip .list li { +color:#b7bcc0 +} +.tooltip .list li+li { +margin-top:.5em +} +.tooltip .list li .check.icon { +color:#585e63; +margin-right:.25em +} +.tooltip .list li.selected .check.icon { +color:#70b0e0 +} +.tooltip .list li:not(.inactive):hover { +color:#e7e9ea +} +.tooltip .list li em { +font-style:normal; +font-weight:700; +color:#f0f1f2; +padding:0 .15em; +background:rgba(126,135,142,.3); +border-radius:.125rem +} +.example svg.icon.load { +color:#595f64; +float:right; +display:inline-block; +padding-left:.5rem +} +.example code { +display:inline-block; +word-break:break-all; +width:100% +} +.container .header { +display:flex; +align-items:center; +justify-content:space-between; +background:#101112; +padding:0 1rem; +height:54px; +z-index:1000 +} +.container .header .logo { +flex:none; +font-size:1.125rem; +margin-top:.0625rem; +color:#70b0e0; +width:1.5em; +height:1.5em +} +.container .header .settings { +color:#70b0e0; +display:flex; +min-width:0; +max-width:20em +} +.container .header .settings .name { +margin:0 .25rem 0 .5rem; +text-overflow:ellipsis; +white-space:nowrap; +overflow:hidden +} +.container .header .settings .icon.share { +flex:none; +color:#595f64; +width:1em; +margin-right:.5rem +} +.container .header .signin.selected a { +color:#f0f1f2!important +} +.container .header ul { +padding:0; +white-space:nowrap +} +.container .header ul li { +display:inline-block +} +.container .header ul li:first-child { +margin-left:0 +} +.container .header ul.file { +text-align:right +} +.container .header ul.file li { +color:#b7bcc0; +background:#282b2d +} +.container .header ul.file li:hover { +background:#3a3e41 +} +.container .header ul.file li.save { +color:#70b0e0; +font-weight:700 +} +.container .header ul.file li.save .savekey { +font-size:.875em; +font-weight:400; +color:#7e878e +} +#tooltip-signin ul.list .container .header li.theme,.container .header #tooltip-signin ul.list li.theme,.container .header .button.theme,.container .header ul.file li.theme { +padding:.3755rem; +background:#282b2d +} +#tooltip-signin ul.list .container .header li.theme.selected .icon,.container .header #tooltip-signin ul.list li.theme.selected .icon,.container .header .button.theme.selected .icon,.container .header ul.file li.theme.selected .icon { +color:#70b0e0 +} +#tooltip-signin ul.list .container .header li.theme:hover,.container .header #tooltip-signin ul.list li.theme:hover,.container .header .button.theme:hover,.container .header ul.file li.theme:hover { +background:#3a3e41 +} +.container .header ul.etc { +flex:1; +text-align:right; +font-size:.875rem; +color:#595f64 +} +.container .header ul.etc li { +margin-left:1rem +} +#tooltip-signin ul.list li { +margin:.25rem 0; +padding:.625rem; +color:#e7e9ea; +opacity:.85 +} +#tooltip-signin ul.list li:hover { +opacity:1 +} +#tooltip-signin ul.list li[data-id=GitHub] { +background:#777!important +} +#tooltip-signin ul.list li[data-id=Google] { +background:#c94130!important +} +#tooltip-signin ul.list li>svg.icon { +margin-right:.625rem +} +#tooltip-signin .signout { +display:none +} +#tooltip-signin .signout .signoutbtn { +cursor:pointer; +color:#70b0e0; +font-weight:700 +} +#tooltip-signin .signout .signoutbtn:hover { +color:#f0f1f2 +} +#tooltip-signin.authenticated .signin { +display:none +} +#tooltip-signin.authenticated .signout { +display:block +} +#tooltip-signin .distract { +display:none; +color:#7e878e +} +#tooltip-signin .distract .distractor { +margin-right:.5rem +} +#tooltip-signin.wait .distract { +display:block +} +#tooltip-signin.wait .signin .list,#tooltip-signin.wait .signout .signoutbtn { +display:none +} +.doc { +flex:8 800px; +display:flex; +flex-flow:column +} +.doc>section { +background:#f0f1f2; +color:#585e63; +flex:1 1 0%; +min-height:0; +transition:flex .2s ease-out; +display:flex; +flex-direction:column +} +.doc>section>header { +color:#26292b; +background:#b7bcc0 +} +.doc>section>header>.max { +transition:transform .2s; +color:#7e878e; +margin-left:1rem; +cursor:pointer +} +.doc>section>header>.max:hover { +color:#f0f1f2 +} +.doc>section>article { +flex:1; +min-height:0 +} +.doc>section.closed { +flex:0 2.5rem +} +.doc>section.closed>header { +cursor:pointer +} +.doc>section.closed>header>:not(h1) { +opacity:.4 +} +.doc>section.closed>header>.max { +transform:rotate(45deg) +} +.doc.tests-mode section.tools { +display:none +} +.doc input,.doc textarea { +background:rgba(240,241,242,.05); +border-color:rgba(240,241,242,.05) +} +.doc .control { +background:rgba(240,241,242,.2) +} +#tooltip-signin ul.list .doc li,.container .header ul.file .doc li,.doc #tooltip-signin ul.list li,.doc .button,.doc .buttonbar>*,.doc .container .header ul.file li,.doc .segcontrol>* { +background:rgba(240,241,242,.35) +} +#tooltip-signin ul.list .doc li.selected,#tooltip-signin ul.list .doc li:hover,.container .header ul.file .doc li.selected,.container .header ul.file .doc li:hover,.doc #tooltip-signin ul.list li.selected,.doc #tooltip-signin ul.list li:hover,.doc .button.selected,.doc .button:hover,.doc .buttonbar>.selected,.doc .buttonbar>:hover,.doc .container .header ul.file li.selected,.doc .container .header ul.file li:hover,.doc .segcontrol>.selected,.doc .segcontrol>:hover { +background:rgba(240,241,242,.75) +} +#tooltip-signin ul.list .doc li.default:hover,.container .header ul.file .doc li.default:hover,.doc #tooltip-signin ul.list li.default:hover,.doc .button.default:hover,.doc .buttonbar>.default:hover,.doc .container .header ul.file li.default:hover,.doc .segcontrol>.default:hover { +background:#f0f1f2 +} +.doc>section.expression { +flex:0 6.25rem +} +.doc>section.expression>header { +background:#70b0e0 +} +.doc>section.expression>.editor { +position:relative +} +.doc>section.expression>.editor .icon.alert { +display:none; +position:relative; +float:right; +margin:1.25rem; +color:#d22; +z-index:10; +-webkit-user-select:none; +user-select:none +} +.doc>section.expression>.editor>.CodeMirror { +padding:1rem 0 0 1rem; +font-weight:700 +} +.doc>section.expression>.editor.error>.icon.alert { +display:block +} +#tooltip-flags>.list li,#tooltip-flavor>.list li { +cursor:pointer; +color:#b7bcc0 +} +#tooltip-flags>.list li:hover,#tooltip-flavor>.list li:hover { +color:#f0f1f2 +} +#tooltip-flags>.list li+li,#tooltip-flavor>.list li+li { +margin-top:.5em +} +#tooltip-flags>.list li .check.icon,#tooltip-flavor>.list li .check.icon { +color:#585e63; +margin-right:.25em +} +#tooltip-flags>.list li.selected .check.icon,#tooltip-flavor>.list li.selected .check.icon { +color:#70b0e0 +} +#tooltip-flags>.list li em,#tooltip-flavor>.list li em { +font-style:normal; +font-weight:700; +color:#f0f1f2; +padding:0 .15em; +background:rgba(126,135,142,.3); +border-radius:.125rem +} +.exp-related { +border-bottom:solid 1px rgba(16,17,18,.3); +border-top:solid 1px rgba(16,17,18,.3); +margin-bottom:-1px; +margin-top:-1px +} +.exp-related-left { +border-left:solid 1px rgba(16,17,18,.3); +margin-left:-1px +} +.exp-related-right { +border-right:solid 1px rgba(16,17,18,.3); +margin-right:-1px +} +.exp-selected { +border-top:solid 2px rgba(16,17,18,.3); +border-bottom:solid 2px rgba(16,17,18,.3) +} +.exp-selected-left { +border-left:solid 2px rgba(16,17,18,.3); +margin-left:-2px +} +.exp-selected-right { +border-right:solid 2px rgba(16,17,18,.3); +margin-right:-2px +} +.exp-error { +border-bottom:solid 2px #d22 +} +.exp-warning { +border-bottom:dotted 2px #d22 +} +.exp-char { +color:#101112 +} +.exp-decorator { +color:#b7bcc0 +} +.exp-esc { +color:#c0c +} +.exp-lazy,.exp-possessive,.exp-quant { +color:#58f +} +.exp-alt { +color:#0a0 +} +.exp-anchor { +color:#840 +} +.exp-group,.exp-lookaround,.exp-ref { +color:#0a0 +} +.exp-charclass,.exp-set,.exp-subst { +color:#d70 +} +.exp-group-0 { +background:rgba(0,238,0,.11) +} +.exp-group-1 { +background:rgba(0,238,0,.22) +} +.exp-group-2 { +background:rgba(0,238,0,.33) +} +.exp-group-3 { +background:rgba(0,238,0,.44) +} +.exp-group-set { +background:rgba(255,238,0,.3) +} +.exp-comment { +color:#b7bcc0; +background:rgba(16,17,18,.05); +font-style:italic; +border-bottom:solid 3px #d7dadc +} +.exp-special { +color:#c0c +} +.doc>section.text article { +display:flex +} +.doc>section.text>header .modelist li { +font-size:1rem; +padding-top:.275rem; +padding-bottom:.275rem +} +.doc>section.text>header .modelist li:last-child::after { +transition:opacity 1s; +font-size:.625rem; +padding:.25em .5em; +display:inline-block; +position:absolute; +color:#f0f1f2; +background:#70b0e0; +letter-spacing:.075em; +transform:translate(.25rem,-.125rem); +content:"NEW" +} +#tooltip-signin ul.list .doc>section.text>header li.add,.container .header ul.file .doc>section.text>header li.add,.doc>section.text>header #tooltip-signin ul.list li.add,.doc>section.text>header .button.add,.doc>section.text>header .container .header ul.file li.add { +display:none!important +} +.doc>section.text>header .result { +font-weight:700 +} +.doc>section.text>header .result.error { +background:#d22; +color:#e7e9ea +} +.doc>section.text>header .result.error.warning { +background:#d22 +} +.doc>section.text>header .result.pass { +background:#0a0; +color:#e7e9ea +} +.doc>section.text>header .result.fail { +background:#d22; +color:#e7e9ea +} +.doc>section.text>header .result em { +font-style:normal; +font-weight:400; +opacity:.75 +} +.doc>section.text.tests-viewed>header .modelist li:last-child::after { +opacity:0 +} +.doc>section.text .editor { +position:relative; +box-sizing:border-box; +display:flex; +height:100%; +width:100%; +padding:1rem 0 1rem 1rem +} +.doc>section.text .editor>.pad { +box-sizing:border-box; +position:relative; +overflow:hidden; +width:100%; +flex:1 +} +.doc>section.text .editor>.pad>.CodeMirror { +color:#101112 +} +.doc>section.text .editor>.pad>iframe.resizedetector { +opacity:0; +z-index:-1000; +border:none; +width:100%; +height:100%; +position:absolute +} +.doc>section.text .editor>.pad>canvas.highlights { +transition:opacity .2s; +position:absolute +} +.doc>section.text .tests { +display:none; +width:100%; +background:#d7dadc; +padding:1rem; +box-sizing:border-box; +overflow:auto +} +.doc>section.text .tests .default { +transition:opacity 1s; +padding:1rem .5rem; +color:#585e63 +} +.doc>section.text .tests .list:empty~.default { +opacity:1 +} +.doc>section.text .tests.tests-added .default { +opacity:0 +} +#tooltip-signin ul.list .doc>section.text .tests li.add,.container .header ul.file .doc>section.text .tests li.add,.doc>section.text .tests #tooltip-signin ul.list li.add,.doc>section.text .tests .add.button,.doc>section.text .tests .container .header ul.file li.add { +box-sizing:border-box; +width:100%; +box-shadow:none; +opacity:.5; +background:rgba(183,188,192,.75); +color:#101112; +padding:.75rem .625rem; +margin-top:.125rem; +font-weight:700; +border-radius:.125rem +} +#tooltip-signin ul.list .doc>section.text .tests li.add:hover,.container .header ul.file .doc>section.text .tests li.add:hover,.doc>section.text .tests #tooltip-signin ul.list li.add:hover,.doc>section.text .tests .add.button:hover,.doc>section.text .tests .container .header ul.file li.add:hover { +opacity:1 +} +.doc>section.text .tests .list li { +background:#e7e9ea; +box-shadow:0 1px 2px rgba(0,0,0,.1); +transition:margin .1s linear; +margin:.125rem 0; +display:inline-block; +width:100% +} +.doc>section.text .tests .list li:first-child { +margin-top:0 +} +.doc>section.text .tests .list li:hover { +outline:solid 2px rgba(16,17,18,.3) +} +.doc>section.text .tests .list li header { +padding:.5rem .75rem +} +.doc>section.text .tests .list li header input.name { +color:#383b3f; +font-weight:700; +padding:0; +margin:0 .5rem; +background:0 0; +border:none +} +.doc>section.text .tests .list li header .icon.delete { +color:#b7bcc0 +} +.doc>section.text .tests .list li header .icon.delete:hover { +color:#d22!important +} +.doc>section.text .tests .list li header .icon.fail { +display:none; +color:#d22 +} +.doc>section.text .tests .list li header .icon.pass { +color:#0a0 +} +.doc>section.text .tests .list li header .type { +background:0 0; +text-transform:uppercase; +font-size:.75em; +color:#b7bcc0; +font-weight:700; +box-shadow:none +} +.doc>section.text .tests .list li article { +border-top:solid 1px #d7dadc; +padding:.5rem 0 .5rem .75rem; +display:none; +height:6em; +align-items:stretch +} +.doc>section.text .tests .list li article .bar { +background:#0a0; +width:0; +outline:solid 1px #0a0; +margin:.25rem .875rem .25rem .375rem +} +.doc>section.text .tests .list li article .editor { +padding:0 +} +.doc>section.text .tests .list li:not(.selected) { +cursor:pointer +} +.doc>section.text .tests .list li:not(.selected) .type .icon.dropdown { +opacity:0 +} +.doc>section.text .tests .list li:not(.selected) * { +pointer-events:none +} +.doc>section.text .tests .list li.selected { +outline:solid 2px rgba(16,17,18,.3); +background:#f0f1f2; +box-shadow:0 2px 3px rgba(0,0,0,.25); +margin:.75rem 0 +} +.doc>section.text .tests .list li.selected:first-child { +margin-top:0 +} +.doc>section.text .tests .list li.selected article { +display:flex +} +.doc>section.text .tests .list li.selected .type { +color:#585e63 +} +.doc>section.text .tests .list li.selected .type:hover { +color:#26292b +} +.doc>section.text .tests .list li.fail .icon.fail { +display:block +} +.doc>section.text .tests .list li.fail .icon.pass { +display:none +} +.doc>section.text .tests .list li.fail .bar { +outline:solid 1px #d22 +} +#tooltip-signin ul.list .doc.tests-mode>section.text>header li.add,.container .header ul.file .doc.tests-mode>section.text>header li.add,.doc.tests-mode>section.text>header #tooltip-signin ul.list li.add,.doc.tests-mode>section.text>header .button.add,.doc.tests-mode>section.text>header .container .header ul.file li.add { +display:inline-block +} +.doc.tests-mode>section.text>article>.editor { +display:none +} +.doc.tests-mode>section.text .tests { +display:block +} +#tooltip .texthover .more { +display:inline-block; +color:#b7bcc0; +font-style:italic; +margin-top:.75rem +} +.doc>section.tools>article { +display:flex; +flex-direction:column; +background:#e7e9ea +} +.doc>section.tools>article .icon.help { +position:absolute; +right:.25rem; +transform:translate(0,-50%) translate(0,1.875rem); +padding:1rem; +color:rgba(16,17,18,.25); +z-index:10 +} +.doc>section.tools>article .icon.help:hover { +color:#26292b!important +} +.doc>section.tools>article .inputtool { +display:none; +flex-direction:column; +flex:1 +} +.doc>section.tools>article .inputtool .editor { +position:relative; +flex:0 3.75rem; +background:#f0f1f2; +border-bottom:solid 1px #d7dadc +} +.doc>section.tools>article .inputtool .editor>.CodeMirror { +padding:1rem 0 0 1rem; +height:100%; +font-weight:700 +} +.doc>section.tools>article .inputtool .result { +flex:1 +} +.doc>section.tools>article .inputtool .result textarea { +box-sizing:border-box; +padding:1rem 0 1rem 1rem; +resize:none; +display:block; +border:0; +background:0 0; +width:100%; +height:100%; +margin:0; +font-family:"Source Code Pro",monospace; +font-size:16px; +color:#101112 +} +.doc>section.tools>article .inputtool .result textarea:focus { +outline:0 +} +.doc>section.tools>article .content { +flex:1 1 0%; +min-height:0; +overflow-y:auto; +display:block; +padding:1rem +} +.doc>section.tools>article.showinput .inputtool { +display:flex +} +.doc>section.tools>article.showinput .content { +display:none +} +.doc>section.tools>article .explain>.desc { +color:#7e878e; +display:block; +padding:.5rem +} +.doc>section.tools>article .explain div { +padding:.5em 1em .5em 2.5em; +margin-top:.75em; +border:solid 1px rgba(183,188,192,.5); +border-left:solid .25em rgba(183,188,192,.5); +background:#f0f1f2; +cursor:pointer +} +.doc>section.tools>article .explain div.applied { +margin-left:1em; +margin-top:0; +border:none; +background:rgba(183,188,192,.3) +} +.doc>section.tools>article .explain div.applied+div.applied { +margin-top:1px; +margin-left:2em +} +.doc>section.tools>article .explain div.error { +background:#edd2d3; +border-color:#d22 +} +.doc>section.tools>article .explain div.error .error-title { +font-weight:700 +} +.doc>section.tools>article .explain div.error .warningtext { +color:#7e878e; +margin-left:.5rem +} +.doc>section.tools>article .explain code { +font-weight:700 +} +.doc>section.tools>article .explain code.token { +display:inline-block; +min-width:1.25em; +margin:-1px .5em 0 -1.75em; +float:left +} +.doc>section.tools>article .explain div.close { +margin:0; +padding:0; +border:none; +background:0 0 +} +.doc>section.tools>article .explain .exp-group-0,.doc>section.tools>article .explain .exp-group-1,.doc>section.tools>article .explain .exp-group-2,.doc>section.tools>article .explain .exp-group-3 { +border-color:rgba(0,170,0,.25) +} +.doc>section.tools>article .explain .exp-group-0 { +background:#ddf1df +} +.doc>section.tools>article .explain .exp-group-1 { +background:#d1f1d3 +} +.doc>section.tools>article .explain .exp-group-2 { +background:#c5f0c6 +} +.doc>section.tools>article .explain .exp-group-3 { +background:#b9f0ba +} +.doc>section.tools>article .explain .exp-group-4 { +background:#383b3f; +color:#f0f1f2; +padding:1rem +} +.doc>section.tools>article .explain .exp-group-set { +background:#f4f0b6; +border-color:rgba(221,119,0,.25) +} +.doc>section.tools>article .details>div.desc { +padding:.5rem; +color:#7e878e; +margin-bottom:.5em +} +.doc>section.tools>article .details>div.desc code { +color:#585e63; +font-weight:700 +} +.doc>section.tools>article .details table { +font-family:"Source Code Pro",monospace; +width:100%; +border-spacing:0; +border:0 +} +.doc>section.tools>article .details table tr:nth-child(odd) td { +background:#e1e3e4 +} +.doc>section.tools>article .details table tr.match td { +background:#d7dadc; +border-bottom:1px dotted #b7bcc0 +} +.doc>section.tools>article .details table td { +padding:.5rem 1rem; +vertical-align:top +} +.doc>section.tools>article .details table td:first-child { +font-weight:700; +white-space:nowrap; +padding-right:0 +} +.doc>section.tools>article .details table td:nth-child(2) { +color:#7e878e; +white-space:nowrap; +border-right:1px dotted #b7bcc0 +} +.doc>section.tools>article .details table td:nth-child(3) { +white-space:pre-wrap; +width:100%; +color:#101112; +-webkit-user-select:text; +user-select:text; +-webkit-user-select:contain; +user-select:contain +} +.doc>section.tools>article .details table td:nth-child(3) em { +color:#7e878e +} +.doc>section.tools>article .details .group-1 { +background:hsla(60,100%,50%,.5) +} +.doc>section.tools>article .details .group-2 { +background:hsla(120,100%,50%,.5) +} +.doc>section.tools>article .details .group-3 { +background:hsla(230,100%,70%,.5) +} +.doc>section.tools>article .details .group-4 { +background:hsla(280,100%,60%,.5) +} +.doc>section.tools>article .details .group-5 { +background:hsla(350,100%,60%,.5) +} +.doc>section.tools>article .details .group-0 { +background:hsla(30,100%,50%,.5) +} +.doc>section.tools>article .details .group-0,.doc>section.tools>article .details .group-1,.doc>section.tools>article .details .group-2,.doc>section.tools>article .details .group-3,.doc>section.tools>article .details .group-4,.doc>section.tools>article .details .group-5 { +outline:.5px solid rgba(16,17,18,.25) +} +.sidebar>.full .list .row.active:hover,.sidebar>.full .list li.active:hover,.sidebar>.min .list .row.active:hover,.sidebar>.min .list li.active:hover { +color:#f0f1f2 +} +.sidebar>.full .list .row.active>.icon.check,.sidebar>.full .list .row.active>.icon:first-child,.sidebar>.full .list li.active>.icon.check,.sidebar>.full .list li.active>.icon:first-child,.sidebar>.min .list .row.active>.icon.check,.sidebar>.min .list .row.active>.icon:first-child,.sidebar>.min .list li.active>.icon.check,.sidebar>.min .list li.active>.icon:first-child { +color:#70b0e0 +} +.sidebar { +flex:1 0 350px; +width:350px; +transition:flex .2s ease-out; +background:#282b2d; +display:flex; +flex-direction:column; +color:#b7bcc0; +border-right:1px solid #3a3e41; +box-shadow:1px 2px 8px rgba(0,0,0,.45); +z-index:100 +} +.sidebar>.blocker { +display:none +} +.sidebar .list>li,.sidebar .row { +display:flex; +flex:0 0 auto; +padding:.5rem; +align-items:center; +justify-content:center; +border-bottom:1px solid rgba(240,241,242,.06); +transition:background .2s; +color:#b7bcc0 +} +.sidebar .list>li>*,.sidebar .row>* { +margin:0 .5rem +} +.sidebar .list>li .label,.sidebar .list>li input,.sidebar .row .label,.sidebar .row input { +flex:1 +} +.sidebar .list>li .icon,.sidebar .row .icon { +color:#595f64 +} +.sidebar header.row { +flex:0 0 2.5rem; +padding:0 +} +.sidebar header.row .backrow { +display:flex; +flex:1 0 auto; +align-items:center; +cursor:pointer; +margin:0; +padding:.5rem 0 +} +.sidebar header.row .backrow .icon { +flex:0 0 auto; +margin:0 1rem +} +.sidebar header.row .backrow:hover { +color:#f0f1f2 +} +.sidebar header.row .backrow:hover .icon { +color:currentColor +} +.sidebar header.row .close.icon { +padding:.75rem 1rem; +margin:0 +} +.sidebar code { +color:#f0f1f2 +} +.sidebar.closed { +flex:0 50px +} +.sidebar>.full .list,.sidebar>.min .list { +flex:1 1 0%; +display:flex; +align-items:stretch; +overflow-y:auto; +background:#3a3e41; +border-bottom:2px solid #3a3e41 +} +.sidebar>.full .list .row,.sidebar>.full .list li,.sidebar>.min .list .row,.sidebar>.min .list li { +color:#b7bcc0 +} +.sidebar>.full .list .row:hover:not(.inactive),.sidebar>.full .list li:hover:not(.inactive),.sidebar>.min .list .row:hover:not(.inactive),.sidebar>.min .list li:hover:not(.inactive) { +background:#4a4f53 +} +.sidebar>.full .list .row:hover:not(.inactive) .icon,.sidebar>.full .list .row:hover:not(.inactive) .rating,.sidebar>.full .list .row:hover:not(.inactive) .token,.sidebar>.full .list li:hover:not(.inactive) .icon,.sidebar>.full .list li:hover:not(.inactive) .rating,.sidebar>.full .list li:hover:not(.inactive) .token,.sidebar>.min .list .row:hover:not(.inactive) .icon,.sidebar>.min .list .row:hover:not(.inactive) .rating,.sidebar>.min .list .row:hover:not(.inactive) .token,.sidebar>.min .list li:hover:not(.inactive) .icon,.sidebar>.min .list li:hover:not(.inactive) .rating,.sidebar>.min .list li:hover:not(.inactive) .token { +color:currentColor +} +.sidebar>.full .list .row.selected,.sidebar>.full .list li.selected,.sidebar>.min .list .row.selected,.sidebar>.min .list li.selected { +background:#595f64; +color:#d7dadc +} +.sidebar>.full .list .row.selected .icon,.sidebar>.full .list .row.selected .rating,.sidebar>.full .list .row.selected .token,.sidebar>.full .list li.selected .icon,.sidebar>.full .list li.selected .rating,.sidebar>.full .list li.selected .token,.sidebar>.min .list .row.selected .icon,.sidebar>.min .list .row.selected .rating,.sidebar>.min .list .row.selected .token,.sidebar>.min .list li.selected .icon,.sidebar>.min .list li.selected .rating,.sidebar>.min .list li.selected .token { +color:currentColor +} +.sidebar>.full .list .row.selected:hover,.sidebar>.full .list li.selected:hover,.sidebar>.min .list .row.selected:hover,.sidebar>.min .list li.selected:hover { +background:#595f64; +color:#f0f1f2 +} +.sidebar>.full .list .row.disabled,.sidebar>.full .list li.disabled,.sidebar>.min .list .row.disabled,.sidebar>.min .list li.disabled { +pointer-events:none; +opacity:.35 +} +.sidebar>.full .list .row.link:not(.disabled),.sidebar>.full .list li.link:not(.disabled),.sidebar>.min .list .row.link:not(.disabled),.sidebar>.min .list li.link:not(.disabled) { +overflow:hidden +} +.sidebar>.full .list .row.link:not(.disabled) .url,.sidebar>.full .list li.link:not(.disabled) .url,.sidebar>.min .list .row.link:not(.disabled) .url,.sidebar>.min .list li.link:not(.disabled) .url { +color:#70b0e0; +margin:0 +} +.sidebar>.full .list .row.link:not(.disabled):hover,.sidebar>.full .list li.link:not(.disabled):hover,.sidebar>.min .list .row.link:not(.disabled):hover,.sidebar>.min .list li.link:not(.disabled):hover { +color:#f0f1f2 +} +.sidebar>.full .list .row.link:not(.disabled):hover .url,.sidebar>.full .list li.link:not(.disabled):hover .url,.sidebar>.min .list .row.link:not(.disabled):hover .url,.sidebar>.min .list li.link:not(.disabled):hover .url { +color:#f0f1f2 +} +.sidebar>.full .list .row.link:not(.disabled) .icon.copy,.sidebar>.full .list li.link:not(.disabled) .icon.copy,.sidebar>.min .list .row.link:not(.disabled) .icon.copy,.sidebar>.min .list li.link:not(.disabled) .icon.copy { +padding:1rem; +margin:-1rem -.5rem; +color:#595f64 +} +.sidebar>.full .list .row.link:not(.disabled) .icon.copy:hover,.sidebar>.full .list li.link:not(.disabled) .icon.copy:hover,.sidebar>.min .list .row.link:not(.disabled) .icon.copy:hover,.sidebar>.min .list li.link:not(.disabled) .icon.copy:hover { +color:#f0f1f2 +} +.sidebar>.full .list .row.loading,.sidebar>.full .list li.loading,.sidebar>.min .list .row.loading,.sidebar>.min .list li.loading { +padding:1rem; +display:block; +border:none; +color:#7e878e; +pointer-events:none +} +.sidebar>.full .list .row .token,.sidebar>.full .list li .token,.sidebar>.min .list .row .token,.sidebar>.min .list li .token { +color:#7e878e; +font-family:"Source Code Pro",monospace; +font-weight:700 +} +.sidebar>.full .list .row .rating,.sidebar>.full .list li .rating,.sidebar>.min .list .row .rating,.sidebar>.min .list li .rating { +display:flex; +align-items:center; +color:#7e878e; +font-size:.875em +} +.sidebar>.full .list .row .rating .favorites.icon,.sidebar>.full .list li .rating .favorites.icon,.sidebar>.min .list .row .rating .favorites.icon,.sidebar>.min .list li .rating .favorites.icon { +color:#70b0e0; +padding:0 .25rem +} +.sidebar>.min { +display:none; +background:#3a3e41 +} +.sidebar>.min>.list>li:first-child { +background:#282b2d; +padding:0 +} +.sidebar>.full { +display:flex; +flex-direction:column; +flex:1; +min-height:0 +} +.sidebar>.full.no-search>.search { +display:none +} +.sidebar>.full.no-list>.list { +display:none +} +.sidebar>.full>header h1 { +color:#f0f1f2 +} +.sidebar>.full>header .icon { +color:#595f64 +} +.sidebar>.full>.search { +padding:0 .5rem +} +.sidebar>.full>.search input { +background:0 0; +padding:0 +} +.sidebar>.full>.search input:focus { +border-bottom:1px dotted #3a3e41; +margin-bottom:-1px +} +.sidebar>.full>.search svg.icon { +width:1em; +height:1em; +margin-right:.375em +} +.sidebar>.full>.search svg.icon.search:hover { +color:#f0f1f2; +cursor:pointer +} +.sidebar>.full>.search svg.icon.distractor { +display:none +} +.sidebar>.full>.search.wait svg.icon.search { +display:none +} +.sidebar>.full>.search.wait svg.icon.distractor { +display:block +} +.sidebar>.full>.content { +flex:1 1 0%; +overflow-y:auto; +overflow-x:hidden; +padding:1rem; +-webkit-user-select:text; +user-select:text; +overflow-wrap:break-word; +border-top:2px solid #282b2d; +line-height:1.4em +} +.sidebar>.full>.content h1 { +margin-top:1.5em; +color:#f0f1f2 +} +.sidebar>.full>.content code em { +font-style:normal; +background:rgba(112,176,224,.5); +color:#f0f1f2; +margin-right:1px +} +.sidebar>.full>.content b { +color:#d7dadc +} +.sidebar>.full>.content ul { +padding-left:1.5em; +margin-bottom:0 +} +.sidebar>.full>.hello { +flex:0 0 0; +padding:0; +border:.25rem solid #101112; +background:#101112 +} +.sidebar>.full>.hello .noad { +padding:.75rem; +color:#7e878e +} +.sidebar>.full>.hello .noad b { +color:#b7bcc0 +} +#cheatsheet table { +width:100% +} +#cheatsheet table th { +text-align:left; +background:#3a3e41; +padding:.25rem .5rem; +color:#70b0e0 +} +#cheatsheet table tr+tr>th { +border-top:.5rem solid #282b2d +} +#cheatsheet table td { +padding:0 +} +#cheatsheet table td:first-child { +font-family:"Source Code Pro",monospace +} +#cheatsheet table a { +color:#f0f1f2 +} +#cheatsheet table a+a { +margin-left:.375em +} +.community>header { +background:#101112; +padding:1rem; +margin:-1rem; +margin-bottom:.5rem; +display:flex; +justify-content:space-between +} +.community>header .icon { +color:#595f64 +} +.community>header .icon.selected:not(:hover) { +color:#70b0e0 +} +.community>header>.name { +color:#f0f1f2; +font-weight:700; +overflow:hidden; +display:block; +white-space:nowrap; +text-overflow:ellipsis +} +.community>header>div { +display:flex +} +.community>header>div .favorites { +margin:0 1rem +} +.community .row.rate .icon.thumbdown,.community .row.rate .icon.thumbup { +cursor:pointer +} +.community .row.rate .icon.thumbdown.selected:hover,.community .row.rate .icon.thumbdown:hover,.community .row.rate .icon.thumbup.selected:hover,.community .row.rate .icon.thumbup:hover { +color:#f0f1f2 +} +.community .row.rate .icon.thumbdown.selected,.community .row.rate .icon.thumbup.selected { +color:#70b0e0 +} +.community .row.rate .icon.thumbdown { +transform:translate(0,.125em) scale(1,-1) +} +.community>.author { +margin-top:.125em; +color:#7e878e +} +.community .actions.list { +background:0; +margin:-.5rem -1rem 0 -1rem +} +.community>.desc { +margin-top:1rem +} +#share_community,#share_main { +margin:-1rem +} +#share_community .list,#share_main .list { +background:0 0; +border:none +} +#share_community .inputs input,#share_community .inputs textarea,#share_main .inputs input,#share_main .inputs textarea { +color:#f0f1f2; +margin:2px 0 +} +#share_community #tooltip-signin ul.list li,#share_community .button,#share_community .container .header ul.file li,#share_main #tooltip-signin ul.list li,#share_main .button,#share_main .container .header ul.file li,#tooltip-signin ul.list #share_community li,#tooltip-signin ul.list #share_main li,.container .header ul.file #share_community li,.container .header ul.file #share_main li { +padding-left:2rem; +padding-right:2rem +} +#share_community .buttons.wait #tooltip-signin ul.list li,#share_community .buttons.wait .button,#share_community .buttons.wait .container .header ul.file li,#share_main .buttons.wait #tooltip-signin ul.list li,#share_main .buttons.wait .button,#share_main .buttons.wait .container .header ul.file li,#tooltip-signin ul.list #share_community .buttons.wait li,#tooltip-signin ul.list #share_main .buttons.wait li,.container .header ul.file #share_community .buttons.wait li,.container .header ul.file #share_main .buttons.wait li { +opacity:.35; +pointer-events:none +} +#share_community .status,#share_main .status { +margin-left:.5rem +} +#share_main .signin.row .signout { +display:none +} +#share_main .signin.row.authenticated { +display:none +} +#share_main .row:not(.active) .icon.check { +display:none +} +#share_main .delete.row:hover { +background:rgba(221,34,34,.6) +} +#share_main>.info { +padding:1rem; +margin-bottom:.5rem; +border-bottom:solid 1px #3a3e41 +} +#share_main>.info>.row { +padding:0 0 .5rem 0; +border:0; +color:#b7bcc0; +align-items:flex-start +} +#share_main>.info>.row svg.icon { +color:currentColor; +margin:0 +} +#share_main>.save { +flex-direction:column; +align-items:flex-start; +padding:1.25rem .5rem; +margin-bottom:.5rem; +background:#3a3e41; +border:0; +box-shadow:-3px 3px 6px rgba(0,0,0,.1) +} +#share_main>.save .message { +color:#f0f1f2 +} +#share_main>.save .buttons { +padding:.5rem 0 0 0; +border:0; +color:#f0f1f2 +} +#share_main>.save .buttons #tooltip-signin ul.list li,#share_main>.save .buttons .button,#share_main>.save .buttons .container .header ul.file li,#tooltip-signin ul.list #share_main>.save .buttons li,.container .header ul.file #share_main>.save .buttons li { +margin:0 .5rem 0 0 +} +#share_community { +margin:0 .5rem +} +#share_community>.buttons { +justify-content:flex-end; +color:#f0f1f2; +border:none +} +#share_community .buttons,#share_community .inputs { +margin:1rem 0 +} +.native-js { +transition:all .25s ease-in-out; +opacity:0; +position:absolute; +top:0 +} +.native-js[data-state=visible] { +position:static; +opacity:1 +} +.native-js[data-state=visible]+.noad { +display:none +} +.native-img { +margin-right:.75rem; +max-height:40px; +max-width:27%; +border-radius:3px +} +.native-flex { +display:flex; +padding:.75rem; +text-decoration:none; +flex-flow:row nowrap; +justify-content:space-between; +align-items:center +} +.native-main { +display:flex; +flex-flow:row nowrap; +align-items:center +} +.native-details { +display:flex; +font-size:12px; +position:relative; +max-height:5em; +flex-flow:column +} +.native-company { +margin-bottom:4px; +text-transform:uppercase; +letter-spacing:1px; +font-weight:700; +font-size:11px +} +.native-desc { +letter-spacing:1px; +font-weight:300; +line-height:1.3em; +text-overflow:ellipsis; +max-height:5em; +overflow:hidden; +position:relative +} +#carbonads { +display:block; +overflow:hidden; +background-color:#101112; +font-size:13px; +line-height:1.5 +} +#carbonads a { +color:inherit; +text-decoration:none +} +#carbonads a:hover { +color:inherit +} +#carbonads span { +position:relative; +display:block; +overflow:hidden +} +.carbon-img { +display:block; +float:left; +margin:0; +line-height:1 +} +.carbon-img img { +display:block +} +.carbon-text { +display:block; +float:left; +padding:8px 1em; +max-width:calc(100% - 130px - 2em); +text-align:left; +letter-spacing:.5px +} +.carbon-poweredby { +position:absolute; +right:0; +bottom:0; +left:130px; +display:block; +padding:8px 13px; +border-top:solid 1px #282b2d; +text-transform:uppercase; +letter-spacing:1px; +font-weight:400; +font-size:9px; +line-height:1 +} +@media (max-width:900px) { +body>.container>.header>.etc>.github { +display:none +} +body>.container>.header>.file .savekey { +display:none +} +body>.container>.app { +display:block; +position:relative; +background:#e7e9ea +} +body>.container>.app>.doc { +position:absolute; +top:0; +bottom:0; +left:50px; +right:0 +} +body>.container>.app>.doc>.blocker { +display:none; +width:100%; +height:100%; +position:fixed; +background:rgba(215,218,220,.5); +z-index:10 +} +body>.container>.app>.doc.fadeback { +filter:blur(2px) +} +body>.container>.app>.doc.fadeback>.blocker { +display:block +} +body>.container>.app>.sidebar { +position:absolute; +top:0; +bottom:0; +left:0; +z-index:10000; +transition:width .2s ease-out; +width:calc(10% + 350px); +box-shadow:10px 0 12px rgba(0,0,0,.45); +background:#282b2d; +opacity:.94 +} +body>.container>.app>.sidebar.closed { +width:50px; +min-width:50px; +box-shadow:1px 2px 8px rgba(0,0,0,.45); +opacity:1 +} +body>.container>.app>.sidebar.closed:before { +content:none +} + +} +#export.theme { +color:#70b0e0 +} +#export.match { +color:rgba(112,176,224,.5) +} +#export.selected-stroke { +color:rgba(16,17,18,.3) +} +.CodeMirror { +font-family:"Source Code Pro",monospace; +background:0 0; +position:absolute; +box-sizing:border-box +} +.CodeMirror div.CodeMirror-cursor { +pointer-events:none; +border-left:1px solid #101112 +} +.CodeMirror-selected { +background:rgba(170,170,170,.55) +} +.CodeMirror-focused .CodeMirror-selected { +background:rgba(140,150,255,.8) +} +.editor.multiline .CodeMirror-line:not(:last-child)>span:after { +pointer-events:none; +color:rgba(127,127,127,.33); +content:"¬" +} +.CodeMirror-line .cm-space::before,.CodeMirror-line .cm-special::before { +color:rgba(127,127,127,.33); +content:"•"; +position:absolute +} +.CodeMirror-line .cm-special::before { +color:#d22 +} +.CodeMirror-line .cm-tab { +background:url(data:image/png; +base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZENEEyN0Q3NTc0MTFFNzlFMTZGQ0Q1MEREODEyREEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZENEEyN0U3NTc0MTFFNzlFMTZGQ0Q1MEREODEyREEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkQ0QTI3Qjc1NzQxMUU3OUUxNkZDRDUwREQ4MTJEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERkQ0QTI3Qzc1NzQxMUU3OUUxNkZDRDUwREQ4MTJEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgWEz28AAABVSURBVHja7JVBCgAgCAQt+rf6cstjYN4iFxoQxJMjos3MCJlO4HyB26iqZLXyAswskQTUCmUSI7OruE4usxX9jCKELKK8w04e6Qqdmnfa/8SPmQIMANcZrZCVJGBIAAAAAElFTkSuQmCC); +background-position:100%; +background-repeat:no-repeat +} +