@para-ui/core 2.2.44 → 2.2.45

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "2.2.44",
+  "version": "2.2.45",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",
@@ -23,6 +23,8 @@
     "@para-ui/core": "^2.0.9",
     "@para-ui/icons": "^3.0.0",
     "@paraview/lib": "^2.0.3",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-react": "^1.0.6",
     "clsx": "1.1.1",
     "moment": "^2.29.3",
     "rc-cascader": "2.1.2",
@@ -48,9 +50,9 @@
     "react-intl-hooks": "^1.0.11",
     "react-router-dom": "^5.3.0",
     "react-slick": "0.28.1",
+    "react-sortablejs": "6.1.0",
     "react-transition-group": "^4.4.2",
-    "sortablejs": "^1.15.0",
-    "react-sortablejs": "6.1.0"
+    "sortablejs": "^1.15.0"
   },
   "devDependencies": {
     "@babel/core": "^7.13.13",

package/style.css

@@ -73,6 +73,8 @@
 .paraui-slider{position:relative;height:8px;padding:0;width:100%;border-radius:4px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.paraui-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.paraui-slider-rail{position:absolute;width:100%;background-color:rgba(171,176,185,.2);height:8px;border-radius:4px}.paraui-slider-track{position:absolute;left:0;height:8px;border-radius:4px;background-color:#3666d6}.paraui-slider-handle{position:absolute;width:16px;height:16px;cursor:pointer;margin-top:-4px;border-radius:50%;border:solid 2px #3666d6;background-color:#fff;touch-action:pan-x}.paraui-slider-handle-dragging{border-color:#3666d6;box-shadow:0 0 5px rgba(54,102,214,.2);outline:2px solid rgba(54,102,214,.2)}.paraui-slider-handle:focus{outline:none}.paraui-slider-handle-click-focused:focus{border-color:#3666d6;box-shadow:unset}.paraui-slider-handle:hover{border-color:#3666d6}.paraui-slider-handle:active{border-color:#3666d6;box-shadow:0 0 5px rgba(54,102,214,.2);outline:2px solid rgba(54,102,214,.2);cursor:grabbing}.paraui-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.paraui-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.paraui-slider-mark-text-active{color:#666}.paraui-slider-step{position:absolute;width:100%;height:8px;background:rgba(0,0,0,0)}.paraui-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:12px;height:12px;border:solid 2px rgba(171,176,185,.4);background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.paraui-slider-dot-active{border-color:#3666d6}.paraui-slider-dot-reverse{margin-right:-4px}.paraui-slider-disabled{background-color:#e9e9e9}.paraui-slider-disabled .paraui-slider-track{background-color:#ccc}.paraui-slider-disabled .paraui-slider-handle,.paraui-slider-disabled .paraui-slider-dot{border-color:#ccc;box-shadow:none;background-color:#fff;cursor:not-allowed}.paraui-slider-disabled .paraui-slider-mark-text,.paraui-slider-disabled .paraui-slider-dot{cursor:not-allowed !important}.paraui-slider-vertical{width:14px;height:100%;padding:0 5px}.paraui-slider-vertical .paraui-slider-rail{height:100%;width:4px}.paraui-slider-vertical .paraui-slider-track{left:5px;bottom:0;width:4px}.paraui-slider-vertical .paraui-slider-handle{margin-left:-6px;touch-action:pan-y}.paraui-slider-vertical .paraui-slider-mark{top:0;left:18px;height:100%}.paraui-slider-vertical .paraui-slider-step{height:100%;width:4px}.paraui-slider-vertical .paraui-slider-dot{left:0px;margin-bottom:-4px}.paraui-slider-vertical .paraui-slider-dot:first-child{margin-bottom:-4px}.paraui-slider-vertical .paraui-slider-dot:last-child{margin-bottom:-4px}.paraui-slider-tooltip-zoom-down-enter,.paraui-slider-tooltip-zoom-down-appear{animation-duration:.3s;animation-fill-mode:both;display:block !important;animation-play-state:paused}.paraui-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;display:block !important;animation-play-state:paused}.paraui-slider-tooltip-zoom-down-enter.paraui-slider-tooltip-zoom-down-enter-active,.paraui-slider-tooltip-zoom-down-appear.paraui-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.paraui-slider-tooltip-zoom-down-leave.paraui-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.paraui-slider-tooltip-zoom-down-enter,.paraui-slider-tooltip-zoom-down-appear{transform:scale(0, 0);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.paraui-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0, 0)}100%{transform-origin:50% 100%;transform:scale(1, 1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1, 1)}100%{opacity:0;transform-origin:50% 100%;transform:scale(0, 0)}}.paraui-slider-tooltip{position:absolute;display:block;left:-9999px;top:-9999px;max-width:250px;z-index:1500;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.paraui-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.paraui-slider-tooltip-hidden{display:none}.paraui-slider-tooltip-inner{min-width:24px;padding-bottom:3px;font-size:14px;line-height:1;color:rgba(46,55,67,.7);text-align:center;text-decoration:none;background-color:rgba(0,0,0,0);border-radius:6px;white-space:nowrap;box-shadow:none}.paraui-slider-tooltip-arrow{display:none;position:absolute;width:0;height:0;border-color:rgba(0,0,0,0);border-style:solid}.paraui-slider-tooltip-placement-top .paraui-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}
 .para-split{display:flex;min-height:200px;-webkit-user-select:none;user-select:none}.para-split-left{background-color:#fff;position:relative;min-width:201px}.para-split-left .para-split-separator{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:6px;height:100%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.35);cursor:col-resize}.para-split-left .para-split-separator i{display:inline-block;height:14px;width:1px;background-color:#e9e9e9;margin:0 1px}.para-split-left-content{padding:20px 34px 20px 20px}.para-split .para-split-right{background-color:#fff;flex:1}.para-split .para-split-right-content{padding:20px}
 .paraui-stepper-step+div .paraui-stepper-connector>span{border:0;height:1px;background:linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250))}.paraui-stepper .paraui-stepper-step-label{margin-top:8px;color:rgba(46,55,67,.7);font-size:14px;font-weight:400}.paraui-stepper .paraui-stepper-step-label--active{color:#3666d6}.paraui-stepper .paraui-stepper-step-label--completed{color:#2e3743}.paraui-stepper-step-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background-color:rgba(171,176,185,.12);border-radius:50%}.paraui-stepper-step-icon>svg{color:rgba(46,55,67,.7)}.paraui-stepper-step-icon--active{background-color:#3666d6}.paraui-stepper-step-icon--active>svg{color:#fff}.paraui-stepper-step-icon--completed{background-color:rgba(54,102,214,.8)}.paraui-stepper-step-icon--completed>svg{color:#fff}.paraui-stepper-step-icon--one>svg{margin-left:-2px}.paraui-stepper .paraui-stepper-connector{top:15px;left:calc(-50% + 27px);right:calc(50% + 27px)}.paraui-stepper .paraui-stepper-connector>span{border-top:1px dashed rgba(171,176,185,.4)}.paraui-stepper .paraui-stepper-connector--active>span,.paraui-stepper .paraui-stepper-connector--completed>span{border-top:1px solid rgba(171,176,185,.4)}
+.paraui-text-editor .text-editor-content{border:1px solid rgba(171,176,185,.4);border-radius:4px;padding:1px 0}.paraui-text-editor .text-editor-content>div:nth-child(1){border-bottom:1px solid rgba(171,176,185,.4)}.paraui-text-editor .text-editor-content div[contenteditable=false]{background-color:rgba(171,176,185,.12)}.paraui-text-editor .text-editor-content div[contenteditable=false]:hover{border-color:rgba(171,176,185,.4);cursor:not-allowed}
+:root,:host{--w-e-textarea-bg-color: #fff;--w-e-textarea-color: #333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #e8e8e8;--w-e-textarea-slight-color: #d4d4d4;--w-e-textarea-slight-bg-color: #f5f2f0;--w-e-textarea-selected-border-color: #B4D5FF;--w-e-textarea-handler-bg-color: #4290f7;--w-e-toolbar-color: #595959;--w-e-toolbar-bg-color: #fff;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #f1f1f1;--w-e-toolbar-disabled-color: #999;--w-e-toolbar-border-color: #e8e8e8;--w-e-modal-button-bg-color: #fafafa;--w-e-modal-button-border-color: #d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid rgba(0,0,0,0);min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline !important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1215686275);position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:rgba(0,0,0,0);border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid rgba(0,0,0,0);border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-right-color:var(--w-e-toolbar-active-color);border-top-color:rgba(0,0,0,0);left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.1215686275);display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.1215686275);left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.1215686275);margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.1215686275);color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0 !important;display:flex !important;flex-direction:column !important;height:100% !important;left:0 !important;margin:0 !important;padding:0 !important;position:fixed;right:0 !important;top:0 !important;width:100% !important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1 !important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee),linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}
 .paraui-timeline-alternate:before{padding:0 12px}.paraui-timeline .paraui-timeline-dot{width:8px;height:8px;padding:0;border:none;background-color:#3666d6;box-shadow:none}.paraui-timeline .paraui-timeline-dot--disabled{background-color:rgba(171,176,185,.4)}.paraui-timeline .paraui-timeline-dot--disabled svg{color:rgba(171,176,185,.4)}.paraui-timeline .paraui-timeline-dot-custom{margin:0;color:rgba(0,0,0,0);border:none;background-color:rgba(0,0,0,0);box-shadow:none}.paraui-timeline-content{color:#2e3743;padding:4px 12px;font-size:14px}.paraui-timeline-content-dot{padding:3px 12px}.paraui-timeline-content--disabled{color:rgba(46,55,67,.4)}.paraui-timeline-connector{width:1px;background-color:rgba(171,176,185,.2)}
 .paraui-title{display:flex;align-items:center;line-height:20px}.paraui-title .title-ink{width:4px;height:14px;background-color:#3666d6;border-radius:2px}.paraui-title .title-icon{display:inline-flex}.paraui-title .title-text{margin-left:8px;font-size:14px;font-weight:700;color:#1c293c}.paraui-title .title-subtext{margin-left:12px;font-size:14px;font-weight:400;color:rgba(46,55,67,.4)}.paraui-title .title-link{margin-left:12px;text-decoration:none;outline:none;font-size:14px;font-weight:400;color:#3666d6}.paraui-title.paraui-title-large .title-icon svg{font-size:30px}.paraui-title.paraui-title-large .title-text{font-size:18px}.paraui-title.paraui-title-medium .title-icon svg{font-size:24px}.paraui-title.paraui-title-medium .title-text{font-size:16px}.paraui-title.paraui-title-small .title-icon svg{font-size:20px}.paraui-title.paraui-title-small .title-text{margin-left:4px}
 .paraui-toggle-button{color:#2e3743}.paraui-toggle-button.paraui-button{height:30px;padding:0 20px;line-height:30px}.paraui-toggle-button-wrap{display:inline-block}.paraui-toggle-button-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-toggle-button-selected{border-color:#3666d6;color:#3666d6}.paraui-toggle-button-selected:hover{border-color:#3666d6;color:#3666d6}.paraui-toggle-button-selected[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4)}.paraui-toggle-button-selected[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-toggle-button-selected[disabled]::before{border-color:rgba(46,55,67,.4);border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-toggle-button-selected::before{content:" ";position:absolute;bottom:0;right:0;border:10px solid #3666d6;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-toggle-button-selected::after{content:" ";position:absolute;bottom:2px;right:3px;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;border-radius:2px;transform:rotate(45deg)}.paraui-toggle-button-disabled.paraui-toggle-button{pointer-events:auto;cursor:not-allowed}.paraui-togglebutton-group{display:flex;flex-flow:row wrap}.paraui-togglebutton-group .paraui-toggle-button{margin:0 10px;line-height:30px}.paraui-togglebutton-group--text .paraui-toggle-button{margin:0;padding:0 16px;line-height:30px}.paraui-togglebutton-group--text .paraui-toggle-button:hover{color:rgba(54,102,214,.8)}.paraui-togglebutton-group--text .paraui-toggle-button[disabled]{color:rgba(46,55,67,.4)}.paraui-togglebutton-group--text .paraui-toggle-button~.paraui-toggle-button:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:rgba(171,176,185,.4)}.paraui-togglebutton-group--text .paraui-toggle-button-selected{color:#3666d6;font-weight:700}.paraui-togglebutton-group--text .paraui-toggle-button-selected:hover{color:#3666d6}.paraui-togglebutton-group--text .paraui-toggle-button-selected:first-child:before{display:none}.paraui-togglebutton-group--text .paraui-toggle-button-selected:not(:first-child)::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:rgba(171,176,185,.4);border:0}.paraui-togglebutton-group--text .paraui-toggle-button-selected::after{display:none}