#exampleContainer{display:flex;flex-direction:row;flex:auto;grid-area:examples}#exampleContainer h2{color:#333;flex:0;font-size:10px;font-weight:400;margin:8px 6px 8px 0;text-transform:uppercase}#exampleContainer .section-head{padding-right:6px}#exampleList{list-style:none;margin:0;padding:0}.flex-spacer{flex:1}.example-count.pass.fail{background-color:var(--color-warning-1);color:var(--button-text-color)}.example-count.pass.fail:hover{background-color:var(--color-warning-2)}.example-count.pass.fail:active{background-color:var(--color-warning-3)}.example-count.fail{background-color:var(--color-failure-1);color:#fff}.example-count.fail:hover{background-color:var(--color-failure-2)}.example-count.fail:active{background-color:var(--color-failure-3)}.chevron-btn{background-color:transparent;background-image:url(https://ohmjs.org/editor/style/../images/chevron-down.svg);background-repeat:no-repeat;background-position:center;background-size:12px;border:none;border-radius:10px;color:var(--button-text-color);cursor:default;height:20px;width:20px}.chevron-btn:hover{background-color:var(--button-hover-background-color)}.chevron-btn.closed{background-image:url(https://ohmjs.org/editor/style/../images/chevron-up.svg)}#addExampleLink{color:#999;font-size:12px;margin:6px 12px;text-decoration:none}#addExampleLink:hover{color:#666;text-decoration:underline}#exampleList .example{align-items:center;border-bottom:1px solid #eee;color:#999;margin:0;white-space:nowrap}#exampleList .example code{border-left:4px solid #bbb;cursor:default;flex:1;overflow:hidden;padding:6px 8px 6px 8px;text-overflow:ellipsis;width:1px}#exampleList .example.fail code{border-left:4px solid var(--color-failure-1)}#exampleList .example.pass code{border-left:4px solid var(--color-success-1)}#exampleList .example.pendingUpdate code{color:#bbb}#exampleList .example.selected{color:#333;background-color:#f7f7f7}#exampleList code{font-family:Menlo,Monaco,monospace;font-size:12px}#exampleList .example .thumbsUpButton,#exampleList .example .delete{cursor:default;padding:0 4px 0 4px}#exampleList .example:not(.selected) .thumbsUpButton:not(:hover){filter:grayscale(1);opacity:.6}#exampleList .example .delete{color:#999;font-size:12px;margin-right:4px;visibility:hidden}#exampleList .example:hover .delete{visibility:visible}#exampleList .example .delete:hover{color:#666}@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{#exampleList .example .thumbsUpButton{font-size:12px}}}#exampleList .example .thumbsUpButton,x:-moz-any-link{font-size:16px}#exampleList .example:hover{background-color:#f7f7f7}#exampleList code:empty::before{content:'\a0'}.startRule{cursor:default;color:hsl(0,0%,75%);font-family:inherit;font-size:12px;margin-right:4px}.selected .startRule{color:hsl(0,0%,65%)}#startRuleDropdown{min-width:85px}#userExampleContainer>.contents{border-top:1px solid #ddd;flex:1;overflow:auto;position:relative}#editorOverlay{background-color:rgba(0,0,0,.03);display:flex;padding:20px;position:absolute;bottom:0;left:0;right:0;top:0}#exampleEditor{background-color:#fff;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;flex:1;flex-direction:column}#exampleEditor .header{background-color:#fafafa;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:3px;color:#666;padding:8px 12px}#exampleEditor .header .title{flex:1;font-weight:200}#exampleEditor .exampleText{flex:1}#exampleEditor>.editorWrapper{border-bottom:1px solid #eee;border-bottom-left-radius:3px;border-bottom-right-radius:3px;flex:1;margin:0;position:relative}#exampleEditor .toolbar{padding:0 12px 0 12px}#exampleEditor .toolbar .gap{flex:1}#exampleEditor .toolbar .errorIcon{cursor:help;font-family:sans-serif;font-size:13px;margin:0 4px;position:relative}#exampleEditor .toolbar label{margin-right:4px;text-align:right}#exampleEditor .toolbar>.contents{align-items:center;background-color:#fff;border-bottom:1px solid #eee;font-size:12px;padding:4px 0}#exampleEditor .toolbar .thumbsUpButton{cursor:default;font-size:16px;margin:0 4px 0 8px}#exampleEditor .CodeMirror-lines{padding-bottom:16px;padding-top:16px}#exampleEditor .CodeMirror-lines pre{padding-left:12px}#exampleEditor .CodeMirror-placeholder{color:#999}#exampleEditor.hideInputErrors .error{display:none}.fade-enter-active,.fade-leave-active{transition:opacity 0.25s}.fade-enter,.fade-leave-to{opacity:0}