.other h2{color:#444;margin-bottom:7px;font-size:18px}.other a{color:#777;font-size:14px;text-decoration:underline}.other ul{margin:0;padding:0;list-style-type:none}.App{text-align:center;font-family:sans-serif}h1{color:#333;font-size:24px}.editor-container{color:#000;text-align:left;border:1px solid #ddd;border-radius:12px;margin:20px auto;font-weight:400;line-height:20px;position:relative}.editor-inner{background:#fff;border-radius:12px;position:relative}.editor-input{resize:none;caret-color:#444;tab-size:1;outline:0;height:63vh;min-height:150px;padding:15px 10px;font-size:15px;position:relative;overflow:auto}.editor-placeholder{color:#999;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:15px;display:inline-block;position:absolute;top:15px;left:10px;overflow:hidden}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{color:#fff;white-space:pre-wrap;background:#222;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-height:250px;margin:1px auto 10px;padding:5px;font-size:12px;line-height:14px;display:block;position:relative;overflow:auto}.editor-code{tab-size:2;background-color:#f0f2f5;margin:8px 0;padding:8px 8px 8px 52px;font-family:Menlo,Consolas,Monaco,monospace;font-size:13px;line-height:1.53;display:block;position:relative;overflow-x:auto}.editor-code:before{content:attr(data-gutter);color:#777;white-space:pre-wrap;text-align:right;background-color:#eee;border-right:1px solid #ccc;min-width:25px;padding:8px;position:absolute;top:0;left:0}.editor-code:after{content:attr(data-highlight-language);text-transform:uppercase;color:#00000080;padding:3px;font-size:10px;position:absolute;top:0;right:3px}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{color:#050505;margin:0 0 12px;padding:0;font-size:24px;font-weight:400}.editor-heading-h2{color:#65676b;text-transform:uppercase;margin:10px 0 0;padding:0;font-size:15px;font-weight:700}.editor-quote{color:#65676b;border-left:4px solid #ced0d4;margin:0 0 0 20px;padding-left:16px;font-size:15px}.editor-list-ol,.editor-list-ul{margin:0 0 0 16px;padding:0}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:0 0;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{margin:auto;padding:0 0 10px;display:flex;overflow:hidden}.debug-timetravel-panel-slider{flex:8;padding:0}.debug-timetravel-panel-button{color:#fff;background:0 0;border:0;flex:1;padding:0;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{color:#fff;background:0 0;border:0;padding:0;font-size:12px;position:absolute;top:10px;right:15px}.debug-timetravel-button:hover{text-decoration:underline}.toolbar{vertical-align:middle;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:1px;padding:4px;display:flex}.toolbar button.toolbar-item{cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:10px;padding:8px;display:flex}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{vertical-align:-.25em;opacity:.6;background-size:contain;width:18px;height:18px;margin-top:2px;display:flex}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{background-color:#eee;width:1px;margin:0 4px}.toolbar .toolbar-item .text{vertical-align:middle;color:#777;text-overflow:ellipsis;text-align:left;width:70px;height:20px;font-size:14px;line-height:20px;display:flex;overflow:hidden}.toolbar .toolbar-item .icon{-webkit-user-select:none;user-select:none;background-size:contain;width:20px;height:20px;margin-right:8px;line-height:16px;display:flex}i.undo{background-image:url(../media/arrow-counterclockwise.c4bbbdf7.svg)}i.redo{background-image:url(../media/arrow-clockwise.fb40b6d0.svg)}i.bold{background-image:url(../media/type-bold.b380bcb8.svg)}i.italic{background-image:url(../media/type-italic.aaf70073.svg)}i.underline{background-image:url(../media/type-underline.a70457ba.svg)}i.strikethrough{background-image:url(../media/type-strikethrough.e559aaf7.svg)}i.left-align{background-image:url(../media/text-left.7501653c.svg)}i.center-align{background-image:url(../media/text-center.7d4dc823.svg)}i.right-align{background-image:url(../media/text-right.1b5bab03.svg)}i.justify-align{background-image:url(../media/justify.e324c592.svg)}
loader-container{justify-content:center;align-items:center;height:100%;display:flex}.loader{width:80px;height:80px;position:relative}.loader .circle{border-radius:50%;width:20px;height:20px;animation:1.2s ease-in-out infinite pulse;position:absolute}.loader .circle:first-child{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%);top:0;left:30px;box-shadow:0 20px 30px -10px #26394d}.loader .circle:nth-child(2){background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9 0%,#80d0c7 100%);animation-delay:.4s;top:30px;left:60px;box-shadow:0 20px 30px -10px #26394d}.loader .circle:nth-child(3){background-color:#00dbde;background-image:linear-gradient(90deg,#00dbde 0%,#fc00ff 100%);animation-delay:.8s;top:60px;left:30px;box-shadow:0 20px 30px -10px #26394d}.loader .circle:nth-child(4){background-color:#3eecac;background-image:linear-gradient(19deg,#3eecac 0%,#ee74e1 100%);animation-delay:1.2s;top:30px;left:0;box-shadow:0 20px 30px -10px #26394d}@keyframes pulse{0%{transform:scale(1)}50%{opacity:.5;transform:scale(.2)}to{transform:scale(1)}}