.color-picker-wrapper{padding:20px}.color-picker-basic-color{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.color-picker-basic-color button{border:1px solid #ccc;border-radius:4px;height:16px;width:16px;cursor:pointer;list-style-type:none}.color-picker-basic-color button.active{box-shadow:0 0 2px 2px #0000004d}.color-picker-saturation{width:100%;position:relative;margin-top:15px;height:150px;background-image:linear-gradient(transparent,#000),linear-gradient(to right,white,transparent);-webkit-user-select:none;user-select:none}.color-picker-saturation_cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 15px #00000026;box-sizing:border-box;transform:translate(-10px,-10px)}.color-picker-hue{width:100%;position:relative;margin-top:15px;height:12px;background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);-webkit-user-select:none;user-select:none;border-radius:12px}.color-picker-hue_cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:#0003 0 0 0 .5px;box-sizing:border-box;transform:translate(-10px,-4px)}.color-picker-color{border:1px solid #ccc;margin-top:15px;width:100%;height:20px}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}body{margin:0;background:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:sans-serif;text-align:center}h1{font-size:24px;color:#333}.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{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:10px;text-transform:uppercase;position:absolute;color:#00000080}.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{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.floating-text-format-popup{display:flex;background:#fff;padding:4px;vertical-align:middle;position:absolute;top:0;left:0;z-index:10;opacity:0;box-shadow:0 5px 10px #0000004d;border-radius:8px;transition:opacity .5s;height:35px;will-change:transform}.floating-text-format-popup button.popup-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.floating-text-format-popup button.popup-item:disabled{cursor:not-allowed}.floating-text-format-popup button.popup-item.spaced{margin-right:2px}.floating-text-format-popup button.popup-item i.format{background-size:contain;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.floating-text-format-popup button.popup-item:disabled i.format{opacity:.2}.floating-text-format-popup button.popup-item.active{background-color:#dfe8fa4d}.floating-text-format-popup button.popup-item.active i{opacity:1}.floating-text-format-popup .popup-item:hover:not([disabled]){background-color:#eee}.floating-text-format-popup select.popup-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;width:70px;font-size:14px;color:#777;text-overflow:ellipsis}.floating-text-format-popup select.code-language{text-transform:capitalize;width:130px}.floating-text-format-popup .popup-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:14px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.floating-text-format-popup .popup-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}.floating-text-format-popup i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;user-select:none}.floating-text-format-popup i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:11px;margin-right:10px;pointer-events:none}.floating-text-format-popup .divider{width:1px;background-color:#eee;margin:0 4px}@media(max-width:1024px){.floating-text-format-popup button.insert-comment{display:none}}