/*!
 * sp-editor version 1.1.1
 * Author: capricorncd
 * Released under the MIT License
 * Repository: https://github.com/capricorncd/zx-editor
 * Copyright © 2018-present, capricorncd/ Xing Zhong.
 */
@charset "UTF-8";.sp-editor__editor{position:relative;overflow-y:auto;line-height:var(--line-height);outline:none;padding-bottom:calc(var(--padding-bottom, 0px) + env(safe-area-inset-bottom))}.sp-editor__editor>*{position:relative;padding:0;margin:0;margin-top:var(--paragraph-spacing);word-wrap:break-word}.sp-editor__editor>*:first-child{margin-top:0}.sp-editor__editor>blockquote{padding-left:1em;border-left:3px solid var(--placeholder-color)}.sp-editor__editor>ul,.sp-editor__editor>ol{padding-left:20px;list-style:disc}.sp-editor__editor li,.sp-editor__editor p{color:inherit}.sp-editor__editor.is-empty:not(:focus-within):before{position:absolute;z-index:1;top:0;left:0;pointer-events:none;color:var(--placeholder-color);line-height:var(--line-height);content:var(--placeholder)}.sp-editor__editor img,.sp-editor__editor video{max-width:100%;height:auto}.style-panel{position:fixed;z-index:9999;left:0;bottom:0;width:100%;height:40vh;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);overflow:hidden;background:#fff;-webkit-transition:.3s -webkit-transform ease-in-out;transition:.3s -webkit-transform ease-in-out;-o-transition:.3s transform ease-in-out;transition:.3s transform ease-in-out;transition:.3s transform ease-in-out,.3s -webkit-transform ease-in-out}.style-panel dl,.style-panel dd{margin:0}.style-panel__fade-in{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.style-panel__header{position:absolute;top:0;left:0;width:100%;height:44px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px #0000001a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.style-panel__header .__left{position:absolute;top:0;left:0;padding:0 10px;height:100%;font-size:.8em;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.style-panel__header .__switch{position:absolute;top:0;right:0;width:44px;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.style-panel__header .__switch:after{display:inline-block;content:"";border-top:6px solid #999;border-left:6px solid transparent;border-right:6px solid transparent}.style-panel__body{position:absolute;top:44px;left:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);width:100%;overflow-x:hidden;overflow-y:auto}.style-panel__body .__style-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px}.style-panel__body .__style-wrapper dd{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:50px;text-align:center;font-size:1.5em}.style-panel__body .__style-wrapper dd:after{position:absolute;top:0;right:0;height:50px;content:"";-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);transform:scaleX(.5);border-right:1px solid #ddd}.style-panel__body .__style-wrapper dd:last-child:after{border-right-width:0}.style-panel__body .__style-wrapper dd.text-align--l:before,.style-panel__body .__style-wrapper dd.text-align--c:before,.style-panel__body .__style-wrapper dd.text-align--r:before{display:inline-block;content:"=";line-height:15px;width:20px;height:19px;border-top:2px solid #333;border-bottom:2px solid #333;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.style-panel__body .__style-wrapper dd.text-align--l:before{text-indent:-10px}.style-panel__body .__style-wrapper dd.text-align--r:before{text-indent:8px}.style-panel__body .__color-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:50px}.style-panel__body .__color-wrapper dd{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.style-panel__body .__color-wrapper dd i{position:relative;display:inline-block;width:32px;height:32px;border-radius:50%}.style-panel__body .__color-wrapper dd i:before,.style-panel__body .__color-wrapper dd i:after{content:"";position:absolute;width:26px;height:26px;border-radius:50%}.style-panel__body .__color-wrapper dd i:before{top:-1px;left:-1px;border:4px solid #fff}.style-panel__body .__color-wrapper dd i:after{top:1px;left:1px;border:2px solid #fff}.style-panel__body .__color-wrapper dd.active i:before{display:none}.style-panel__body .__tag-wrapper{border-top:5px solid #ddd}.style-panel__body .__tag-wrapper dd{position:relative;margin:0 20px;height:50px;line-height:50px;text-align:center}.style-panel__body .__tag-wrapper dd:after{position:absolute;bottom:0;left:0;width:100%;content:"";border-top:1px solid #ddd;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}.style-panel__body .__tag-wrapper dd:last-child:after{border-top:0}.style-panel__body .__tag-wrapper dd.__h2{font-size:1.2em;font-weight:800!important}.style-panel__body .__tag-wrapper dd.__h4{font-weight:800!important}.style-panel__body .__tag-wrapper dd.__blockquote:before{display:inline-block;vertical-align:top;margin:8px 4px 0 0;font-size:2em;content:'"'}.style-panel__body .__tag-wrapper dd.__ul:before{display:inline-block;vertical-align:top;margin-right:4px;font-size:1.5em;content:"·"}.style-panel__body .__tag-wrapper dd i{display:none;position:absolute;z-index:1;top:18px;right:30px;width:14px;height:8px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-left:2px solid #00c1b7;border-bottom:2px solid #00c1b7}.style-panel__body .__tag-wrapper dd.active i{display:inline-block}.sp-editor__toolbar{position:fixed;z-index:999;left:0;bottom:0;width:100%;background-color:#fff;height:calc(env(safe-area-inset-bottom) + var(--bar-height, 50px));-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.sp-editor__toolbar dl,.sp-editor__toolbar dd{margin:0}.sp-editor__toolbar .inner-wrapper{position:absolute;top:0;left:0;width:100%;height:var(--bar-height, 50px);overflow-y:hidden;overflow-x:auto;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sp-editor__toolbar .inner-wrapper .icon-item{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--bar-height, 50px);height:var(--bar-height, 50px);cursor:pointer}.sp-editor__toolbar .inner-wrapper .icon-item[data-name=choose-picture]{background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgc3R5bGU9IndpZHRoOiAxZW07aGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwLWlkPSIxMTgyIj48cGF0aCBkPSJNNjQwLjQ2OTMzMyA4NS4zMzMzMzNhNjQgNjQgMCAwIDEgNTguODE2IDM4Ljc4NEw3MjguMzg0IDE5Mkg4MzJhMTI4IDEyOCAwIDAgMSAxMjggMTI4djQ5MC42NjY2NjdhMTI4IDEyOCAwIDAgMS0xMjggMTI4SDE5MmExMjggMTI4IDAgMCAxLTEyOC0xMjhWMzIwYTEyOCAxMjggMCAwIDEgMTI4LTEyOGgxMDMuNjE2bDI5LjA5ODY2Ny02Ny44ODI2NjdBNjQgNjQgMCAwIDEgMzgzLjUzMDY2NyA4NS4zMzMzMzNoMjU2LjkzODY2NnogbTAgNjRIMzgzLjUzMDY2N2wtNDUuNzE3MzM0IDEwNi42NjY2NjdIMTkyYTY0IDY0IDAgMCAwLTYzLjg5MzMzMyA2MC4yNDUzMzNMMTI4IDMyMHY0OTAuNjY2NjY3YTY0IDY0IDAgMCAwIDYwLjI0NTMzMyA2My44OTMzMzNMMTkyIDg3NC42NjY2NjdoNjQwYTY0IDY0IDAgMCAwIDYzLjg5MzMzMy02MC4yNDUzMzRMODk2IDgxMC42NjY2NjdWMzIwYTY0IDY0IDAgMCAwLTYwLjI0NTMzMy02My44OTMzMzNMODMyIDI1NmgtMTQ1LjgxMzMzM2wtNDUuNzE3MzM0LTEwNi42NjY2Njd6TTUxMiAzNDEuMzMzMzMzYzExNy44MjQgMCAyMTMuMzMzMzMzIDk1LjUwOTMzMyAyMTMuMzMzMzMzIDIxMy4zMzMzMzRzLTk1LjUwOTMzMyAyMTMuMzMzMzMzLTIxMy4zMzMzMzMgMjEzLjMzMzMzMy0yMTMuMzMzMzMzLTk1LjUwOTMzMy0yMTMuMzMzMzMzLTIxMy4zMzMzMzMgOTUuNTA5MzMzLTIxMy4zMzMzMzMgMjEzLjMzMzMzMy0yMTMuMzMzMzM0eiBtMCA2NGExNDkuMzMzMzMzIDE0OS4zMzMzMzMgMCAxIDAgMCAyOTguNjY2NjY3IDE0OS4zMzMzMzMgMTQ5LjMzMzMzMyAwIDAgMCAwLTI5OC42NjY2Njd6IG0yODgtODUuMzMzMzMzYTMyIDMyIDAgMSAxIDAgNjQgMzIgMzIgMCAwIDEgMC02NHoiIGZpbGw9ImN1cnJlbnRDb2xvciIgcC1pZD0iMTE4MyI+PC9wYXRoPjwvc3ZnPgo=) no-repeat center center;background-size:60%;opacity:.4}.sp-editor__toolbar .inner-wrapper .icon-item[data-name=text-style]{background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgc3R5bGU9IndpZHRoOiAxZW07aGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwLWlkPSIxNDkzIj48cGF0aCBkPSJNOTgzLjEgNDk2Yy0yMS45IDAuNS0zOS4xIDE4LjgtMzkuMSA0MC43VjkwNGMwIDIyLjEtMTcuOSA0MC00MCA0MEg2MTRjLTIyLjEgMC00MCAxNy45LTQwIDQwczE3LjkgNDAgNDAgNDBoMzcwYzIyLjEgMCA0MC0xNy45IDQwLTQwVjUzNmMwLTIyLjQtMTguNC00MC41LTQwLjktNDB6TTQwIDYwMGMyMi4xIDAgNDAtMTcuOSA0MC00MFYxMjBjMC0yMi4xIDE3LjktNDAgNDAtNDBoMzY3LjNjMjEuOSAwIDQwLjMtMTcuMyA0MC43LTM5LjEgMC41LTIyLjUtMTcuNi00MC45LTQwLTQwLjlINDBDMTcuOSAwIDAgMTcuOSAwIDQwdjUyMGMwIDIyLjEgMTcuOSA0MCA0MCA0MHpNNTM1IDY5Ny4yek00NDIuNSA0ODQuMWMtMTYuMiAyMS42LTI3LjEgMzguNCA1MC42IDExNiA2NS42IDY1LjYgOTYuMSA2MS4zIDEyOS4zIDMzIDU1LjMtNTUuMyAyOTAuNy0zODMuNSAzNzcuNy01MDguNyAxNC4zLTIwLjYgNDMuNS03OSA0LjMtMTA1LjctMzYuNy0yNC45LTY5LjYtMi42LTgzLjggNS42Qzg3OCA1Mi43IDU3NC40IDM0Ny44IDQ0Mi41IDQ4NC4xek0zOTkuNyA1NjguMWMtMjAuNC0xOS44LTQ4LjQtMjQuMi02Mi41LTkuNy0xNC4xIDE0LjUtOC45IDQyLjMgMTEuNiA2Mi4xbDEzNS4zIDEyOS4xYzIwLjQgMTkuOCA0OC40IDI0LjIgNjIuNSA5LjcgMTQuMS0xNC41IDguOS00Mi4zLTExLjYtNjIuMUwzOTkuNyA1NjguMXpNMjg4LjQgNjIwLjVzLTEzMi43IDcyLjEtMTM3LjggMTg1Yy01LjEgMTEyLjktMTEyLjkgMTk1LjEtMTQ4LjkgMjA1LjNDLTM0LjIgMTAyMS4xIDUyNyAxMDQ0LjMgNDg2IDgwM0wyODguNCA2MjAuNXoiIHAtaWQ9IjE0OTQiPjwvcGF0aD48L3N2Zz4K) no-repeat center center;background-size:45%;opacity:.4}.sp-editor__toolbar.__fade-in{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.sp-editor *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sp-editor .border-bottom:after{position:absolute;bottom:0;left:0;width:100%;content:"";-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);border-bottom:1px solid #ddd}.sp-editor .border-top:before{position:absolute;top:0;left:0;width:100%;content:"";-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);border-top:1px solid #ddd}