.color-picker-wrapper{padding:20px}.color-picker-basic-color{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.color-picker-basic-color button{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:16px;height:16px;list-style-type:none}.color-picker-basic-color button.active{box-shadow:0 0 2px 2px #0000004d}.color-picker-saturation{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);width:100%;height:150px;margin-top:15px;position:relative}.color-picker-saturation_cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.color-picker-hue{-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:12px;width:100%;height:12px;margin-top:15px;position:relative}.color-picker-hue_cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 0 .5px #0003}.color-picker-color{border:1px solid #ccc;width:100%;height:20px;margin-top:15px}
.Input__wrapper{flex-direction:row;align-items:center;margin-bottom:10px;display:flex}.Input__label{color:#666;flex:1;display:flex}.Input__input{border:1px solid #999;border-radius:5px;flex:2;min-width:0;padding:7px 10px;font-size:16px;display:flex}
.dropdown{z-index:100;background-color:#fff;border-radius:8px;min-height:40px;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}
.editor-container{border:2px solid #ddd;border-radius:6px;font-family:system-ui,-apple-system,BlinkMacSystemFont,\.SFNSText-Regular,sans-serif}.editor-container:focus,.editor-container:focus-within{border-color:#cd96e9}.editor-inner{background:#fff;border-radius:6px;position:relative}.editor-input{resize:none;caret-color:#444;tab-size:1;outline:0;min-height:150px;padding:15px 10px;font-size:15px;position:relative}.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-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-paragraph{margin:0;font-size:18px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{margin:0;padding:0;font-size:34px;font-weight:400}.editor-heading-h2{margin:0;padding:0;font-size:26px;font-weight:400}.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-width:thin;border-color:#ccc;border-bottom-style:solid;border-radius:6px 6px 0 0;flex-wrap:wrap;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;position:relative}.toolbar button.toolbar-item:hover span.tooltip-text{opacity:1;visibility:visible}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item span.tooltip-text{opacity:0;visibility:hidden;white-space:nowrap;color:#005a9e;z-index:1;background:#d2e9ff;border-radius:3px;padding:5px 8px;font-size:.8rem;font-weight:700;line-height:1.3;transition:all .3s ease-in;display:inline-block;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.toolbar button.toolbar-item span.tooltip-text:before{content:"";border:7px solid #0000;border-bottom-color:#d2e9ff;margin-left:-7px;position:absolute;top:-13px;left:50%}.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:#dfe8fa99}.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 select.toolbar-item{vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;color:#777;text-overflow:ellipsis;background:0 0;border:0;border-radius:10px;width:70px;padding:8px;font-size:14px;display:flex}.toolbar select.code-language{text-transform:capitalize;width:130px}.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;line-height:16px;display:flex}.link-editor{z-index:100;opacity:0;background-color:#fff;border-radius:8px;width:100%;max-width:300px;margin-top:-6px;transition:opacity .5s;position:absolute;top:-10000px;left:-10000px;box-shadow:0 5px 10px #0000004d}.link-editor .link-input{box-sizing:border-box;color:#050505;background-color:#eee;border:0;border-radius:15px;outline:0;width:calc(100% - 24px);margin:8px 12px;padding:8px 12px;font-family:inherit;font-size:15px;display:block;position:relative}.link-editor div.link-edit{vertical-align:-.25em;cursor:pointer;background-image:url(/rich_text_editor/pencil-fill.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;width:35px;position:absolute;top:0;bottom:0;right:0}.link-editor .link-input a{color:#216fdb;white-space:nowrap;text-overflow:ellipsis;margin-right:30px;text-decoration:none;display:block;overflow:hidden}.link-editor .link-input a:hover{text-decoration:underline}.link-editor .button{cursor:pointer;border-radius:8px;width:20px;height:20px;margin:0 2px;padding:6px;display:inline-block}.link-editor .button.hovered{background-color:#eee;width:20px;height:20px;display:inline-block}.link-editor .button i,.actions i{vertical-align:-.25em;background-size:contain;width:20px;height:20px;display:inline-block}i.undo{background-image:url(/rich_text_editor/arrow-counterclockwise.svg)}i.redo{background-image:url(/rich_text_editor/arrow-clockwise.svg)}i.paragraph{background-image:url(/rich_text_editor/text-paragraph.svg)}i.large-heading{background-image:url(/rich_text_editor/type-h1.svg)}i.small-heading{background-image:url(/rich_text_editor/type-h2.svg)}i.bullet-list{background-image:url(/rich_text_editor/list-ul.svg)}i.numbered-list{background-image:url(/rich_text_editor/list-ol.svg)}i.bold{background-image:url(/rich_text_editor/type-bold.svg)}i.italic{background-image:url(/rich_text_editor/type-italic.svg)}i.underline{background-image:url(/rich_text_editor/type-underline.svg)}i.strikethrough{background-image:url(/rich_text_editor/type-strikethrough.svg)}i.link{background-image:url(/rich_text_editor/link.svg)}.icon.font-color{background-image:url(/rich_text_editor/font-color.svg)}