::-webkit-scrollbar{width:16px;height:16px;overflow:visible}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;border:4px solid #f2f4f7;border-radius:8px;min-height:24px}::-webkit-scrollbar-thumb:hover{background-color:#c9c9c9}::-webkit-scrollbar-track{background:#f2f4f7 padding-box padding-box}.web-editor-container{background-color:#f2f4f7;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.web-editor-container ul{margin:0;padding:0;list-style:none}.menu{box-sizing:border-box;background:#f2f4f7;border-bottom:1px solid #e2e6ed;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:60px;display:flex}.menu-divider{background-color:#cfd2d8;width:1px;height:16px;margin:0 8px;display:inline-block}.menu-item{align-items:center;height:24px;display:flex;position:relative}.menu-item>div{cursor:pointer;border-radius:2px;margin:0 2px}.menu-item>div:hover{background:#1937580a}.menu-item>div.active{background:#19375814}.toolbar-btn{cursor:pointer;color:#333;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toolbar-btn:hover{background:#1937580a}.toolbar-btn.active{background:#19375814}.toolbar-btn.no-allow{color:#c0c4cc;cursor:not-allowed;opacity:.4;pointer-events:none}.toolbar-btn svg{width:16px;height:16px}.toolbar-btn.color-btn{flex-direction:column;position:relative}.toolbar-btn.color-btn .color-bar{border:1px solid #e2e6ed;width:16px;height:3px;margin-top:-2px;display:block}.toolbar-btn.color-btn input[type=color]{visibility:hidden;appearance:none;outline:none;width:1px;height:1px;position:absolute}.menu-item .select{user-select:none;cursor:pointer;border:none;font-size:12px;line-height:24px}.menu-item .select:after{content:"";border:3px solid #0000;border-top-color:#767c85;border-bottom:0 #0000;width:0;height:0;position:absolute;top:11px;right:2px}.menu-item .options{z-index:100;background:#fff;border:1px solid #e2e6ed;border-radius:2px;width:70px;padding:10px;font-size:14px;display:none;position:absolute;top:25px;left:0;box-shadow:0 2px 12px #38383833}.menu-item .options.visible{display:block}.menu-item .options li{user-select:none;cursor:pointer;margin:5px 0;padding:5px;transition:all .3s}.menu-item .options li:hover{background-color:#ebecef}.menu-item .options li.active{background-color:#e2e6ed}.menu-item .menu-item__font{width:100px;position:relative}.menu-item .menu-item__size{text-align:center;width:50px;position:relative}.menu-item__font .select,.menu-item__size .select{width:100%;height:100%}.menu-item__font .options{width:160px}.menu-item__list{position:relative}.menu-item__list .options{width:150px}.menu-item__table{position:relative}.menu-item .menu-item__table__collapse{box-sizing:border-box;z-index:99;cursor:auto;background:#fff;border:1px solid #e2e6ed;border-radius:2px;width:270px;height:310px;padding:14px 27px;display:none;position:absolute;top:25px;left:0;box-shadow:0 2px 12px #38383833}.menu-item .menu-item__table__collapse.visible{display:block}.menu-item .menu-item__table__collapse .table-close{cursor:pointer;position:absolute;top:5px;right:10px}.menu-item .menu-item__table__collapse .table-close:hover{color:#7d7e80}.menu-item .menu-item__table__collapse .table-title{border-bottom:1px solid #e2e6ed;justify-content:flex-start;padding-bottom:5px;display:flex}.table-title span{color:#3d4757;margin:0;font-size:12px;display:inline}.table-panel{cursor:pointer}.table-panel .table-row{pointer-events:none;flex-wrap:nowrap;margin-top:10px;display:flex}.table-panel .table-cel{box-sizing:border-box;pointer-events:none;background:#fff;border:1px solid #e2e6ed;width:16px;height:16px;margin-right:6px;position:relative}.table-panel .table-cel.active{background:#4991f226;border:1px solid #4991f233}.table-panel .table-row .table-cel:last-child{margin-right:0}.menu-item__search{position:relative}.menu-item .menu-item__search__collapse{box-sizing:border-box;z-index:99;background:#fff;border-radius:4px;width:300px;padding:10px;display:none;position:absolute;top:25px;right:0;box-shadow:0 5px 5px #e3dfdf}.menu-item .menu-item__search__collapse.visible{display:block}.menu-item .menu-item__search__collapse input[type=text]{appearance:none;box-sizing:border-box;color:#606266;background-color:#fff;background-image:none;border:1px solid #ebebeb;border-radius:4px;outline:none;width:100%;height:30px;margin-bottom:8px;padding:0 10px;line-height:30px;display:block}.menu-item .menu-item__search__collapse button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e6ed;border-radius:2px;padding:0 12px;font-size:12px;line-height:26px;display:inline-block}.menu-item .menu-item__search__collapse button:hover{background:#1937580a}.menu-item .menu-item__search__collapse .search-actions{gap:8px;margin-top:8px;display:flex}.web-editor-content{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:20px;display:flex;overflow:auto}.web-editor-content>div{margin:0 auto}.footer{box-sizing:border-box;background:#f2f4f7;border-top:1px solid #e2e6ed;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:30px;padding:0 4px 0 20px;font-size:12px;display:flex;position:relative}.footer>div:first-child{align-items:center;display:flex}.footer>div:first-child>span{letter-spacing:1px;margin-right:5px;display:inline-block}.footer>div:last-child{justify-content:space-between;align-items:center;display:flex}.footer>div:last-child>div{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.footer>div:last-child>div:hover{background:#1937580a}.footer .page-scale-percentage{cursor:pointer;user-select:none;padding:0 4px}.footer .options{background:#fff;border:1px solid #e2e6ed;border-radius:2px;width:70px;padding:10px;font-size:14px;display:none;position:absolute;bottom:25px;left:0;box-shadow:0 2px 12px #38383833}.footer .options.visible{display:block}.footer .options li{user-select:none;text-align:center;cursor:pointer;margin:5px 0;padding:5px;transition:all .3s}.footer .options li:hover{background-color:#ebecef}.footer .options li.active{background-color:#e2e6ed}.footer-btn{cursor:pointer;color:#333;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.footer-btn:hover{background:#1937580a}.footer-btn svg{width:16px;height:16px}.editor-mode{cursor:pointer;user-select:none;position:absolute;left:50%;transform:translate(-50%)}.menu-item__import,.menu-item__export{position:relative}.menu-item .file-options{width:140px}.menu-item .file-options li{font-size:13px}