@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
}